/* CSS Document */

/* -------------------- HTML --------------------------------------*/

	body
	{
		
		background-color:#FFFEEA;
		margin:0;
		padding:0;
	}

/* -------------------- END HTML --------------------------------------*/


/* -------------------- LAYOUT --------------------------------------*/
	#shell {
		float:left;
		
		width:100%;
		height:100%;
		
		background-image:url(images/bkgrdSilver.jpg);
		background-position:top;
		background-repeat:repeat-x;
	}
	#wrapper
	{
		
		position:relative;
		width:760px;
		height:auto;
		margin:0 auto;
		padding:0;	
	}
	
	#masthead, #mainNav, #hmPageContentArea, .mainNavLinks, #subNav, #subNavOff, #sectionHeader, #contentArea, #content, 
	#flashHolder, #footer, #contentWide, #workSelector, flashWorkDisplay, #featuredSpotContentArea, #workDescriptor
	{
		/*To accomodate Windows Internet Explorer 6 Float bug that doubles the left or right margins*/
		display:inline;
	}
	
	#masthead
	{
	background-image:url(images/bkgrdSilver.jpg);
		background-position:top;
		background-repeat:repeat-x;
		float:left;
		width:760px;
		height:145px;
	}
	
	#logoHolder
	{
		margin:20px 0 0 8px;
		width:250px;
		padding:0;
	}
	
	#mainNav
	{
		float:left;
		display:inline;
		width:760px;
		height:28px;
		margin:10px 0 0 0;
		color:#F04C23;
		font:bold 11px/11px Verdana;
	}
	
	#hmPageContentArea
	{
		float:left;
		width:458px;
		margin:20px 0 15px 40px;
		font:normal 12px/24px Arial;
		color:#606146;
	}
	
	#featuredSpotContentArea
	{
		float:left;
		width:216px;
		margin:20px 0 0 20px;
		border-left:1px dashed #606146;
		padding:0 0 0 12px;
	}
	
	#hmPgSpcr
	{
		float:left; 
		clear:left; 
		height:20px; 
		width:734px; 
		margin:0 0 0 11px; 
		padding:0;
		visibility:hidden;
	}
	
	#subNav
	{
		float:left;
		width:500px;
		height:15px;
		margin:10px 18px 15px 18px;
		padding:0;
		font:bold 11px Arial, Helvetica, sans-serif;
	}
	
	#subNavOff
	{
		float:left;
		width:500px;
		height:15px;
		margin:10px 18px 15px 18px;
		padding:0;
		font:bold 11px Arial, Helvetica, sans-serif;
		visibility:hidden;
	}
	
	#sectionHeader
	{
		float:left;
		width:728px;
		font:bold 18px Verdana;
		color:#EF4B23;
		margin:0 11px 17px 18px;
		padding:0 ;
		border-bottom:1px dotted #ccc; 
	}
	
	#contentArea
	{
		float:left;
		width:758px;
		margin:0;
		padding:0;
		background-color:#FFFFFF;
		border-top:0;
		border-right:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		border-left:1px solid #CCCCCC;
	}
	
	#content
	{
		float:left;
		width:700px;
		margin:0 18px 25px 40px;
		padding:0;
		font:normal 12px/18px Arial, Helvetica, sans-serif;
		color:#606146;
	}	
	
	#contentWide
	{
		float:left;
		width:735px;
		margin:0 11px 25px 11px;
		padding:0;
		font:normal 12px/18px Arial, Helvetica, sans-serif;
		color:#606146;
	}
	
	#flashHolder
	{
		float:right;
		width:744px;
		margin:14px 7px 0 7px;
		padding:0;
		font:normal 12px/18px Arial, Helvetica, sans-serif;
		color:#606146;
	}
	
	#workSelector
	{
		float:left;
		width:334px;
		margin:0 0 0 0;
		padding:0;
	}
	
	#flashWorkDisplay
	{
		float:left;
		width:365px;
		margin:0 0 0 35px;
		padding:0;
	}
	
	#workDescriptor
	{
		float:left;
		width:300px;
		margin:15px 0 25px 0;
		padding:0 0 0 15px;
		border-left:1px dashed;
	}
	
	#footer
	{
		float:left;
		width:748px;
		height:25px;
		margin:10px 5px;
		padding:0;
		font:normal 10px Arial, Helvetica, sans-serif;
	}
	
	#copyrightText
	{
		float:right;
	}
	
	.mainNavLinks 
	{
		float:left;
		width:149px;
		height:21px;
		margin:0 3px 0 0;
		padding:0;
		color:#F04C23;
		font:bold 11px/11px Verdana;
		text-align:center;
		background-image:url(images/navBkgrd.gif);
	}
	
	.mainNavLinkSelected 
	{
		float:left;
		width:149px;
		height:21px;
		margin:0 3px 0 0;
		padding:7px 0 0 0;
		color:#fff;
		font:bold 11px/11px Verdana;
		text-align:center;
		background-image:url(images/navBkgrd.gif);
	}

/* -------------------- END LAYOUT --------------------------------------*/


/* -------------------- LINKS --------------------------------------*/

	a:link
	{
		color:#F04C23;
		text-decoration:underline;
	}
	
	a:visited
	{
		color:#F04C23;
		text-decoration:underline;
	}
	
	a:hover
	{
		color:#F04C23;
		text-decoration:none;
	}
	
	a:active
	{
		color:#000;
		text-decoration:underline;
	}
	
	
	.subNavLink:link
	{
		text-decoration:none;
		color:#000000;
	}
	
	.subNavLink:visited
	{
		text-decoration:none;
		color:#000000;
	}
	
	.subNavLink:hover
	{
		text-decoration:underline;
		color:#666
	}
	

	.subNavBullet
	{
		color:#F04C23;
		padding:0 2px 0 0;
		margin:0;
	}
	a.mainNavLinks:link, a.mainNavLinks:visited, a.mainNavLiks.hover
	{	
		margin:7px 0 0 0;
		padding:0;	
	}
	
	a.mainNavLinks:link 
	{
		text-decoration:none;	
	}
	
	a.mainNavLinks:visited
	{
		text-decoration:none;	
	}
	
	a.mainNavLinks:hover
	{
		color:#FFFFFF;
		text-decoration:none;	
	}
	
	a.mainNavLinks:active
	{
		
		color:#FFC90A;
		text-decoration:none;	
	}

/* -------------------- END LINKS --------------------------------------*/



/* -------------------- TYPOGRAPHY --------------------------------------*/

	#content p
	{
		margin:0 0 8px 0;
		padding:0;
	}
	
	.featureLabel
	{
		font:bold 12px Arial, Helvetica, sans-serif;
		color:#F04C23;
		padding:0;
		margin:0 0 10px 0;
	}
	
	.subNavSelected
	{
		color:#666
	}
	
/*	.mainNavLinkSelected
	{
		height:20px;
		color:#fff;
		margin:7px 0 0 0;
		padding:0;
		display:block;	
	}*/
/* -------------------- END TYPOGRAPHY --------------------------------------*/



/* -------------------- IMAGES --------------------------------------*/

	.sectionImage
	{
		float:right;
		margin:0 0 5px 50px;
		border:1px solid #999999;
	}
	
	.featuredImg
	{
		border:1px solid #000;
		padding:0;
		margin:0;
	}
	
	.flashImg
	{
		padding:0;
		margin:0;
		border:0;
	}

/* -------------------- END IMAGES --------------------------------------*/