/*** typical  site elements **/
.header{
	background:#fff url('../images/vgrad_fff-999.jpg') repeat-x top; 
	position:fixed;
	min-height:84px;
	z-index:89;
	width:100%;
	top:0px;
	}


.content{
	clear:both;
	position:relative;
	background:#fff;
	padding:2.2em 0 100px 0;
	z-index:20;
	max-width:1280px;
	margin:90px auto 0 auto;
}

#main_content{
	text-align:left;
	width:auto;
	margin-left:300px;
	margin-right:320px;
	padding:0;
	float:none;
	display:relative;
	}

#main_content.small_gutter{
	margin-left:310px;
	}

#main_content img{
	float:none;
	margin-right:5%;
	margin-top:10px;
	}


.content ul{
	padding-left:20px;
	}


#main_content ul{
	position:relative;
	left:-20px;
	}

#subnav_col1, #subnav_col2{
	width:295px;
	float:left;
	padding:0 0 20px 27px;
	position:absolute;
	}


#subnav_col2 .nav_box{
		width:225px;
	}


#feed_bar{
	width:260px;
	float:right;
	margin-right:30px;
	margin-top:5px;
	}

	#feed_bar img{
		width:250px;
		height:auto;
	}

h1, h2, h3, h4, h5, h6{
	width:100%;
	margin:8px 0 0 0;
	z-index:100;
	}


h1{
	margin-top:10px;
	}
h3{
	margin:0;
	}

h4, h5, h6{
	margin:20px 0 0 0;
	}

h2{
	margin-top:30px;
	}

p, ul, ol{
margin:3px 0 15px 0;
font-size:90%;
	}

.footer{
	background: #fff url('../images/vgrad_999-fff.jpg') bottom repeat-x;
	padding-bottom:8px;
	border-top:black solid 20px;
	position:fixed;
	bottom:0px;
	z-index:89;
	}
	
.footer span{
		padding:4px 0;
	}
	
	.footer span.left{
	margin:0 0 0 22px;
	}
	
	.footer span.right{
	margin:0 25px 0 0;
	font-size:75%;
	}
	
.footer span.left a{
	color:#CD0303;
	margin-right:18px;
	font-size:95%;
	}	
	
	
	.footer span.right a{
	color:#bbb;
	}	
	
	.footer span.right a:hover{
	color:#CD0303;
	}
	
.footer span a:hover{
	color:#000;
	}
	

li ul{
	margin-top:0;
	margin-bottom:0;
	}

ul{
	margin-top:3px;
	}

.headlines h4 span.date{
	padding-left:0;
	font-size: 100%;
	top:0;
}

.headlines{
	margin-top:2px;
}


.curved_border{
		-moz-border-radius-topleft: 16px;
	-moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-top-left-radius: 16px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 16px;

}

.curved_top{
		-moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
}

.curved_bottom{
	-moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.curved_border, .curved_top, .curved_bottom, fieldset, .drop_shadow, .headlines a img{
-moz-box-shadow: 3px 3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
box-shadow: 3px 3px 3px #666;
}

.headlines a img{
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2,
        Color='#999999', Positive='true');}

#subnav_col1 .lead_gen, .lead_gen, #subnav_col2 .lead_gen, #feed_bar .lead_gen{
	background-color:#CD0303;
  color:#bbb;
	font-size:120%;
}

#feed_bar .lead_gen{
	width:250px;
}


 #feed_bar form, #feed_bar fieldset{
		width:245px;
 }
.lead_gen a, .lead_gen h4{
	color:#fff;
	text-transform:uppercase;
}

#subnav_col1 .lead_gen h4, .lead_gen h4, #subnav_col2 .lead_gen h4{
	margin-top:15px;
}


/*************** Customize PerfectForm.css **********/

form{
	width:380px;
	margin: 5px 2% 0 0;
	border:none;
	background-color:#fff;
	padding:0;
	position:relative;
	top:0px;
	left:0px;
	float:right;
	text-align:left;
	}

legend{
	color:#000;
	font-weight:bold;
	line-height:1em;
	margin-left:8px;

}

fieldset{
  background-color:#DBDBDB;
  border:solid 2px #CD0303;
  border-top:solid 1em #CD0303;
  position:relative;
  top:0;
  left:0;
  padding:3px 3px 5px 5px;
}

.button{
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: repeat-x;
	color: #333333;
}

.button:active
{
border: 3px double #CCCCCC;
border-top-color: #999999;
border-left-color: #999999;
}




