/*********************************************
	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;
}

body { /* Use both the px/em variable */
	font: 11px/1.3em Verdana, Geneva, sans-serif; 
	color: #000;
	background:url(/images/bg-repeat.jpg);
}

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

.wrapper{ /* This is where you would change by default. A SAFE width is 320px */
	width: 966px;
	margin:0 auto;
	background:#fade00;
	border-left:solid #eb9200 10px;
	border-right:solid #eb9200 10px;
	position:relative;
}

.w-ind{
	height:900px;
}

/*********************************************
	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 { 
	
	width:985px;
	z-index: 1000;
	position: relative;
	margin:0 auto;
}

.h-ind{
	position:absolute;
	width:985px;
	z-index: 1000;
	margin:0 auto;
}

h1 { /* This will use the same admin controlled headers */
	background-repeat: no-repeat;
	height: 40px; 
	width: 489px; 
	display: block;
	text-indent:-9999px;
	margin:0 0 0 -10px;
	padding:0 0 20px 0;
}

h2, h3, h4, h5 { /* Format as you need, use em's */
}

.breadcrumbs { /* Format as you need with your a tags, etc. */
	color: #000;
	margin: -18px 0 0 -10px;
	font-size:9px;
	font-family:Helvetica, Arial, sans-serif;
}

.content { /* Format as you need. Use em's where you can to keep consistent */
	position: relative;
	z-index: 100;
	background:url(/images/bg-content.png) repeat-y;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#28364b;
	width:940px;
	margin:0 auto;
	min-height:200px;
    height:auto !important;
    height:200px;
	line-height:20px;
	padding:0 0 30px 0;
	
}

.content-top{
	background:url(/images/bg-content-top.png) no-repeat;
	width:940px;
	margin:0 auto;
	height:20px;
	position:relative;
}

.ind{
	top:410px;
}

	.col-1 { 
		width: 200px;
		float: left;
	}
	
	.col-2 { 
		width: 700px;
		float: left;
	}
	
	.col-3 { 
		width: 100px;
		float: left;
	}
	
.footer { /* Format as you need. */
	width: 1025px;
	height:215px;
	margin:0 auto;
	background:url(/images/bg-footer2.png);
	position:absolute;
	left:-26px;
	bottom:-140px;
	z-index:500;
	color:#000000;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}

.f-ind{
	top:738px;
}

.footer-box{
	padding:70px 40px 20px 40px;
	


}
	.footer a {
		color:#28364b;
		text-decoration: none;
	}
	
	.footer a:hover {
		color:#000000;
		text-decoration: underline;
	}
	
	.footer input{
		font-size:10px;
		font-family:Verdana, Geneva, sans-serif;
	}
	
/*******************************************
	SITE SPECIFIC FORMATTING
	1. This is where you will test and put 
	   your site specific tags. 
********************************************/

.logo{
	width:552px;
	height:139px;
	position:absolute;
	left:200px;
	top:50px;
}

.sub-logo{
	width:552px;
	height:139px;
	position:absolute;
	left:10px;
	top:70px;
}


.flash-header{
	padding:45px 0 0 0;
}


.social{
	position:absolute;
	right:30px;
	height:41px;
	top:2px;
	z-index:9999;
}

.starlist li{
	background: url(/images/ast-gif.gif) no-repeat left 1px;
	list-style:none;
	text-indent:20px;
}