/*--- ------------------------------------------------------------------------- ----
	
	File:		main.css
	Author:		Ben Nadel
	Desc:		This defines the general site structure css.
				
	Sample Code:
		
				N/A
				
	Update History:
	
				05/04/2006 - Ben Nadel
				Build the first run of the page.
	
----- --------------------------------------------------------------------//// ---*/

	body {
		background-color: #FFFFFF ;
		margin: 0px 0px 0px 0px ;
		padding: 0px 0px 0px 0px ;
		}
		
	body, 
	td {
		font: 11px verdana ;
		}
		
	div.sitewidth {
		margin: 0px auto 0px auto ;
		position: relative ;
		text-align: left ;
		width: 765px ;
		}
		
	#siteheader {
		height: 62px ;
		position:absolute;
		width:765px;
		background-color:#FFFFFF;
		top: 0px ;
		left: 0px ;
		}
	
	#sitelogo {
		display: block ;
		width: 225px ;
		position:relative;
		}
		
	#sitelogo img {
		border-width: 0px 0px 0px 0px ;
		display: block ;
		}
	
	#primarynavigationshapes {
		left: 251px ;
		position: absolute ;
		top: 34px ;
		width: 150px ;
		z-index: 10 ;
		}
		
	#primarynavigationshapes a {
		float: left ;
		}
		
	#primarynavigationshapes img {
		border-width: 0px 0px 0px 0px ;
		display: block ;
		}
		
	#clientloginform {
		left: 500px ; 
		position: absolute ;
		text-align: right ;
		top: 32px ;
		width: 263px ;
		z-index: 10 ;
		}
		
	#clientloginform input.text {
		font: 11px verdana ;
		padding-left: 2px ;
		vertical-align: middle ;
		width: 130px ;
		}
		
	#clientloginform input.button {
		vertical-align: middle ;
		}
		
	#primarynavigation {
		background-color: #BD3000 ;
		height: 52px ;
		position:absolute;
		width:100%;
		left: 0px ;
		top: 62px ;	
		}
	#primarynavigation ul {
		list-style-type: none ;
		margin: 0px 0px 0px 15px ;
		padding: 0px 0px 0px 0px ;
		}
		
	#primarynavigation ul li {
		float: left ;
		font-size: 12px ;
		}
		
	#primarynavigation ul li.navitem a {
		color: #FF6600 ;
		float: left ;
		font-weight: bold ;
		height: 52px ;
		line-height: 52px ;
		padding: 0px 5px 0px 5px ;
		text-decoration: none ;
		}
		
	#primarynavigation ul li.navitem a.off { 
		color: #FAFAFA ;
		}
	
	#primarynavigation ul li.navitem a.on { 
		background-image: url( "../../images/global/primary_nav_background.gif" ) ;
		background-position: bottom center ;
		background-repeat: no-repeat ;
		color: #FF6500 ;
		}
		
	
	#primarynavigation ul li.navitem a.off:hover {
		color: #FF6600 ;
		}
	
	#primarynavigation ul li.navpipe {
		color: #FFFFFF ;
		line-height: 52px ;
		}
		
	
	#secondarynavigation {
		background-position: right ;
		background-repeat: no-repeat ;
		height: 48px ;
		background-color: #FF6600 ;
		background-image: url( "../../images/global/about_nav_background.jpg" );
		position:absolute;
		width:100%;
		left: 0px ;
		top: 114px ;
		}
		
	#secondarynavigation ul {
		list-style-type: none ;
		margin: 0px 0px 0px 23px ;
		padding: 0px 0px 0px 0px ;
		}
		
	#secondarynavigation ul li {
		float: left ;
		font-size: 12px ;
		}
		
	#secondarynavigation ul li.navitem a {
		color: #FFFFFF ;
		float: left ;
		font-weight: bold ;
		height: 48px ;
		line-height: 48px ;
		padding: 0px 7px 0px 7px ;
		text-decoration: none ;
		}
		
	#secondarynavigation ul li.navitem a.off {
		color: #FAFAFA ;
		}
		
	#secondarynavigation ul li.navitem a.off:hover {
		color: #BD3000 ;
		}
		
	#secondarynavigation ul li.navitem a.on {
		color: #BD3000 ;
		}		
		
	#secondarynavigation ul li.navpipe {
		color: #FFFFFF ;
		line-height: 48px ;
		}
		
	#sitecontent {
		background-image: url( "../../images/global/site_content_background.gif" ) ;
		background-repeat: repeat-y ;
		float: left ;
		width: 765px ;
		}
		
	#leftsitecolumn {
		float: left ;
		position: relative ;
		width: 544px ;
		margin-top:162px;
		}
		
	#rightsitecolumn {
		float: left ;
		width: 221px ;
		margin-top:162px;
		}
		
	#printversionlink {
		left: 355px ;
		position: absolute ;
		top: 17px ;
		z-index: 10 ;
		}
		
	#printversionlink a {
		color: #666666 ;
		font-size: 10px ;
		}
		
	#contentcontainer {
		margin-left: 24px ;
		padding-top: 23px ;
		position: relative ;
		width: 495px ;
		}
	
	#contentcontainer a {
		color: #000000 ;
		}	
		
	#rightcontentcontainer {
		margin-left: 20px ;
		padding-top: 23px ;
		position: relative ;
		width: 183px ;
		}
		
	#rightcontentcontainer a{
		color:#000000;
		font-weight: bold;
		}
		
	div.dottedhr {
		background-image: url( "../../images/global/dotted_line_background.gif" ) ;
		background-repeat: repeat-x ;
		font-size: 2px ;
		height: 2px ;
		line-height: 2px ;
		}
		
	#sitefooter { 
		padding-top: 20px ;
		}
		
	#sitefooter div.text {
		color: #BD3000 ;
		font-size: 10px ;
		padding: 3px 0px 3px 0px ;
		text-align: center ;
		} 
		
	.bullet{
		width:20px;
		height:20px;
		float:left;
		margin-bottom:7px;
	}
	
	.item{
		float:left;
		margin-bottom:7px;
	}