/* GENERAL STYLES */
body {
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #fff;
	background-color: #000;
	background-image: url(../images/bg2.gif);
	background-repeat: repeat-x;
	text-align:center;
}

#body_wrapper{
	
}

#pg_body{
	position:relative;
	/*z-index:10;
	top:-220px;
	*/
	width:1024px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	background-image: url(../images/LogoBg4.gif);
	background-repeat: no-repeat;
	
}

#header{	/* register login container */
	height: 28px;
}
#header_buttons {/* register login buttons */
	text-align: right;
	margin-right: 32px;
}
#header_nav_wrapper {/* top nav links */
	margin-top: 24px;
	margin-left: 230px;
	width: 780px;
	clear: both;
}
#header_nav_wrapper ul {
	list-style-type: none;
}
#header_nav_wrapper li {
	display: inline;
}
#header_nav_wrapper a {
	float: left;
	/*
	width: 120px;
	*/
	text-decoration: none;
	text-align: center;
	color: #FFF;
	font-weight: 600;
	margin-right:1px;
	padding: 6px;
	text-transform: uppercase;
	font-size: 0.85em;
	line-height: 1.05em;
}
#header_nav_wrapper a:hover{
	color: #ff0;
}

#header_nav_wrapper a.active{
	color: #ff0;
}

#header_nav_wrapper a.wide {/* health professionals */
	width: 118px;
}

#home_header_img {/* large image on home page */
	height: 388px;
	width: 960px;
	margin-left: 32px;
	padding-top: 5px;
	padding-bottom: 20px;
}/* IE hack at end of style.css */
#header_img {/* large image on other pages */
	height: 214px;
	width: 960px;
	margin-left: 32px;
	padding-top: 5px;
	padding-bottom: 20px;
} /* IE hack at end of style.css */

/*TEXT STYLES ================================================ */
h1 {
	font-size:1.3em;
	margin: 0px;
	color: #FFDE00;
}
h2 {
	font-size:1.2em;
	margin: 0px;
	color: #FFDE00;
}
h3 {
	font-size:1.8em;
	font-weight: normal;
	margin: 0px;
	color: #FFDE00;
	height: 32px;
}
p {
	color: #fff;
	line-height: 1.4em;
}
a:visited, a:active, a:link {
	color: #ff0;
	
}
a:hover {
	color: #fc0;
	text-decoration: none;

}

/* FOOTER ==================================================== */
#footer {
	clear: both;
	background-color: #222;
	color: #888;
	font-size: 0.8em;
	/*text-transform: uppercase;*/
	line-height:20px;
	padding: 0px;
	width:960px;
	margin-left:32px;
	height: 20px;
}
#footer a {
	color: #888;
	text-decoration: none;
}

#footer a:hover{

	text-decoration: underline;
}

#footer_copyright {
	display: inline;
	float: left;
	margin-left: 6px;
	
}
#footer_links {
	color: #888;
	display:inline;
	float:right;
	width: 240px;
	margin-right: 6px;
}
#footer_notes {
	display:block;
	font-size: 0.8em;
	color: #6f6f6f;
	text-align: centre;
	width: 960px;
	margin-top: 10px;
	margin-left:32px;
}
	
/* MAIN CENTRE COLUMN =========================================== */
#cntn_main {
	width: 446px;
	float: left;
	padding: 0px 20px 10px 20px;
} /* IE hack at end of style.css */

#cntn_main_no_right {
	width: 680px;
	float: left;
	padding: 0px 20px 10px 20px;
} /* IE hack at end of style.css */



/* RIGHT COLUMN ================================================= */
#cntn_rght {
	width: 240px;
	float: right;
	margin-right: 32px;
	margin-bottom:20px;
}
#cntn_rght p {
	margin: 2px 2px 18px 0px;
	clear: both;
	font-size: 0.9em;
}

/* LEFT COLUMN CONTENT WITH NO NAV ===================================*/

#left_cntn_container {
	display: block;
	float: left;
	margin-left: 32px;
	width: 680px;
	margin-right: 32px;	
	}

/* LEFT COLUMN ================================================== */
#leftNav_container {
	float: left;
	margin-left: 32px;}
#leftNav_container a {
	display: block;
	width: 234px;
	height: 42px;
	background-repeat: no-repeat;
	/*background-position: 0 0;*/}
#WhySustagen {
	background-image: url("../images/Lbutton_WhySustagen.gif");
	background-position: 0 0;}
#PreEvent {
	background-image: url(../images/Lbutton_PreEvent.gif);
	background-position: 0 0;}
#DuringEvent {
	background-image: url(../images/Lbutton_DuringEvent.gif);
	background-position: 0 0;}
#Recovery {
	background-image: url(../images/Lbutton_Recovery.gif);
	background-position: 0 0;}
#Training {
	background-image: url(../images/Lbutton_Training.gif);
	background-position: 0 0;}
#Podcasts {
	background-image: url(../images/Lbutton_Podcasts.gif);
	background-position: 0 0;}
#MyTrainingDiary {
	background-image: url(../images/Lbutton_MyTrainingDiary.gif);
	background-position: 0 0;}
#BMI {
	background-image: url(../images/Lbutton_BMI.gif);
	background-position: 0 0;}
#NutritionalInfo {
	background-image: url(../images/Lbutton_NutritionalInfo.gif);
	background-position: 0 0;}
#Downloads {
	background-image: url(../images/Lbutton_Downloads.gif);
	background-position: 0 0;}
#OrderMaterials {
	background-image: url(../images/Lbutton_OrderMaterials.gif);
	background-position: 0 0;}