/**************** Customize Tipsy.css ***************/

.tipsy div, .tipsy span
{
	background-color:white;
  color:black;
	top:-1em;
	left:15%;
}

.tipsy:hover
{
  color:#ccc;
  background-color:#333;
}


/******************* dglMessage() *********************/
p.message, .content p.message
{
	background-color:#ccc;
	color:red;
	border:2px solid black;
	font-weight:bold;
	font-size:120%;
	padding:.75em;
}


/********************* ae_prompt *******************************/
#aep_ovrl {
background-color: black;
-moz-opacity: 0.7; opacity: 0.7;
top: 0; left: 0; position: fixed;
width: 100%; height:100%; z-index: 99;
}
#aep_ww { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
#aep_win { margin: 20% auto 0 auto; width: 400px; text-align: left;}
#aep_w {background-color: white; padding: 3px; border: 1px solid black; background-color: #EEE;}
#aep_t {color: white; margin: 0 0 2px 3px; font-family: Arial, sans-serif; font-size: 10pt;}
#aep_text {width: 100%;}
#aep_w span {font-family: Arial, sans-serif; font-size: 10pt;}
#aep_w div {text-align: right; margin-top: 5px;}



/**************** Other ***********************/
.footer span a.stealth_link, .footer span a.stealth_link:hover{
	cursor: default;
	color:#000;
	}
	
	/*********************************************/
	

form fieldset input.ppbutton{
width:120px;
height:26px;
}

form fieldset input.ppcart{
width:130px;
height:32px;
}

.product{
clear:left;
}

.product form, .fixcart form{
clear:none;
width:auto;
float:none;
}
.product form input{
width:auto;
height:auto;
}

.product h2, .product p, .product form{
clear:none;
float:none;
margin-left:175px;
width:auto;
}

.product p{
	position:relative;
top:5px;
	}

.p_img{
float:left;
}


.product form fieldset{
background:transparent;
border:none;
}

.fixcart{
top:125px;
right:10px;
overflow:hidden;
position:fixed;
}
	
.bottom_cart{
display:none;
}

body{
z-index:-2;
}

a.sub_link{
	color:#966;
	font-size:110%;
	}
	
a.sub_link:hover{
	color:#CD0303;
	}

.note{
	color:#CD0303;
	font-size: 80%;
	margin:0;
	padding:0;
	}

.coaches{
padding-bottom:10px;
padding-top:20px;
}

.coaches img{
float:left;
clear:left;
padding-bottom:10px;

}

.coaches div.clear{
	height:40px;
	}
	
.coaches h2{
margin-top:20px;
}


.coaches h2, .coaches p, .coaches ul{
margin-left:250px;
width:auto;
}

#main_content .coaches ul{
	position:relative;
	left:20px;
}

/* Appears unused and problematic. Remove if no other issues appear.
.coaches a{
	clear:left;
	float:left;
	margin-left:210px;
	margin-bottom:20px;	
}
*/


div#flashcontent{
position:absolute;
right:0px;
}

#home_flash{
	float:right;
	}



a.stealth, a.stealth:hover{
	cursor:default;
	}

.header .logo{
	float:left;
	margin:2px 0 3px 22px;
	padding:0;
	}


div.content div.container{
	width:30%;
	min-height:460px;
	position:relative;
	z-index:0;
	background:#eee;
	background:#fff;
	margin:0;
	padding:1px 32px 30px;
	}


div.container h1, div.container h2, div.container h3, 
div.container h4, div.container h5, div.container h6,
div.container p, div.container{
	z-index:8;
	
	}


span.date{
	position:relative;
	color:#bcbcbc;
	font-size:75%;
	margin:0;
	padding:0;
	padding-left:16px;
	top:-1px;
	}

.right_bottom_content
{
	width:51%;
	padding-top:10px;
	padding-right:80px;
	float:right;
	/* top:521px; */
	right:0px;
	position:relative;
	z-index:500;
	padding-bottom:100px;
}


.right_bottom_content p{
	line-height:1.1em;
	margin-bottom:20px;
	font-size: 90%;
	}
	
.nav_box{
	width:290px;
	margin: 0px 0;
	border:solid 2px #CD0303;
	border-top:solid 3px #CD0303;
	background-color:#DBDBDB;
	background-color:#fff;
	text-align:left;
	}
	
.nav_box p{
	margin:0px 8px 6px 8px;
	font-size:80%;
	line-height: 1.13em;
	}
.nav_box img{
	background-color:#DBDBDB;
	display:block;
	width:290px;
	height:85px;
	}
