/* BROWSER RESET - elimantes default browser css for the following elements
===================== */
* {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	margin: 0;
	padding: 0px;
	border: 0;
	vertical-align: top;
}


body {
	background: ;
	margin: 0px auto;
	font-size:62.5%; /*converts ems = to pixels as we normally use them. So, 12px = 1.2em, 13px = 1.3em., etc.*/
	background-color: #F3F3F3;
	background-image: url(images/mainbg.jpg);
	background-repeat: repeat-x;
}

/* SITE GRID ELASTICITY - define the site's overall container and wrapper
===================== */

.container_24 { /*set background colors and width of main containers to hold all grid_xx's*/
	margin:0px auto;
	max-width: 960px; /*site can only expand to this width. If removed, the site will expand out 100%, as this is a fluid design*/
	min-width: 960px;
	background-repeat: no-repeat;
}

div#wrapper { /*normally used to create the background imagery OUTSIDE of the main container_xx classes of 12 or 16*/
	
}

/* TEXTUAL SELECTORS SITE WIDE
===================== */

h1,h2,h3,h4,h5,h6 { /*control the margins, padding, display, and basic text characteristics of all header tags*/
	text-transform:none;
	margin-bottom: 10px;
	margin-top: 0px;
	font-weight: normal;
	display:block;
}

h1 { /*use for normal h1 page headers*/
	font-size: 1.5em;
	color:#999;
	letter-spacing: 0.1px;
	font-weight: bold;
	background-repeat: no-repeat;
	padding: 8px 0px 0px 20px;
	margin: 10px 0px 10px 0px;
}

h2 { /*use for large ctas (half page or more)*/
	font-size:1.75em;
	color: #294E88;
	margin-bottom: 0px;
	letter-spacing: 0px;
	line-height: normal;
	padding: 20px 0px 0px 0px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	border-bottom: solid #294E88 1px;
}

h3 { /*used for small ctas(less than half a page)*/
	font-size:1.75em;
	color: #666;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5;
	font-weight: bold;
	font-style: normal;
	background-repeat: no-repeat;
	background-image: url(images/h4.png);
}

h4 { /*used as secondary headers for content*/
	font-size:1.75em;
	color: #FFFFFF;
	margin-bottom: 0px;
	padding: 15px 0px 3px 15px;
	line-height: 1.5;
	font-weight: bold;
	font-style: normal;
	background-repeat: no-repeat;
	background-image: url(images/h4.png);
}

h5 { /*used as third header option for content area*/
	font-size:1.4em;
	color: #003162;
	background-color: #e6e6e6;
	padding: 6px;
}
hr {
	color:#333333;
}
p { /*paragraphs setting across all classes*/
	font-size: 1.3em;
	line-height: 1.8em;
	margin-bottom: 10px;
	margin-top: 0px;
	color:#666;
	padding: 0px 0px 0px 0px;
	font-style: normal;
}
li { /*list setting across all classes*/
	font-size:13px;
	line-height: 1.8em;
	color:#D30000;
	list-style-type: circle;
	list-style-position: inside;
	margin: 0px 0px 0px 20px;
}

/* ANCHORS (default colors site wide.)
===================== */
a {
	font-weight: bold; text-decoration: underline; outline:none;/*ensures all links have this format, except color*/
} 

	a:link {
	color: #D30000;/*default link color*/
	} 
	
	a:visited {
	color: #D30000;/*visited link color*/
	} 
	
	a:hover {
	color: #000000; /*hover link color*/
	}
	
	a:active {
	color: #D30000;/*actives link color*/
	} 

/* IMAGES
===================== */

img {
	margin-bottom: 10px; border: none;
	max-width: 100%; /* DO NOT REMOVE - allows all images in HTML code resize for media queries as the view port changes size if minimum width is smaller than maximum width (does not include background images)*/
}

	img.floatright {
		float:right;
		margin: 0px 0px 0px 10px
	}
	
	img.floatleft {
		float:left;
	}

/* HEADER SECTION
===================== */

#bgheaderindex { /*header for index page*/
	height: 287px;
	background:url(images/bg-header-index.jpg) top left no-repeat;
	position: relative; /*allows for other divs to be absolute positioned when placec in this div (example - floating CTA)*/		
}

#bgheader { /*header for secondary pages*/
	
}

/* mobile headers (hidden in this style sheet so they won't show up on PC version of site)
===================== */

