/* page positioning */
#wrapper, #header, #nav, #sidebar, #main, #footer{
		border:0px solid #000;/*for testing*/
} 
/* for 100% height - also set the containing div to 100% height*/
html,body {
		height: 100%;
} 

.bg {
		background-color: #fff;
		margin:0 0 0 0;

}
#outerWrapper {
		margin: 0 auto 0 auto;
}
* html #outerWrapper { height:100% }

#wrapper {
		margin:0 auto;
		clear: both;
		min-height: 600px; /*Mozilla - CSS2*/
		height: 600px;
		width: 770px;
		padding-top: 0px;
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-position: center top;
		background-color:#fff;
}
/* base template wrapper */
#wrapper_home {
	position:relative;
	margin:0 auto;
	clear: both;
	min-height: 600px; /*Mozilla - CSS2*/
	height: 600px;
	width: 770px;
	padding-top: 0px;
	background-attachment: scroll;
	background-image: url(images/bgHeader-home.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#fff;
}

div[id=wrapper]#wrapper { height: auto;}/*For IE to set auto height*/
#header-home {
		width: 770px;
		height: 103px;
		margin:0 0 0px 0;
		padding:0px;
		color:#000;
}
#header {
		width: 770px;
		height: 232px;
		margin:0 0 0px 0;
		padding:0px;
		color:#000;
}
#nav {
		width: 770px;
		height: 30px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
}
#fnav {
		width: 770px;
		height: 20px;
		margin: 0 0 0 0;
		padding: 0 0 0 30px;
		z-index:3;
}

#main {
		float:left;
		min-height: 500px;
		height: 500px;
		width: 750px;
		padding: 10px 0px 10px 10px;
		margin: 0px 0px 0px 0px;
		display:inline;
}
div[id=main]#main { height: auto;}/*For IE to set auto height*/

/* main side is for additional templates */
#main-side {
		float:left;
		min-height: 500px;
		height: 500px;
		width: 555px;
		padding: 10px 0px 10px 20px;
		margin: 0px 0px 0px 0px;
		display:inline;
}
div[id=main-side]#main-side { height: auto;}/*For IE to set auto height*/

#sidebar {
	float: right;
	width: 180px;
	padding-left: 4px;
	margin: 5px;
	display:inline;
	background-color:#C9C9C9;
	color:#343434;
	text-align:left;
	font: normal 12px/14px Trebuchet MS, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #343434;
	border-right-color: #343434;
	border-bottom-color: #343434;
	border-left-color: #343434;
}
#sidebar a {color:#343434;}
#sidebar a:hover {color:#343434;}
#footer {
	clear: both;
	width: auto;
	height: 75px;
	padding: 16px 20px 5px 0px;
	margin: 0px 0px 0px 0px;
	font: normal 10px/13px Trebuchet MS, Helvetica, sans-serif;
	color: #000;
	text-align: center;
}
#footer a {text-decoration:none; color: #BAA345;}
#footer a:hover {color: #CEBD7B;}
.cleaner {
		clear:both;
		height:1px;
		margin: -1px 0 0 0;
		padding:0;
		border:none;
		visibility: hidden;
		font: 1px/1px serif;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}


#f-source-menu {
position:relative;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*Navigation*/
#vNav { /* sets list style to none */
	list-style-type: none;
	margin:0px;
}
#stickyBox ul, 
#vNavBox ul{/*for mozilla positioning */
	padding: 1px; 
	margin-bottom: 0px; 
	list-style-type: none;
}

#vNavBox{
	font:bold 12px/14px verdana, san-serif;
	text-align:center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height:20px;
}
#vNav a{ 
	padding: 0px 18px 0px 4px; 
	color: #343434; 
	text-decoration: none; 
	margin: 0 3px 0 0px;
}
#vNav a:hover{
	color: #6C6C6C;
}
#vNav li {
	display: inline;
}@charset "utf-8";

/* Secondary Nav */

