@charset "UTF-8";
/* CSS Document */

<!--
html, body {
				height: 100%;
			}
			body {
				margin: 0;
				padding: 0;
				font: 12px/1.5 verdana, arial, helvetica, sans-serif;
				background:#FFFFFF url(../images/bodybacker_01.jpg) no-repeat 50% 0;
			}
			
			
			
			#container {
				position: relative;
				min-height: 100%;
				height: 100%;
				voice-family: "\"}\"";
				voice-family: inherit;
				height: auto;
				margin:0 auto;
				  width: 957px;
			}
			html>body #container {
				height: auto;
				
			}
		
			
			
			#footercontainer {
			    width: auto;
				background:url(../images/footerbacker_07.jpg) repeat-x;
				height: 121px;
			}
a{
color: #6699cc;
outline: none;
border:none;
}

.date {
	font:11px/1.5 verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
}
.current {
	font-weight:bold;
}

#f1, #f2, #f4, #f5 {
float:left;
color: #FFF;
font-size: 10px;
padding: 18px 0px 0px 18px;
}
#f3 {
float:left;
color: #FFF;
font-size: 10px;
padding: 18px 0px 0px 0px;
}

#f1 a, #f2 a, #f3 a, #f4 a, #f5 a {
color: #FFF;
text-decoration: none;
}

#f1 {
width: 222px;
}

#f2 {
width: 242px;
}

#f3 {
width: 222px;
}

#f4 {
width: 90px;
}

#f5 {
width: 90px;
}
#brandarrowl {
width: 14px;
height: 17px;
position: absolute;
left: 10px;
}

#brandarrowr {
width: 14px;
height: 17px;
position: absolute;
right: 10px;
}
			
#mainnav {
padding:20px 0 30px 10px;
margin:0px;
}
			#mainnav li {
			    list-style: none;
				display: inline;
				color: #6699cc;
				padding-right: 17px;
				text-transform: uppercase;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
			}
			
			#mainnav li a {
			    text-decoration: none;
				color: #6699cc;
			}
			
			#mainnav li a:hover {
			    text-decoration: underline;
				color: #CCC;
			}
#head {
padding-bottom: 20px;

}
#headleft {
   float: left;
   border-right: 1px solid #FFF;
   border-left: 1px solid #FFF;
   width:639px;
   height:282px;
   margin-right: 10px;          
       }
#headright {
   float: right;
   border-right: 1px solid #FFF;
   width: 270px;
   height:274px;
   padding: 8px 20px 0px 10px;
   margin: 0px;
   color: #FFF;
   line-height: 15px;
   font-weight: normal;
     }
#subhead {
padding-bottom: 20px;
   border-right: 1px solid #FFF;
border-left: 1px solid #FFF;
display: block;
height: 130px;

}
#subheadleft {
   float: left;
   width:639px;
   
   margin-right: 10px;          
       }
#subheadright {
   float: right;

   width: 270px;

   padding: 40px 20px 0px 10px;
   color: #FFF;
   line-height: 15px;
   font-weight: normal;
     }
#headright h3, #subheadright h3 {
color: #6699cc;
font-weight: normal;
font-size: 18px;
line-height: 19px;
}
#logo {
float: left;
margin: 42px 20px 0px 20px;
width: 255px;
}
#logosub {
float: left;
margin: 10px 20px 0px 20px;
width: 255px;
}
#brandtext {
float: left;
width: 307px;
color: #FFF;
font-size: 11px;
padding-top: 17px;
line-height: 14px;
}
#brandtext h3 {
font-weight: normal;
font-size: 24px;
line-height: 25px;
font-family: Arial, Helvetica, sans-serif;
}

#brandtext a.more {
color: #0d3d90;
text-decoration: underline;
float:right;
}

#brandtext a.more:hover {
color: #FFF;
text-decoration: none;
}



#content {
height: 200px;
}

#subcontent {

}

#subcontentleft {
width: 600px;
margin: 0px 10px 0px 0px;
padding: 0px 20px 0px 20px;
background-color: #FFF;
float: left;
min-height: 300px;
}

#subcontentleft h1 {
color: #6699cc;
font-size: 24px;
font-weight: normal;
line-height: 18px;
margin-top: 20px;
}
#subcontentleft h4 {
color: #6699cc;
font-size: 14px;
font-weight: bold;
line-height: 14px;
	padding:0px;
	margin:0px;
}
#subcontentleft ul {
margin: 0px;
padding: 0px;
}


#subcontentleft ul li {
list-style: none;
}


#subcontentleft ul a {
text-decoration: none;
color: #666;
display: block;
padding: 5px 5px 5px 5px;
}

#subcontentleft ul li a:hover, #subcontentright ul li:hover {
color:#1A58A3;
}

#subcontentleft ul a.active {
color:#6699cc;
}
ul#bullets {
margin: 20px;
padding: 0px;
}


ul#bullets li {
list-style: square;
}


#subcontentright {
padding: 0px 20px 0px 20px;
width: 265px;
background-color: #FFF;
float: right;
min-height: 300px;
}



#subcontentright h2 {
color: #6699cc;
font-size: 16px;
font-weight: normal;
line-height: 18px;
margin-top: 20px;
}