#mobileheade600 {display: none;}
#mobileheader350 {display: none;}

/* MAIN NAVIGATION
===================== */

#navcontainer {
	height: 39px;
}


ul#mainnav {/* Sets a background color and width for our navigation box. Removes all default margins and padding. */
	height:39px;
	display: inline;
}


ul#mainnav li {
	float: left;  /* turn off make menu vertical - STEP 2 of 3*/
	list-style: none;
	margin: 0px 0px 0px 0px;
}

		ul#mainnav li a {/*ensures all links have this format, except color*/
	color: #fff;
	text-decoration: none;
	padding:8px 0px 0px 0px;
	float:left; /* turn off to make vertical stacked links - STEP 3 of 3*/
	display: inline;
	font-weight: bold;
	text-transform: none;
	letter-spacing: 0px;
	border-right: 0px dotted #e2b23f;
	margin: 0px 0px 0px 0px;
	text-align: center;
	height: 31px;
		}
		
				/* OFF - This creates the off ststus style for our links. */
				ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
	color: #F3F3F3;
	font-size: 1em;
	width: 110px;
	background-image: url(images/active.png);
	display: block;
				}
				
				/* HOVER - Creates the hover status style, which can be applied directly to a single link. */
				ul#mainnav li a:hover {
	color: #FFF;
	background-image: url(images/rollover.png);
	background-repeat: no-repeat;
	background-position: center;
				}
				/* ON - Creates the "on" status style, which can be applied directly to a single link. */
				ul#mainnav li a.current:link, ul#mainnav li a.current:visited {
	color: #FFF;
	background-image: url(images/rollover.png);
	background-repeat: no-repeat;
	background-position: center;
				}


/* FOOTER AREA
===================== */

#footer{
	background: url(images/bg-footer.png) no-repeat;
	height:143px;
	clear: both;
	padding-bottom: 10px;
}
.utility {
	color: #FFFFFF;

	}

ul#footernav {
	text-align:left;
}

ul#footernav li {
	list-style: none;
	text-align: left;
	margin: 0px 10px 0px 10px; /*turn off to make vertical links - STEP 1 of 3 */
	float:none;
	line-height: 1em;
	padding: 0px 0px 0px 0px;
	height: 30px;
	display: inline;
	/* _line-height: 0.4em; use thie for IE 6 hack for the line height of the vertical footernav*/
}

ul#footernav li a {
	font-size: 1.25em;
	text-decoration: none;
	font-weight:400;
	text-decoration:none;
	text-align: left;
	vertical-align:middle; /* turn off to make vertical stacked links - STEP 3 of 3*/
}


/* footer links
===================== */

/* OFF */
ul#footernav li a:link, ul#footernav li a:visited, ul#footernav li a:active {
	color: #FFF;
	font-size: 1em;
}

/* HOVER */
ul#footernav li a:hover {
	color: #CCC;
	text-decoration:underline;
}

/* ON */
ul#footernav li a.current:link, ul#footernav li a.current:visited {
	color: #FFFF00;
	display: block;
	text-decoration:underline;
}

/* ADDRESS
===================== */	

address {

}



/* ADMIN SIGN
===================== */

div#signin {
	text-align:center;
	float: left;
}

div#signin a{
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	text-transform:none;
}

/* COPYRIGHTS
===================== */

div#copyright {
	text-align:center;
	font-size: 1em;
	line-height: 1.7em;
	padding: 5px 0px 5px 0px;
	width: 100%;
	color:#FAFAFA;
	margin: 20px 0px 0px 0px;
	
}

div#copyright a {
	font-weight: normal;
	color: #D37B06;
}

div#copyright img {
margin-top: 10px;
margin-bottom: 10px;
}

		
/* CUSTOM CLASSES
===================== */

/******** -- wrappers /*used to create the background imagery 'OUTSIDE' of the main container_24 class*/

