/* get rid of those system borders being generated for A tags */
a:active 
{
    color:#CCCCCC;
    outline:none;
}

a:link
{
    color:#CCCCCC;
    outline:none;
}

a:visited
{
    color:#CCCCCC;
    outline:none;
}

.main 
{
    margin: 20px;
    background-color:#CCCCCC;
    font:14px verdana;
}

.header
{
    background-color:#666666;
    padding:10px;
    border:2px solid black;
    height:70px;
}

.headerCow
{
    background-image: url("resources/cowspots.png");
}

.bodyContent
{
    background-color:#666666;
    padding:20px;
    border:2px solid black;
    min-width: 640px;
}

.footer
{
    background-color:#666666;
    padding:1px 20px;
    border:2px solid black;
    min-width: 640px;
}

.footerText
{
    font-family:verdana;
    font-size:10px;
}

#title 
{
    color:#CCCCCC;
    font-family:verdana;
    font-size:34px;
    letter-spacing:0.3em;
    line-height:24px;
    padding:10px 0px 10px 15px;
}

#tagline 
{
    color:#333333;
    font-family:verdana;
    font-size:12px;
    letter-spacing:0.4em;
    line-height:18px;
    padding:0px 15 20px 15;
}

.tabItem
{
    background-color:#999999;
    border-left:2px solid black;
    border-right:2px solid black;
    border-top:2px solid black;
    border-bottom:2px solid black;
    margin-left:20px;
    font-size:12px;
}

.scoreTable
{
    background-color:#CCCCCC;
    font:11px verdana;
    border: 1px solid black;
    border-spacing: 0px;
    border-collapse: collapse;
}

.scoreTable thead
{
    border: 1px solid black; 
}

.scoreTableOdd
{
    background-color:#999999;
}

.scoreTableEven
{
    background-color:#AAAAAA;
}

#nav
{
    height:97px;
    min-width: 640px;
}

#nav li 
{
    float:left;
    list-style-type:none;
    text-align:center;
}

#nav img 
{
    display:block;
    padding: 2px 50px;
    border: 0px none;
}

#nav a.current 
{
    color: #CCCCCC;
    background-color: #666666;
    border-bottom:2px solid #666666;
}

#nav a
{
    color: black;
    outline:none;
    display:block;
    height:95px;
    text-decoration:none;
}

/* panes */
#panes 
{
    /* must be relative so the individual panes can be absolutely positioned */
    /*position:relative;*/
}

/* crossfading effect needs absolute positioning from the elements */ 
#panes div 
{
    display:none;
    /*position:absolute;*/
}

.bodyText {
	font:11px verdana;
	margin-top:0px;
	}
	
.pageName{
	font:22px verdana;
	line-height:20px;
	}
	
.subHeader {
	font:16px verdana;
	font-weight:bold;
	line-height:16px;
	}	
	
.sidebarHeader {
	font:14px verdana;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:16px;
	}	
	
.detailText {
	font:11px verdana;
	color:#ffffff;
	line-height:16px;
	letter-spacing:0.1em;
	}
	
.smallText {
	font:10px verdana;
	}

.breaker-hi {
	background-color:black;
}