/*********************************************
	STYLES FOR BROWSER
	1. Developer, this is the individual 
	   css file for a web browser
	2. Please keep your code CLEAN. 
	3. Bring over ANY custom tags. 
	4. Make SURE to test the "Big 5" Browsers:
		-- IE7, IE8 - A MUST! 
		-- Firefox
		-- Chrome
		-- Safari
		-- Opera
*********************************************/
html, body{
	margin:0;
	padding:0;
	background-image:url(/images/bg.jpg)
}

body { /* Use both the px/em variable */
	font: 11px/1.3em Verdana, Geneva, sans-serif; 
	color: #000;
}

		
a { /* default link styles*/
	color:#069;
	text-decoration: none;
}
	
	a:hover{
		text-decoration: underline;
	}

.wrapper{ /* This is where you would change by default. A SAFE width is 320px */
	width: 1011px;
	margin:0 auto;
	background-image:url(/images/wrapper.png);
}

.wrapper-top{ /* This is where you would change by default. A SAFE width is 320px */
	width: 1011px;
	margin:0 auto;
	height:30px;
	background-image:url(/images/wrapper-top.png);
}

.wrapper-bottom{ /* This is where you would change by default. A SAFE width is 320px */
	width: 1011px;
	height:26px;
	margin:0 auto;
	background-image:url(/images/wrapper-bottom.png);
}




/*********************************************
	STANDARD TAGS:
	These are our standard tags. YOU MUST
	USE THESE TO HAVE THE SITE WORK PROPERLY
	WITH MOBILE AND DEFAULT CSS
	1) .header
	2) .main-nav -- located in nav.css
	3) h1, h2, h3, h4, h5
	4) .breadcrumbs
	5) .content
		-- .col-1
		-- .col-2 
		-- .col-3
		-- Make more if needed.
	6) .footer
*********************************************/

.header { 
	height: 391px;
	width:968px;
	margin:0px 22px;
	z-index: 1000;
	position: relative;
	top:0;
	background-image:								    url(/images/header-image.jpg);
}

h1 { /* This will use the same admin controlled headers */
	background-repeat: no-repeat;
	height: 80px; 
	display: block;
}

strong{
	font-size: 1.13em;
	color:#EC8234;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

strong a{
	font-size: 1.13em;
	color:#EC8234;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

h3{
	font-size: 1.13em;
	color:#124064;
}

.breadcrumbs { /* Format as you need with your a tags, etc. */
	color: #000;
	margin: 0 0 0 25px;
}

.content { /* Format as you need. Use em's where you can to keep consistent */
	position: relative;
	z-index: 100;
	width:975px;
	min-height:455px;
	margin-left:20px;
	padding:0px 25px;
}

	.col-1 { 
		width: 615px;
		height:442px;
		float: left;
	}
	
	.col-1 strong{
		color:#124064;
		font-weight:bold;
		font-size:1.25em;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	.col-2 { 
		width: 268px;
		height: 380px;
		float: left;
		margin-left:25px;
		background-image:url(/images/sidebar-plate2.jpg);
	}
	
	.col-3 { 
		width: 100px;
		float: left;
	}
	
.subcontent{
	width:400px;
}

.subcontent2{
	width:600px;
}

.subcontent ul li{
	margin-bottom:10px;
}

.subcontent2 ul li ul li{
	margin-bottom:10px;
	font-weight:normal;
	color:#000;
	font-size:12px;
}

.subcontent2 ul li{
	font-weight:bold;
	color:#02335B;
	font-size:14px;
}

.index-header{
	background-image:url(/images/index-header.jpg);
	height:24px;
	width:327px;
	text-indent:-9999px;
	margin-bottom:10px;
}
.footer { /* Format as you need. */
	width: 975px;
	margin-left:20px;
	background-color:#FFF;
}
	.footer a {
		text-decoration: none;
	}
	
	.footer a:hover {
		text-decoration: underline;
	}
	
		ul.footer-nav { /* Use this for your footer nav to make it easier on spacing! */
		list-style-type:none; 
		margin:0;
		padding:0;	
		text-align:center;
		margin:0 auto 5px;
	}
	
		ul.footer-nav li { 
			position:relative;
			display: inline;
			border-left: 1px solid #008c9a;
			padding:0 5px;
		}
ul.nav{
	margin-left:80px;
	position:relative;
	z-index:2000;
}

.marginFix{
	margin-right:35px;
}

.bottomFix{
	position:relative;
	bottom:25px;
}

.email{
	background-image:url(/images/email-box.jpg);
	height:115px;
	width:368px;
}

#frmD3Forms1471_form_container{
	position:relative;
	top:5em;
	left:.455em;
	width:30.909em;
}

#frmD3Forms1471_submit_button{
	margin-top:.273em;
}

.tabMain{
	float:left;
}
	
/*******************************************
	SITE SPECIFIC FORMATTING
	1. This is where you will test and put 
	   your site specific tags. 
********************************************/

.table-base {margin:5px 0 10px 0;}
.table-base td {padding:3px 5px; text-align:center;}
.table-base .lead {text-align:left;}
.table-base .tr00 {color:#EA7F1D; background-color:white; font-weight:bold;}
.table-base .tr01 {background-color:#F8F6ED;}
.table-base .tr02 {background-color:#E7DCC1;}