/********************************************************
SITE SPECIFIC STYLES
ribbitflightschool.com
v 1.0
********************************************************/


/********************************************************
FOR PHP IMAGE TINYMCE - SO THEY APPEAR FIRST IN THE DROPDOWN FOR CLIENT
********************************************************/
.cqimg_left {
	float:left;
	padding:0px 5px 5px 0px;
}
.cqimg_right {
	float:right;
	padding:0px 0px 5px 5px;
}

/********************************************************
OVERRIDES & PRECLEAR
********************************************************/
* {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
ul, ol { 
	padding:0px 0px 10px 20px;
}
li { padding:0px 0px 5px 0px;}
img, a img {border:0px;}


h1 {
	color:#FFF;
	font-size:25px;
	text-transform:uppercase;
	z-index:0!important;
}
h2 {
	font-size:13px;
	color:#FFFFFF;
	margin:10px 0px;
}
	
p {
	margin:5px 0px 10px 0px;
	font-size:12px;
	line-height:14px;
}

small { font-size:10px;}

a {
	color:#999999;
	text-decoration:underline;
}
a:hover {
	color:#146FF4;
	text-decoration:underline;
}

body { 
	/*background-color:#101010;*/
	background-color:#000000;
}
.mceContentBody  { 
	background-color:#000056!important;
}
.mceContentBody p { 
	color:#FFFFFF!important;
}

table { border:0px}

/********************************************************************************
AREAS
********************************************************************************/
/****************************************
STRUCTURAL
****************************************/
#wrapper {
	width:1024px;
	margin:0px auto;
}
#mainbody,#mainbody_content {
	float:left;
	clear:both;
	width:1024px;
}
#mainbody {	
	background-image:url(/images/site/structural/bg.jpg);
	background-repeat:repeat-y;
}
#toprow, footer {
	clear:both;
	float:left;
}
#toprow { 
	width:1024px;
	height:99px;
	background-image:url(/images/site/structural/top.jpg);
	background-repeat:no-repeat;
}

#footer { 
	float:left;
	width:984px;
	padding-right:40px;
	height:55px;
	background-image:url(/images/site/structural/bottom.jpg);
	background-repeat:no-repeat;
}


#leftcol {
	float:left;
	width:210px;
}
#centercol {
	float:left;
	width:420px;
	
	/*happy min height hack*/
	min-height:550px;
	height:auto !important;
	height:550px;	
}
#rightcol {
	float:right;
	width:382px;
}
#mainbody_content { 
	padding-bottom:15px;
}
#left_center { 
	float:left;
	width:642px;
	background-image:url(/images/site/content_bg/runner.jpg);
	background-repeat:no-repeat;
	display:inline;
}



/****************************************
HEADER
****************************************/
#top_row_top { 
	float:left;
	clear:both;
	width:1024px;
}
#header_logo {
	float:left;
	width:132px;
	height:13px;
	padding:6px 0px 0px 19px;
	position:absolute;
}
#header_home {
	float:left;
	width:404px;
	height:35px;
	padding:15px 0px 0px 152px;
}
#header_login {
	float:right;
	width:105px;
	height:25px;
	padding:25px 65px 0px 0px
}

#nav, #nav p, #nav a, #nav img { 
	margin:0px;
	padding:0px;
	line-height:10px;
}
#nav {
	float:left;
	clear:both;
	width:963px;
}
#headerdisplay_wrapper { 
	position:relative;
	padding-top:21px;
	float:right;
	width:auto;
	clear:both;
}
#headerdisplay, #headerdisplay ul, #headerdisplay li {padding:0;margin:0}

#headerdisplay { 
	position:relative;
}
#headerdisplay li { 
	float:left;
	width:auto;
	position:relative;
	list-style-type:none;
	z-index:100;
}
.navsifr_top {
	margin-left:30px;	
	white-space:nowrap;
	text-transform:uppercase;
	font-size:12px;
	padding:5px;
}
.navsifr_sub {
	margin-left:10px;
	white-space:nowrap;
	text-transform:uppercase;
	font-size:12px;
}
.navsifr a { color:#FFF;text-decoration:none;}
.navsifr a:hover { color:#00F;}


#headerdisplay li ul { 
	position:absolute;
	z-index:100;
	padding-top:15px;
	margin-left:30px;
	margin-top:5px;
}
#headerdisplay li ul li {
	display: block;
	float:left;
	list-style-type:none;
	padding-bottom:5px;
	width:184px;
}

.rollnav_element { height:20px;}

.rollover_top { 
	background-image:url(/images/site/structural/nav_rollover_top.png);
}

.rollover_section {
	padding-top:40px;
	/*
	background-image:url(/images/site/structural/nav_rollover.png);
	background-repeat:no-repeat;
	background-color:#050505;
	border:1px solid #570000;
	*/
	background-color:#860001;	
	border-left:1px solid #570000;
	border-right:1px solid #570000;
	border-bottom:1px solid #570000;
	filter:alpha(opacity=98);
	-moz-opacity:0.98;
	opacity:0.98;
}

/****************************************
LEFT NAV
****************************************/
#sidenav {
	padding:40px 10px 0px 10px;
}

#sidenav ul { 
	list-style-type:none;
	text-transform:uppercase;
}

#sidenav ul li { 
	padding:5px;
}
#sidenav ul li.sidenav_active_bg { 
	background-color:#000096;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}
#sidenav ul li.sidenav_active_bg a { 
	color:#FFFFFF!important;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

/****************************************
LEFT AND CENTER COL
****************************************/
#left_center { 


}


/****************************************
RIGHT COL
****************************************/
.randoms,.cta,.cta_top,.cta_bottom,.cta_bottom_video,.cta_bottom_text,.select_sport{
	float:left;
	clear:both;
	width:382px;
}
.cta { 
	padding-bottom:15px;
}

.cta_top { 
	height:36px;
	padding-top:2px;
	background-image:url(/images/site/structural/cta_header.jpg);
	background-repeat:no-repeat;
	padding-left:15px;
	width:367px;
}
.ctah2 { 
	margin:0px;
	color:#FFF;
	font-size:18px;
	text-transform:uppercase;
	z-index:0!important;
}

.cta_bottom { 


}

/*home cta*/
.ss_swf { 
	padding:2px 0px 0px 15px;
}


	/*video cta*/
.cta_bottom_video {
	padding:10px 0px 0px 15px;
	width:330px;
}

/*text cta */
.cta_bottom_text { 
	padding:10px 0px 0px 15px;
	width:365px;
}
.cta_bottom_text_left { 
	float:left;
	width:90px;
	height:90px;
	overflow:hidden;
}

.cta_bottom_text_right { 
	float:left;
	width:200px;
	padding-left:20px;
}
.cta_bottom_text_right { 
	color:#fff;
	font-size:16px;
}

/*random quotes*/
.randoms {
	padding-top:20px;
}
.randoms_top,.randoms_bottom {
	float:left;
	clear:both;
	width:300px;
	padding-left:15px;
}
.randoms_top p,.randoms_bottom p {
	color:#b0b0b0;
	font-size:12px;
	line-height:14px;
	font-style:italic;
}
.randoms_bottom {text-align:right;}



/****************************************
FOOTER
****************************************/
#footer_left p {
	color:#999999;
	font-size:10px;
}
#footer_left { 
	float:left;
	width:620px;
	padding:13px 0px 0px 30px;
	text-align:left;
}
#footer_right { 
	float:right;
	width:230px;
	padding:18px 20px 0px 0px;
	text-align:right;
}
#footer_right span { 
	color:#999999;
	font-size:10px;
}
#footer_right a { 
	color:#999999;
	font-size:10px;
}
#footer_right a:hover { color:#146FF4}


/****************************************
SUBMIT FORM
****************************************/

.order_form,.order_form_header,.order_form_body,.order_form_body_row { 
	float:left;
	width:400px;
	clear:both;
}
.order_form_header { 
	float:left;
	clear:both;
	width:400px;
	height:20px;
	margin-bottom:5px;	
	background-color:#E4F5FC;
}
.order_form_header_left, .order_form_header_right {  
	float:left;
	width:200px;
}
.order_form_header_right { text-align:right;}

.order_form_header h2 { 
	text-align:left!important	;
	margin:1px 0px 0px 5px;
}
.order_form_header a {
	margin:1px 5px 0px 0px;
}

.order_form_body {
	padding-left:5px;
	width:390px;
}
.order_form_body_row { 
	padding:10px 0px;
}

.order_form_error { 
	border:2px solid #99D9F6;
	clear:left;
	width:386px;
	padding:3px 5px;
	margin-bottom:3px;
}

input.error {
	border:1px dotted #A1488A;
}
label { 
	padding-top:4px;
}



/********************************************************************************
ADD ONS
********************************************************************************/
.alert { color:#F00;}
.a_selected { color:#c1272d !important; }
.img_triangle { position:relative; top:-1px;}
.required, .error { color:#A1488A;font-weight:bold;}
.purple {color:#A14788;}



.blurblet { 
	border:1px dashed #212121;
	padding:5px;
	width:388px;
	margin-bottom:5px;
}