#sNav { /* sets list style to none */
	list-style-type: none;
	margin:0px;
}
#sNavBox ul{/*for mozilla positioning */
	padding-left: 0; 
	margin-bottom: 0px; 
	list-style-type: none;
}
#sNavBox{
	margin:0px 0px 0px 0px;
	text-align:right;
	background-color: #0A339D;
	color: #fff;
	border-color:#FFFFFF;
}
#sNav a{ 
	font:bold 12px/14px verdana, san-serif;
	display: block; 
	padding: 4px; 
	color: #fff; 
	text-decoration: none;
	border-bottom:solid;
	border-bottom-width: 1px;
	border-right-color:#0A339D;
	border-right-width: 3px;
	border-right-style: solid;

}
#sNav a:hover{
	color: #d6ac02;
	border-right-color:#d6ac02;
	border-right-width: 3px;
	border-right-style: solid;
	border-bottom-color:#fff;
	
}

/* sNav-sub */

#sNav-sub { /* sets list style to none */
	list-style-type: none;
	margin:0px;
}
#sNav-sub a{
	font:normal 10px/12px verdana, san-serif;
	display: block;
	color: #d6ac02;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 4px;
}
#sNav-sub a:hover{
	color: #d6ac02;
	border-right-color:#d6ac02;
	border-right-width: 3px;
	border-right-style: solid;
}

/*content*/
body {
		margin:0;
		padding:0;
		font: normal 12px/16px Trebuchet MS, Helvetica, sans-serif;
		color: #000000;
}

* html hr { clear:both}
a {
	color: #80702F;
}
A:hover {
	COLOR: #BAA345;
	text-decoration: underline;
}
.content,
#galleryText{
		font: normal 12px/16px Trebuchet MS, Helvetica, sans-serif;
		color: #343434;
}
.content ul, li {
}
.contentHi {
		font: italic 12px/14px Trebuchet MS, Helvetica, sans-serif;	
		color: #31659c;
}	
.contentSml {
		font: normal 10px/12px Trebuchet MS, Helvetica, sans-serif;
		color: #000;
		text-align: left;
}	
.contentHiSml {
		font: normal 10px/12px Trebuchet MS, Helvetica, sans-serif;
 		color: #31659c;
		text-align: left;
}	
.titleLrg{
	font: bold 17px/18px Trebuchet MS, Helvetica, sans-serif;
	color: #343434;
	height: 22px;
	letter-spacing:1px;
}
table .titleLrg  {
		border: 0;
        background: none;
		font: bold 15px/18px Trebuchet MS, Helvetica, sans-serif;
}
.titleSml{
	color: #343434;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.titleSml a{
		color: #343434;
		text-decoration: none;
}
.titleSml a:hover{
		color: #343434;
		text-decoration: underline;
}

/*images, banners, etc. */
.picRight {
		float: right;
		margin: 1px 1px 1px 10px;
}
.picLeft {
		float: left;
		margin: 1px 6px 1px 1px;
}
.picRightBrd {
		float: right;
		margin: 1px 1px 1px 10px;
		border: 1px solid #343434;
}
.picLeftBrd {
		float: left;
		margin: 1px 8px 1px 1px;
		border: 1px solid #343434;
}
.btn {
	font:bold 10px/12px  verdana, san-serif;
	color:#343434;
	padding:2px;
	background-color:#BABABA;
	margin:2px 0 1px 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #343434;
	border-right-color: #343434;
	border-bottom-color: #343434;
	border-left-color: #343434;
}
.resultTable {
	font:bold 10px/12px  verdana, san-serif;
	color:#000;
	border: 1px solid #000000;
	width:100%;
}
.resultHeader {
	background-color:#80702F;
	color:#fff;
	font:bold 10px/12px  verdana, san-serif;
}

.fitnessTable {
	font: normal 12px/16px Trebuchet MS, Helvetica, sans-serif;
	color: #000000;
	border:0px;
	text-align:left;
}
/* attention is for to dos that require attention. done is for those that are done. */
.attention {
	font:bold 12px/16px Trebuchet MS, Helvetica, sans-serif;
}
.done {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 16px;
	color: #666666;
}
.field {
width:350px;
}