@import url(l1Nav.css);
@import url(l2Nav.css);
@import url(constants.css);

html, body
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background:#FFF;
}

body
{
	background:#FFF url(../_img/index_body_bg.png) top center repeat-x;
}


/** ====================
 * Standard fonts and rollovers 
 */ 

.bodyText, body, td, p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.65em;
	color:#565047;
}

h1
{
	margin:0;
	padding:0;
	width:709px;
	height:37px;
	font-family:"HelveticaNueLT Std", Helvetica, sans-serif;
	font-size:24px;
	color:#915447;
	font-weight:100;
	text-transform:uppercase;
	background:url(../_img/h1_bg.gif) repeat-x;
}

a
{
	color:#404F75;
	text-decoration:underline;
}

a:hover
{
	color:#000000;
	text-decoration:none;
}

label
{
	clear:both;
	float:left;
	display:inline;
	margin:9px 0px 0px 0px;
	padding:0;
	width:150px;
}

input, select
{
	float:left;
	display:inline;
	margin:9px 0px 0px 0px;
	padding:0;
	width:175px;
}

.btnSubmit
{
	float:left;
	display:inline;
	margin:9px 0px 0px 0px;
	padding:0;
	width:52px;
	height:23px;
}

textarea
{
	float:left;
	display:inline;
	margin:6px 0px 0px 0px;
	padding:0;
	width:175px;
	height:75px;
}

.detail
{
	float:left;
	display:inline;
	margin:6px 0px 0px 0px;
	padding:0;
	width:300px;
}

.clear
{
	clear:both;
}

ol
{
	float:left;
	display:inline;
	margin:0px 0px 0px 18px;
	padding:0px 0px 0px 0px;
	width:;
}


/** ====================
 * container 
 */
 
#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:969px;
	background:#f0f0f0;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	background:url(../_img/middleContainer_bg.jpg) repeat-y;
}


/** ====================
 * masthead 
 */

#mastheadContainer
{
	margin:auto;
	padding:0;
	width:969px;
	height:73px;
	background:url(../_img/masthead_bg.gif) repeat-x;
}

	#logoContainer
	{
		float:left;
		display:inline;
		margin:5px 0px 0px 0px;
		padding:0;
		width:210px;
		height:47px;
		border:none;
	}
	
	#logo
	{
		float:left;
		display:inline;
		margin:0px 0px 0px 1px;
		padding:0;
		width:191px;
		height:47px;
		border:none;
	}


/** ====================
 * index
 */
 
#indexWelcome
{
	clear:both;
	float:left;
	display:inline;
	margin:0px 0px 0px 1px;
	padding:0;
	width:459px;
	height:450px;
	background:#F2E4CC;
}

	#indexWelcome p
	{
		padding:0px 18px;
		color:#6A604D;
	}

#indexFeatured
{
	float:left;
	display:inline;
	margin:0px 0px 0px 6px;
	padding:0;
	width:247px;
	height:450px;
	background:#F2E4CC;
}
	
	#featuredImg
	{
		float:left;
		display:inline;
		margin:18px 0px 0px 18px;
		padding:0;
		width:75px;
	}
	
	#featuredTxt
	{
		float:left;
		display:inline;
		margin:9px 0px 0px 12px;
		padding:0;
		width:205px;
	}
	
	#featuredTxt p
	{
		margin:0;
		padding:0;
		color:#6A604D;
	}
	
	#featuredTxt p.name
	{
		margin:9px 0px 0px 0px;
		padding:0;
		color:#6A604D;
		font-size:11px;
	}

#indexNews
{
	float:left;
	display:inline;
	margin:0px 0px 0px 6px;
	padding:0;
	width:249px;
	height:450px;
	background:#F2E4CC;
}

	#indexNewsContainer
	{
		clear:both;
		float:left;
		display:inline;
		margin:9px 0px 0px 18px;
		padding:0px 0px 6px 0px;
		width:215px;
		background:#F2E4CC;
		font-size:11px;
		border-bottom:1px dotted #6A604D;
	}
	.indexNewsContainer
	{
		clear:both;
		float:left;
		display:inline;
		margin:9px 0px 0px 18px;
		padding:0px 0px 6px 0px;
		width:215px;
		background:#F2E4CC;
		font-size:11px;
		border-bottom:1px dotted #6A604D;
	}	
	#indexNewsContainer.top
	{
		margin:9px 0px 0px 18px;
	}
	
	#indexNewsContainer.bottom
	{
		border-bottom:none;
	}

#indexWelcome a, #indexFeatured a, #indexNewsContainer a
{
	color:#6A604D;
}


/** ====================
 * content 
 */

#middleContainer
{
	clear:both;
	margin:auto;
	padding:0px 0px 100px 0px;
	overflow:auto;
	width:969px;
	background:#FFF;
	
}

	#contentContainer
	{
		clear:both;
		float:left;
		margin:auto;
		padding:0;
		overflow:auto;
		width:969px;
		background:#FFF;
	}
	
		#content
		{
			float:left;
			display:inline;
			overflow:auto;
			margin:31px 0px 0px 24px;
			padding:0;
			width:709px;
			background:#FFF;
		}


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

#footerContainer {
	clear:both;
	float:left;
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	margin:0;
	padding:0;
}

#footer {
	width:969px;
	float:left;
	display:inline;
	margin:0px 0px 0px 0px;
	border-top:1px solid #8799B6;
	padding:3px 0px 5px 0px;
	font-size:11px;
}

	#privacy {
		float:left;
		display:inline;
		margin:0;
		padding:0;
		width:385px;
		color:#8799B6;
		line-height:1.35em;
	}
	
	#tools {
		float:left;
		display:inline;
		margin:0px 0px 0px 0px;
		padding:0;
		width:160px;
		color:#8799B6;
		line-height:1.35em;
	}
	
		#tools li {
			display:inline;
			margin:0px 6px 0px 0px;
			padding:0px 6px 0px 0px;
			border-right:1px solid #8799B6;
		}
		
		#tools li.end {
			border-right:none;
		}
		
		#privacy a, #tools li a, #bullseye a {
			text-decoration:none;
		}
		
		#privacy a:hover, #tools li a:hover, #bullseye a:hover {
			text-decoration:underline;
		}
		
		#privacy a.selected, #tools li a.selected, #bullseye a.selected {
			text-decoration:underline;
		}
		
	
	#bullseye {
		float:left;
		display:inline;
		margin:0;
		padding:0;
		width:385px;
		color:#8799B6;
		line-height:1.35em;
		text-align:right;
	}
	
	#privacy a, #tools a, #bullseye a {
		color:#8799B6;
	}