#SP_EntryForm {
	background-image: url(../images/Lbutton_SP_EntryForm.gif);
	background-position: 0 0;}	

#SP_2010 {
	background-image: url(../images/Lbutton_SP_2010.gif);
	background-position: 0 0;}	

#SP_2009 {
	background-image: url(../images/Lbutton_SP_2009.gif);
	background-position: 0 0;}	

#SP_Resources {
	background-image: url(../images/Lbutton_SP_Resources.gif);
	background-position: 0 0;}

#WhySustagen_sel {
	background-image: url(../images/Lbutton_WhySustagen.gif);
	background-position: 0 -42px;}
#PreEvent_sel {
	background-image: url(../images/Lbutton_PreEvent.gif);
	background-position: 0 -42px;}
#DuringEvent_sel {
	background-image: url(../images/Lbutton_DuringEvent.gif);
	background-position: 0 -42px;}
#Recovery_sel {
	background-image: url(../images/Lbutton_Recovery.gif);
	background-position: 0 -42px;}
#Training_sel {
	background-image: url(../images/Lbutton_Training.gif);
	background-position: 0 -42px;}
#Podcasts_sel {
	background-image: url(../images/Lbutton_Podcasts.gif);
	background-position: 0 -42px;}
#MyTrainingDiary_sel {
	background-image: url(../images/Lbutton_MyTrainingDiary.gif);
	background-position: 0 -42px;}
#BMI_sel {
	background-image: url(../images/Lbutton_BMI.gif);
	background-position: 0 -42px;}
#NutritionalInfo_sel {
	background-image: url(../images/Lbutton_NutritionalInfo.gif);
	background-position: 0 -42px;}
#Downloads_sel {
	background-image: url(../images/Lbutton_Downloads.gif);
	background-position: 0 -42px;}
#OrderMaterials_sel {
	background-image: url(../images/Lbutton_OrderMaterials.gif);
	background-position: 0 -42px;}	

#SP_EntryForm_sel {
	background-image: url(../images/Lbutton_SP_EntryForm.gif);
	background-position: 0 -42px;}	

#SP_2010_sel {
	background-image: url(../images/Lbutton_SP_2010.gif);
	background-position: 0 -42px;}	

#SP_2009_sel {
	background-image: url(../images/Lbutton_SP_2009.gif);
	background-position: 0 -42px;}	

#SP_Resources_sel {
	background-image: url(../images/Lbutton_SP_Resources.gif);
	background-position: 0 -42px;}




#leftNav_container a:hover {
	background-position: 0 -42px;}
#leftNav_container span {
 	display: none;}

	
/* HOME PAGE STYLES ========================================= */
#home_wrapper {
	width: 960px;
	margin-left: 32px;
	min-height:230px;
}
#home_wrapper h2,#home_wrapper p  {
	width: 260px;
	margin: 4px 0px 2px 0px;
}
#home_left {
	width: 320px;
	height: 220px;
	float: left;
	background-image: url(../images/homeBG_SustagenInSport.jpg);
	background-repeat: no-repeat;
}
#home_left h2, #home_left p {
width: 190px;
}

#home_right {
	width: 320px;
	height: 220px;
	float: right;
	background-image: url(../images/homeBG_TrainerYear_10.jpg);
	background-repeat: no-repeat;
}
#home_right_hdr {

border-bottom: 1px solid #FFDE00;

}
#home_right h2{
	width: 320px;
}

#home_centre {
	width: 320px;
	height: 220px;
	float: right;
	background-image: url(../images/homeBG_HealthProfessionals.jpg);
	background-repeat: no-repeat;
}
#home_centre h2, #home_centre p {
	width: 190px;
}
/* ====== Field Styles ================================================= */
.FieldForm{
	padding:2px;
}
label{
	float:left;
	width:140px;
	padding:2px;
	text-align:right;

}


/* ====== FAQ Styles ================================================= */

.faq_answ{
	
	border:1px dashed #CCCCCC;
	position:relative;
	width:80%;
	top:-5px;
	left:22px;
	padding:2px;
	background:#000000;
}

p.faq_answ{

	color:#000000;

}

.close_faq_div{
float: right; 
display:inline;
color:#000000;
margin:2px;
padding:2px;
background:#000000;
border:1px solid #CCCCCC;
font-weight:bold;
}

#faq_list
{
margin-left: 0px;
padding-left: 0px;
list-style: none;
}

#faq_list li
{
	padding-left: 20px;
	background-image: url(../images/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0.4em;
	line-height : 1.75em;
	text-align:top;
}

#faq_list a{
	position:relative;	
	top:-1px;
	padding-left:2px;
	white-space : nowrap;
	text-decoration:none;	
}

#faq_list a:visited, a:active, a:link{
	text-decoration:none;	
}
#faq_list a:hover{
	text-decoration:underline

}



/* UGLY IE HACKS ============================================ */
*:first-child+html #header_img {/* IE7 hack */
	height: 194px;
}
* html #header_img {/* IE6 hack */
	height: 194px;
}
* html #cntn_main {/* IE6 hack */
	width: 396px;
	padding: 0px 10px 10px 10px;
}
*:first-child+html #home_header_img {/* IE7 hack */
	padding-top: 0px;
	padding-bottom: 0px;
}
*:first-child+html #header_img {/* IE7 hack */
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 14px;
}
* html #home_header_img {/* IE6 hack */
	padding-top: 0px;
	margin-top: -2px;
	padding-bottom: 0px;
}
* html #header_img {/* IE6 hack */
	padding-top: 0px;
	margin-top: -2px;
	padding-bottom: 0px;
	margin-bottom: 14px;
}









/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */