/* CSS Document */

/* show scrollbars - in firefox */
html{
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

body {
	background:#444545;
	margin: 0;
	padding: 0;
	font-size: small;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

img { border:none; outline:none;}
/* centers page  */
#centrer {
	width: 750px;
	margin: 0 auto;
	}

.clear {
	clear: both;
}

.clear a{
	color:#FF5412;
}
	
/* ---------------------------------------------------------------------------- */	
/* ------------------------------- header section ----------------------------- */
/* ---------------------------------------------------------------------------- */	

#header {
	width: 750px;
	float: left; /* *NOTE* must float the container so Firefox can show bg clr */
	}
	
#logo {
	float: left;
	padding: 15px 10px;
	}
	
#subscribe {
	background: #F8E8E5;
	padding: 20px 10px;
	width: 175px;
	float: right;
	margin: 5px 0;
	font-size: 85%;
}

#subscribe p {
	display: block;
	padding: 0 0 0 17px;
	margin: 12px 0 0 0;
	line-height: 150%;
	background: url(../images/img_bullet_page.gif) no-repeat 2px 5px;
	}
	
#subscribe a { color: #B82201; }
#subscribe a:hover { color: #333333; }


/* ---------------------------------------------------------------------------- */	
/* --------------------------------- a nav  ----------------------------------- */
/* ---------------------------------------------------------------------------- */	
	
/* *NOTE* fixes 2px bottom margins from images - in explorer */ 
#anav img { display:block; border: none; }

#anav {
	clear: both;
	height:10px;
	float:left;
	width: 750px;
	padding: 0;
	margin: 0;
	list-style: none;
	background: url(../images/anav_bg.gif) repeat-x;
}


/* The following float are generic, although setup for the main nav they can be re-used for floating anything to opossite sides */
/* *NOTE* must use display inline as work around for explorer double border bug */	
.left {	padding: 0px;	margin: 0px;  float: left; display:inline;	}
.right { padding: 0px;	margin: 0px; float: right; display:inline; }


/* ---------------------------------------------------------------------------- */	
/* --------------------------------- HERO IMG  -------------------------------- */
/* ---------------------------------------------------------------------------- */	

/* Defined a hero ID so we can clear the nav float and hide it if using a print style*/
/* *NOTE* fixes 2px bottom margins from images - in explorer */ 
#hero{font-family:"Trebuchet MS",
Arial, Helvetica, sans-serif;
color:#FFF;
font-size:30px;
margin:0px 0px 0px 15px;
padding-top:10px;
}





/* ---------------------------------------------------------------------------- */	
/* --------------------------------- CONTENT  --------------------------------- */
/* ---------------------------------------------------------------------------- */

/* right hand nav */
#bnav {	list-style: none; width: 165px; float: right; margin: 20px 10px 10px; padding: 0; display: inline; height: 100%;}
#bnav ul {	list-style: none; padding: 0; margin:0;}
#bnav li {	list-style: none; padding: 0; margin:0 0 15px;}
#bnav a { margin: 0; padding: 0; }

ol.decimal { list-style-type:decimal; list-style-image:none;}
ol.decimal li { list-style-type:decimal;list-style-image:none;}

/* --------------------------------- TWO COLUMN  --------------------------------- */

#content_2col {
	float: left;
	width: 750px;
	color: #FFF;
	}
	
#bse {
	float: right;
	width: 750px;
	background: url(../images/img_bg_body.gif);
	background-repeat: repeat-y;
	padding: 0;
	margin: 0px 0px 0px 0px;
	color: #FFF;
	}	
	
/*  Styles for the main body text - 2 col */
#text {	width: 526px; float: left; margin: 0px 10px 10px; padding: 0 0 10px 0; display: inline; font-size: 85%; }
#text h1 { margin: 0 0 20px 10px; padding: 0; display: block;  }
#text p { margin: 0 0 20px 10px; padding: 0; color: #FFF; }
#text ul { padding: 0; margin: 0 10px 20px 25px; list-style: none; background-color: #B82201; display: block;list-style-type: disc; }
#text li { padding: 0; margin: 0 0 5px 0;  }
#text ol { padding: 0; margin: 0 10px 20px 35px; list-style-type: decimal; display: block;  }
#text a { color: #EBC1B8; }
#text a:hover { color: #FFFFFF; }

/* --------------------------------- ONE COLUMN  --------------------------------- */
#content_1col {
	width: 750px;
	background: #B82201;
	padding: 20px 0 10px 0;
	margin: 0 0 30px 0;
	color: #FFFFFF;
	}
	
#text_onecol { width: 730px; margin: 0 10px; padding: 0; display: block; font-size: 85%; }
#text_onecol h1 { margin: 0 0 20px; padding: 0; display: block;  }
#text_onecol h2 { margin: 0 0 10px; padding: 0; display: block;  font-weight: normal;  }
#text_onecol p { margin: 0 0 20px; padding: 0;  display: block; background-color: #B82201; }
#text_onecol a { color: #EBC1B8; }
#text_onecol a:hover { color: #FFFFFF; }



/* --------------------------------- GALLERY  --------------------------------- */
.gallery { margin: 0 0 20px 0; padding: 0; }
.gallery img { padding: 3px; margin: 2px 2px 5px; display: block; display: inline; border: none; background-color: #FFFFFF; }
	
	
	
/*  Styles for the main body text - 2 col */
/*  floated images used withing text */
.img_right { float: right; margin: 0 10px 10px 10px; padding: 3px; background-color: #FFFFFF; }
.img_left { float: left; margin: 0 10px 10px 10px; padding: 3px; background-color: #FFFFFF; }

/* button blocks */
/* ***** NOTE ***** block elements *CANNOT* be used inside the <a> tag so we must force inline elements to behave thus.*/
a.landing_page_link  { 
clear: both;
display: block;
float: left;
width: 510px;
padding: 5px;
margin: 0 0 5px 0;
text-decoration: none;
}
 
a.landing_page_link:hover { text-decoration: none; cursor: pointer; display: block; background-color: #9F1D00; }
.landing_page_link img { float: left; padding: 3px;  margin: 0 10px 0 0; background-color: #FFFFFF; display: block; }
.textblock { float: right; width: 337px; display: block; color: #FFFFFF; }
.landing_page_link em { text-decoration: underline; font-style: normal; display: block; padding: 0 0 5px 0; margin: 5px 0 0 0; }
.landing_page_link strong { text-transform: uppercase; text-decoration: none; font-style: normal; display: block; padding: 0 0 5px 0; color: #FFFFFF; }



/* ---------------------------------------------------------------------------- */	
/* --------------------------------- SPONSORS  -------------------------------- */
/* ---------------------------------------------------------------------------- */	
#sponsors {
	clear: both; 
	margin: 0 0 10px;
	padding: 0 10px;
	}
	
#sponsors p { margin: 5px 0; padding: 0; font-size: 85%; display: block;}


#bse_sponsors2 {
	clear: both; 
	margin: 0;
	padding: 0 10px 10px 10px;
	border-left: solid 1px #B82201;
	border-right: solid 1px #CD644D;
	background:#FFFFFF;
	}
	
#bse_sponsors2 p { margin: 5px 0; padding: 0; font-size: 85%; display: block; color:#FFFFFF;}

#bse_sponsors {
	clear: both; 
	margin: 0;
	padding: 0 0 30px;
	border-left: solid 1px #B82201;
	border-right: solid 1px #CD644D;
	background:#FFFFFF;
	
	}
	
#bse_sponsors p { margin: 5px 0; padding: 0; font-size: 70%; display: block; color:#FFFFFF;}



/* ---------------------------------------------------------------------------- */	
/* --------------------------------- FORMS  -------------------------------- */
/* ---------------------------------------------------------------------------- */	



.form_container {
	margin: 10px 10px 5px 0;
	padding-left: 10px;
	background-color: #B82201;
}

.form_container form {
	padding:0;
	margin:0;
}

#form_container_left {
	float: left;
	width: 500px;
	margin: 0;
	padding: 0 0 100px 12px;
	background-color: #F4F4F4;
	}
	
.form_container a {
	color: #FF5412;
}

h1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-size:36px; font-weight:bold;}


h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:22px;
	font-weight:normal;
	margin: 10px 0 10px 9px;
	padding: 0;
}
h3 {
	color:#1FB25A;
	font-size: 140%;
	font-weight: bold;
	margin: 25px 0 15px 9px;
	padding: 0;
}

h4 {
	color: #FFF;
	font-size: 100%;
	font-weight: bold;
	margin: 25px 0 10px 9px;
	padding: 0;
}


.form_container h6{
	margin:16px 0 ;
	font-weight: normal;

}

.form_container img{
	padding-top: 8px ;
	font-size: 80%;

}
.table { margin:0 0 0 3px;}
.formcell, .formcell1{
	width: 250px;
/*--height: 40px;--*/
	padding: 7px 0 10px 9px;
	display: block;
	float: left;
	margin: 0;
	color: #fff;
	text-decoration: none;
	font-size: 100%;	
}

.formcell2 {
	width: 500px;
/*--height: 40px;--*/
	padding: 7px 0 10px 9px;
	display: block;
	float: left;
	margin: 0;
	color: #fff;
	text-decoration: none;
	font-size: 100%;	
	line-height: 200%;
}

.hdr{
	font-size: 100%;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.terms{
	font-size:80%;
	text-decoration:none;
	color:#fff;
	margin: 10px 0 15px 0;

}


.descriptioncell {

	padding: 5px 5px 5px 10px;
	display: block;
	float: left;
	margin: 0 3px 3px 1px;
	color: #333;
	text-decoration: none;
	font-size: 80%;
	}



.formheading {
	color: #FFF;
	font-size: 120%;
	font-weight: bold;
	margin: 0 3px 10px 1px;
	}
	


/* ---------------------------------------------------------------------------- */	
/* ---------------------------------- FOOTER  --------------------------------- */
/* ---------------------------------------------------------------------------- */
#footer {
	width: 730px;
	padding: 10px 10px 5px;
	float: left;
	}
	
#footer p { margin: 0 0 5px 0; padding: 0; font-size: 75%; color: #FFFFFF; }
#footer a { color: #FF5412; }
#footer a:hover { color: #FFFFFF; }


/* ---------------------------------------------------------------------------- */	
/* ------------------------------- UNDER THE RADAR ----------------------------- */
/* ---------------------------------------------------------------------------- */	

	
#undertheradar_logo {
	float: left;
	padding: 25px 10px 0;
	}