.nav_box h4{
	margin:3px 8px 0px 8px;
	}

.nav_box h4 a{
	display:block;
	margin:3px 8px 0px 0px;
	}

#fake_fieldset{
	width:356px;
	margin: 5px 2% 0 0;
	border:solid 2px #CD0303;
	border-top:solid 16px #CD0303;
	background-color:#DBDBDB;
	padding:10px;
	float:right;
	clear:right;
	text-align:left;
	}

#fake_fieldset h4{
padding:0 1px;
margin:0;
background-color:#DBDBDB;
width:3.3em;
line-height:1em;
position:relative;
top:-26px;
}

#fake_fieldset form {
	display:block;
	width:300px;
	background-color: #DBDBDB;
	}

#fake_fieldset form, #fake_fieldset form label, #fake_fieldset form label input, #fake_fieldset p{
	float:none;
}


div.inline_thumb{
	position:relative;
	width:100px;
	height:auto;
	background-color:#000;	
	float:left;
	margin:2px;
	text-align:center;
	line-height:110px;
	overflow:hidden;
	}

div.inline_thumb a{
		cursor:pointer;
	}
	
div.inline_thumb a img, div.inline_thumb img{
	border:none;
	vertical-align:middle;
}

div.inline_thumb img.starred{
	position:absolute;
	top:0;
	left:0;
}	

div.inline_thumb a.del_button{
	background-color:#f00;
	font-size:10px;
	height:12px;
	padding-bottom:1px;
	width:12px;
	color:#fff;
	position:absolute;
	top:0;
	right:0;
	text-align:center;
	line-height:12px;
	}


img.inline_image{
	float:left;
	clear:left;
	margin-right:10px;
	margin-bottom:10px;
	}

ul#nav {
	background-color:#CD0303;
	color:#fff;
	clear:left;
	list-style: none;
	padding:2px 0 5px 17px;
	margin:0;
	height:1.2em;
	font-size: 100%;
}



ul#nav li{
	float:left;
	margin: 0 10px;
	width:auto; /* width needed or else Opera goes nuts */
}

#nav li a{
	display: block;
	color:#fff;
	text-decoration: none;
}

#nav li a:hover{
	color:#000;
	}

#nav ul { /* sub lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}


#nav li ul { /* second-level lists */
	position: absolute;
	background: #CD0303;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

}

#nav li ul li{
	width:10em;
	margin:0;
	}

#nav li ul li a {
		padding:5px;
		font-size: 105%;
		/* border-bottom:1px solid #333; */
		display:block;
		
	}

#nav li ul li a:hover{
	color: #000;
	background-color: #fff;
	}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}





/* Special Nav (for endurance pages) */
ul.special_nav{
	display:inline;
	margin:0;
	padding:0;
	}
ul.special_nav li{
	display:inline;
	margin-right:14px;
	}

ul.special_nav li a{
	color:#CD0303;
	}
	
ul.special_nav li a:hover{
	color:#000;
	}


.power_of{ /* what is this? */
	position:relative;
	top:-.3em;
	color:#CD0303;
	font-size: 90%;
	padding-left:2px;
}


.inactive_link{
	cursor: default;
	}
.nav_box a.inactive_link{
	color: #CD0303;
	font-size: 120%;
	
	}

/* Supplemental Nav -- For new standardized left side navs */




ul#suppliment_nav{
	list-style-type: none;
	margin:0 0 45px 0;
	padding:0;
	width: 205px;
	font-size:1em;
	line-height:1em;
	}

ul#suppliment_nav li{
	margin:3px 0;
	margin:0;
	padding:0;
	background-color: #CD0303;
	white-space: nowrap;
	border-top:3px #fff solid;
	}
	

	ul#suppliment_nav li a{
	color:#fff;
	position:relative;
	display:block;
	height:1em;
	margin:0;
	padding:.1em 0 .1em 8px;
	}

ul#suppliment_nav li:FIRST-CHILD a span{
	border-top:#fff solid .6em;
	border-bottom:#fff solid .6em;
	border-left:1.2em solid #CD0303;
	height:1px;
	}

ul#suppliment_nav li a span{
	position:absolute;
	left:100%;
	top:0;
	height:0;
	line-height: 0%; width: 0px;
	border-top:#fff solid .65em;
	border-bottom:#fff solid .65em;
	border-left:1.3em solid #CD0303;
	}

	.header_info{
		font-size:90%;
		position:absolute;
		top:8px;
		right:20px;
		width: 390px;
}