#subcontentright ul {
margin: 0px;
padding: 0px;
border-bottom: 1px solid #CCC;
}


#subcontentright ul li {
list-style: none;
border-top: 1px solid #CCC;

}


#subcontentright ul a {
text-decoration: none;
color: #666;
display: block;
padding: 5px 5px 5px 5px;
}

#subcontentright ul li a:hover, #subcontentright ul li:hover {
background: url(../images/subnavback.jpg);
color:#1A58A3;
}

#subcontentright ul a.active {
color:#6699cc;
}

#contentleft {
float: left;
background-color: #FFF;
width: 350px;
margin: 0px 10px 0px 0px;
padding: 0px 20px 0px 20px;
color: #6699cc;
}

#contentleft a.more, #contentright a.more {
color: #6699cc;
text-decoration: underline;
font-size: 11px;
}

#content h4 {
color: #6699cc;
font-size: 18px;
font-weight: normal;
line-height: 18px;
margin-top: 20px;
}

#contentleft .orangetext {
color: #ff6633;
font-size: 17px;
font-weight: bold;
line-height: 20px;
}

#contentright {
float: right;
background-color: #FFF;
width: 517px !important;
width: 500px;
font-size: 11px;
padding: 0px 20px 0px 20px;
}



#contentright img {
margin-left: 10px;
margin-top: 15px;
}

#contentright .orangetext {
color: #ff6633;
font-size: 13px;
font-weight: bold;
line-height: 20px;
}
#clearfix {
height: 15px;
clear: both;
}
			#bottomcontent {
			    width: auto;
				background-color: #FFF;
               margin: 0px;
               padding: 0px;
               clear: both;
               display: inline-block;
			}
			
			#bottomcontent h4  {
			font-size: 14px;
			color: #6699cc;
			font-weight: normal;
padding: 0px;
margin: 4px 0 0;
	         background:url(../images/bluerightarrow.gif) 100% 100% no-repeat;
			}
#bottomcontent h4 a {
color:#6699cc;
}

#bottomcontent h4 a:hover {
text-decoration: underline;
}
#bc1, #bc2, #bc3, #bc4 {
float:left;
color: #000;
font-size: 10px;
padding: 0px 20px 0px 18px;
margin: 0px;
border-left: 1px solid #CCC;
}


#bc1 a, #bc2 a, #bc3 a, #bc4 a {
color: #000;
text-decoration: none;
}

#bc1 {
width: 200px;
}

#bc2 {
width: 200px;
}

#bc3 {
width: 200px;
}

#bc4 {
width: 200px;
}
#signup {
height: 18px;
vertical-align: top;
}


.signupfield {
float: left;
padding-right: 4px;
}


/* form: AJAX edition
--------------------------------------------------*/
form#contact-form {
	/*background: url(../images/sim_bg.gif);*/
	padding: 13px 20px 8px 25px;
}
form#contact-form input , form#contact-form label , form#contact-form textarea {
	display: block;
}
form#contact-form label {
	margin-bottom: 0;
}
form#contact-form input {
	border: 1px solid;
	border-color: #e0e0e0;
	width: 360px;
	color: #000;
	margin-bottom: 4px;
	padding: 4px;
	font: 12px verdana, Arial, Helvetica, sans-serif;
}
form#contact-form input.hidden {
width: 0px;
border: none;
margin:0px;
padding:0px;
}
form#contact-form textarea {
	border: 1px solid;
	border-color: #e0e0e0;
	width: 360px;
	height:100px;
	color: #000;
	margin-bottom: 4px;
	padding: 4px;
	font: 12px verdana, Arial, Helvetica, sans-serif;
}
form#contact-form input#send-email {
	background-color: #fff;
	padding: 2px 3px 3px 3px;
	margin-bottom: 4px;
	width:auto;
	color: #6699cc;
	border: #6699cc solid 1px;
	text-transform: lowercase;
	font: 12px verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor: pointer;
}
form#contact-form input:focus, form#contact-form input:hover , form#contact-form textarea:focus , form#contact-form textarea:hover {
	background-color: #fff;
} 
img#throbber {
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
	display: none
}

.signupfield input {
border: 1px solid #CCC;
height: 19px;
width: 200px;
}

/* form: general
--------------------------------------------------*/
form#form {
	/*background: url(../images/sim_bg.gif);*/
	padding: 13px 20px 8px 25px;
}
form#form input, form#form2 input {
	border: 1px solid;
	border-color: #e0e0e0;
	width: 360px;
	color: #000;
	margin-bottom: 4px;
	padding: 4px;
	font: 12px verdana, Arial, Helvetica, sans-serif;
}
form#form input#submitbutton, form#form2 input#submitbutton {
	background-color: #fff;
	padding: 2px 3px 3px 3px;
	margin-bottom: 4px;
	width:auto;
	color: #6699cc;
	border: #6699cc solid 1px;
	text-transform: lowercase;
	font: 12px verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor: pointer;
}
form#form input#checkbox1, form#form2 input#checkbox1 {
	border: none;
	width:auto;
	color: #000;
	margin-bottom: 4px;
	margin-right:4px;
	vertical-align:middle;
}

-->