div#wrapperbigpicture {
	background-image: url(images/containerbg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

div#wrapperheader{
	width: 100%;
	margin: 0px auto;
	float: left;
	background-image: url(images/wrapper_header_01.jpg);
	background-color: #232323;
	background-repeat: repeat-x;
	height: 32px;
}
div#wrappernav{
	width: 100%;
	margin: 0px auto;
	background-image: url(images/wrapper_nav.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 72px;
}
div#wrapperflash{
	width: 100%;
	margin: 0px auto;
	float: left;
	background-image: url(images/wrapper_flash.jpg);
	background-repeat: repeat-x;
	height: 198px;
}
div#wrappercontent{
	width: 100%;
	margin: 0px auto;
	float: left;
	background-image: url(images/wrapper_content.jpg);
	background-repeat: repeat-x;
	background-color: #474747;
}
div#wrapperextracontent{
	width: 100%;
	margin: 0px auto;
	float: left;
	background-repeat: repeat-x;
}
div#wrapperfooter{
	width: 100%;
	margin: 0px auto;
	float: left;
	background-image: url(images/wrapper_footer.jpg);
	background-repeat: repeat-x;
	background-color: #999;
	height: 260px;
}
div#wrappercopyright{
	width: 100%;
	margin: 0px auto;
	float: left;
	background-repeat: repeat-x;
}

		
/* CUSTOM CLASSES
===================== */

/******** -- Body /*used to create the background imagery 'OUTSIDE' of the main container_24 class*/
.header{
	height: 53px;
	margin: 0px auto;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
}
.header p{
	padding: 0px 0px 0px 0px;
}
.flash{
	height: 286px;
	margin: 0px auto;
	background-image: url(images/flash.jpg);
	background-repeat: no-repeat;
}
.iframe{
	margin: -40px 0px 0px 0px;
}
.nav {
	background-repeat: no-repeat;
	height: 39px;
	margin: 0px auto;
	background-image: url(images/nav_bar.jpg);
	
	}
.footer{
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	padding: 30px 0px 0px 0px;
	height: 145px;
}

.contentpadding {
	padding: 20px 0px 20px 0px;
	
	}
.p_padding p{
	padding: 0px 0px 0px 20px;
}
.p_padding2 p{
	padding: 0px 15px 0px 0px;
}
.border {
	border: solid #666 1px;
}
.empasis {
	color:#D30000;
}
.empasis2 {
	color:#D8904A;
	padding-top: 10px;
}
.empasis3 {
	color:#D8904A;
	font-size: 1.25em;
}
.right{
	float: right;
	margin: 10px 0px 0px 15px;
}
.left{
	float: left;
	margin: 10px 15px 0px 0px;
}
.bigboxbg{
	background-image:url(images/bigbox_bg.png);
	background-repeat: repeat-y;
}
.bigboxtop{
	background-image:url(images/bigbox_top.jpg);
	background-repeat:no-repeat;
	padding: 25px 20px 0px 30px;
	min-height: 96px;
}
.bigboxbottom {
	background-image:url(images/bigbox_bottom.jpg);
	background-repeat:no-repeat;
	height: 25px;
	background-position: top left;
	margin: 0px 0px 0px 0px;
}

.boxbg{
	background-image:url(images/box_bg.png);
	background-repeat: repeat-y;
}
.boxtop{
	background-image:url(images/box_top.jpg);
	background-repeat:no-repeat;
	padding: 25px 20px 0px 30px;
	min-height: 96px;
}
.boxbottom {
	background-image:url(images/box_bottom.jpg);
	background-repeat:no-repeat;
	height: 25px;
	background-position: top;
	margin: 0px 0px 0px 0px;
}
.address p{
	padding:0px 0px 0px 20px;

}

.center p{
	text-align:center;
}
.content{
	background-image: url(images/content.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	}	
.contentbg{
	background-image: url(images/contentbg.jpg);
	background-repeat: repeat-y;
	}		
.extracontent{
	background-image: url(images/content.jpg);
	background-repeat: no-repeat;
	background-position: right;
	}	
.signin{
	padding: 0px 0px 0px 8px;
	color:#DEDCDD;
	text-transform: uppercase;
	text-decoration: none;
	}
.topcontent{
	margin: 15px 0px 0px 0px;
}
.toppic{
	margin: -40px 0px 15px 0px;
	float: left;
}
.icon1{
	margin: -5px 5px 0px 0px;
	float: left;
}
.readmore{
	background-image:url(images/readmore.png);
	padding:0px 12px 0px 0px;
	background-repeat: no-repeat;
	height: 34px;
	color: #FFF;
	font-weight: bold;
	text-align: right;
	background-position: top right;
}
.readmore a{
	color:#FFFFFF;
	text-decoration:none;
}
.audio{
	padding: 18px 0px 0px 790px;
}