* {margin: 0; padding: 0;}

img {border: 0;}

li {
	list-style: none;
	margin-bottom: 5px;
	}


body {
   font: 12px arial,helvetica,sans-serif;
   text-align: center;
   background: #fff;
   line-height: 1.5em;
   }

/* 
-----------------------------------------------------------
BOX CONTENT 
-----------------------------------------------------------
*/

#container {
	position: relative;
	margin: 25px auto 15px;
	width: 850px;
	height: 500px;
	text-align: center;
	border: 1px solid #ccc;
	}

#studiobox{
    margin-left: 500px;
    padding: 25px;
   	background: #bca540;
   	height: 450px;
   	text-align: left;
    }
    
#content {

	text-align: left;
	color: #FFF;
/*width: 285px; IE doesn't like this*/
	margin: 0 auto;
	font: 12px arial, helvetica, sans-serif;
	line-height: 1.2em;
}


#content li {margin: 3px 15px;}

#content li a:link, #content li a:visited, #content li a:hover, #content li a:active {
	text-decoration: none;
	color: #fff;
	}

#content li a:hover{
	color:#444;
	}
 
p {margin: 10px 0; }

p a:link, p a:visited, p a:hover, p a:active {
 	text-decoration: none;
 	color: #fff;
 	font-weight: bold;
 	}
 	
p a:hover {
	color: #bca540;
	}
 

#photobox {
    margin-left: 500px;
    background: #fff;
    height: 500px;
    }

#graybox{
    margin-left: 500px;
    padding:25px;
   	background: #8b9783;
   	height: 450px;
   	text-align: left;
    }
    
.newsbox {
	color: #fff;
	overflow: auto;
	height: 350px;
	background-color: #8b9783;
	font: 12px/1.5em arial,sans-serif;
	} 
	
.newsbox strong{
	color: #333333;
	line-height: 2em;
	}
	
.newsbox a:link {color: #fff;}

#schedulechanges p {line-height: 1em;}

/* 
-----------------------------------------------------------
HEADERS
-----------------------------------------------------------
*/

h1 {
  margin-top:25px;
  font: 18px arial,helvetica,sans-serif;
  color: #fff;
  }

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
  text-decoration: none;
	color: #fff;
	}

h2 {
  font: 16px arial,helvetica,sans-serif;
  color: #fff;
  margin:10px 0 0 0;
  }

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
  text-decoration: none;
	color: #fff;
	}
h2 a:hover {
  color: #a6ae3f;
  }

h3 {
  font: 16px arial,helvetica,sans-serif;
  color: #fff;
  margin:10px 0 0 0;
  }
	
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
  text-decoration: none;
  color: #fff;
	}

h3 a:hover {
  color: #333333;
  }

h3 em {color: #444;
  font-size: 12px;}


h4 {
  font: bold 12px arial,helvetica,sans-serif;
  color: #666;
  }
	
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {
  text-decoration: none;
  color: #444;
	}

h4 a:hover {
  color: #86ae3f;
  }

h4 em {color: #444;
  font-size: 12px;}

/* 
-----------------------------------------------------------
CLASS STYLES
-----------------------------------------------------------
*/

.bordertop {
	border-top: 1px solid #ccc;
	padding-top: 1em;
	line-height: 1.5em;
	}

.borderbottom {
	border-bottom: 1px solid #ccc;
	margin-bottom: 2em;
	line-height: 2em;
	}

.nomargin {margin:0;}

 hr {color: #fff;
 	 margin: 15px 0;	}
 	 

.black
    {color: #000;}

.white
    {color: #FFF;
    }

.orange 
    {color: #86ae3f;}

.boldgray {color: #444444; font-weight: bold;}
    
 
code {color:#ccc;}




/* 
-----------------------------------------------------------
NAVIGATION STYLES
-----------------------------------------------------------
*/

#navigation {
    font: 1.1em arial,helvetica,sans-serif;
    line-height: 1.3em;
    float: left;
    padding: 35px;
	  width: 500px;
    text-align: left;
    background:  url(images/fit-sm-logo.gif) 450px 34px no-repeat;

    
    /*---------------------------------------------------HACK FOR IE --*/
    
    voice-family: "\"}\""; 
	  voice-family:inherit; 
	  width: 425px;
    }
    
    
    html>body #navigation {width: 435px;}
    
    
    /*----------------------------------------------------------------*/
    
    
#navigation li a {
	display: block;
	width: 150px;
	}

#navigation li a:link,
#navigation li a:visited,
#navigation li a:hover,
#navigation li a:active,
#navigation li a:focus {
	color: #7d7d7d;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	}

#navigation li a:hover{
	color: #2e3f23; /*#8b9783;*/
	border-bottom: 1px solid #e71b26;
	}


#navigation code {color:#7d7d7d;}

.active, .promos{
	color: #e71b26;
	border-bottom: 1px solid #ccc;
	display: block;
	width: 150px;
	}
	
.live {
	border-bottom: 1px solid #ccc;
	font: 18px georgia, serif;
	color: #84AD23;
	display: block;
	width: 150px;
	}
	
.live2 {
	font: 12px georgia, serif;
	color: #666;
	}
	
.live a:link, .live a:visited, .live a:hover, .live a:active {
  color:#84AD23;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	}
	
.live a:hover {
	background: #f2ffe1;
	}

.promos {
		letter-spacing: 1px;
		border-bottom: 1px solid #fff;
		}
	

.promos-active {
		letter-spacing: 1px;
		color: #8b9783;
		border-bottom: 1px solid #ccc;
		display: block;
		width: 150px;
		}
	

	


/* 
-----------------------------------------------------------
SUB NAVIGATION  (BIOS)
-----------------------------------------------------------
*/

#subnav {
	position: absolute;
	top: 150px;
	left: 370px;
	width: 115px;
	background: #fff;
	z-index: 3;
	text-align: right;
	}

#subnav li {
	font: 11px/1em arial, sans-serif;
	}	

#subnav li a:link,
#subnav li a:visited,
#subnav li a:hover,
#subnav li a:active,
#subnav li a:focus {
	color: #666;
	text-decoration: none;
	}

#subnav li a:hover{
	color: #e71b26;
	}

#subnav li a{
	display: block;
	width: 115px;
	}

#subnav li.active-bio {
	color: #e71b26;
	font-weight: bold;
	display: block;
	width: 115px;
	}

/* 
-----------------------------------------------------------
GENERAL STYLES
-----------------------------------------------------------
*/
 	

#footer {
	color:#666;
	 width: 850px;
	 margin: 0 auto;
	 text-align: left;
	 font: 11px arial;
	 }
 
#footer a:link,  #footer a:visited,  #footer a:hover,  #footer a:active {
    color:#666;
    text-decoration: none;
  }
 
#footer a:hover {
    color: #2e3f23;}
        
#navigation li a:link strong,
#footer a strong {color: #e71b26;
	letter-spacing:1px;}


#copyright {
	color: #ccc;
	font: 9px/3em arial, sans-serif;
	text-align:left;
	}

#footer · {color: #fff;} 

.special {
	font: 18px georgia, serif;
	color: #a6ae3f;
	line-height:1.3em;
	padding-top:20px;
	}
	
li a.red{color: #ff3300;}	

.special2 {
	font: 11px georgia, serif;
	color: #a6ae3f;
	}
	
.yellow {color:#bca540;}