/* CSS Document */

/*===================================================== */
/*  ------>>> BODY & CONTAINER FOR ALL DIVS <<<------   */
/*===================================================== */

body, xbody {
		background-color:#231f20;
			margin: 0px;
			padding: 0px;
}
	
#container {
			background-color:#231f20;
			margin-left:auto;
			margin-right:auto;
			padding: 0px;
			width:1020px;
}

/*===================================================== */
/*  ----------------->>> MASTHEAD <<<----------------   */
/*===================================================== */	

#header {	
			height: 130px;
			width: 1000px;
}
			
#logo	{	
			height: 120px;	
			float:left;
			margin-top:10px;
			padding-left:30px;
}	
			
/*  ------------->>> MAIN NAVIGATION <<<-------------   */

#nav 	{	
			float:left;
			height:45px;
			margin:0;
			margin-top:50px;
			_margin-top:65px;	
			padding: 0px;
			width:760px;
			_width:770px;	
}

#dmenu li>ul { 
	top: auto;
	left: auto;
}
			
.topmenuul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.topmenuli{
	color:#f59f1a;
	list-style-type:none;
	float:left;
}

.topmenuli a:hover {

}

.topmenutitle{
	color:#f59f1a;
	display:block;
	font:normal 16px "Lucida Grande", "Lucida Sans";
	_font:normal 16px "Trebuchet MS";	
	letter-spacing:.5px;
	padding:10px;	
	text-decoration:none;
	text-transform:uppercase;
	width:160px;
}

.submenuul{
	background-color:#c41230;
	/*border:1px solid #000;*/
	display:none;
	list-style-type:none;
	margin: 0px;
	padding:0px 10px 5px 10px;
	position:absolute;
	width:160px;
}

.submenuli {
	line-height:0;
	margin:0px;	
	padding:0px;
}

.submenuul ul {
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 7px;
}

.submenuli a:link, .submenuli a:visited {
	color:#231f20;
	display:block;
	font:normal 12px "Lucida Grande", "Lucida Sans";	
	_font:normal 12px "Trebuchet MS";
	text-decoration:none;
	text-transform:uppercase;
	padding:3px 0px;	
}

.submenuli a:hover {
	color:#FFF;
}

li:hover ul , li.over ul{ /* lists nested under hovered list items */
	display: block;
}


		
/*===================================================== */
/*  ---------->>> CONTENT POSITIONING  <<<-----------   */
/*===================================================== */		

#content {	
			background:url(../i/faux_column3.gif) top left repeat-y;
			height:auto;
			margin:0px;
			padding:0px;
			width:1020px;
			_width:1020px;
			}			
/*  ------------->>> LEFT NAV COLUMN <<<-------------   */

#leftColumn {	
			float:left;
			height:515px;
			margin:0px;
			padding:0px;
			position:relative;
			width:245px;
			}				

/*  ------------>>> 2 COLUMN LAYOUT  <<<-------------   */	

#mainColumn2 {
			float:right;
			margin:0px;
			padding:0px;
			width:775px;
			_width:775px;
		}
		
.white {
			background-color:#FFF;
			height:515px;
}		
				
		
/*  -------------->>> SMALL CONTENT BLOCKS  <<<--------------   */	

#pageId {
			bottom:10px;
			position:absolute;
			text-align:center;
			width:100%;
}

.blockLeftNarrow {
			float:left;
			margin:0px;
			padding:0px;
			padding-right:15px;
			_padding-right:10px;
			width:230px;
			_width:230px;
		}
		
.blockLeftWide {
			float:left;
			height:100%;
			margin-right:15px;
			_margin-right:0;
			padding-right:10px;
			width:60%;
		}		
					
.blockRightWide { 
			float:left;
			_float:right;
			margin:0px;
			padding:0px;
			width:530px;
			_width:530px;
		}
		
.blockRightNarrow { 
			float:left;
			margin:0px;
			padding:30px 0px 0px 0px;
			width:250px;
			_width:235px;
		}			
	
.block3 { 
			float:left;
			margin:5px 0px;
			padding:0px 5px;
			width:31.5%;
			_width:33%;
		}		
	
					
/*===================================================== */
/*  ---------------->>> <H> TAGS <<<-----------------   */
/*===================================================== */					

h1, h2, h3 {	
			color:#000;
			font:normal 14px "Lucida Grande", "Lucida Sans";
			_font:normal 14px "Trebuchet MS";			
			letter-spacing:4px;			
			margin:30px 10px 15px 25px;
			padding:0px;
			text-transform:uppercase
			}
						
#mainColumn2 h1 {
			font-size:18px;
			margin:27px 10px 15px 20px;
			}	

#pageId h3 {
			color:#c41230;
			letter-spacing:1px;
			margin:0 0 5px 0;
			padding:0;
}	
		
					
/*===================================================== */
/*  ------------------>>> FONTS  <<<-----------------   */
/*===================================================== */		
	
.legal {	font:normal 10px Arial;
			}
		
#leftColumn p {
			color:#FFF;
			font:normal 12px "Lucida Grande", "Lucida Sans";
			_font:normal 12px "Trebuchet MS";			
			padding:15px 10px 0px 10px;
		}		

p {	
			font:normal 11px "Lucida Grande", "Lucida Sans";
			_font:normal 11px "Trebuchet MS";			
	/*		letter-spacing:.5px;*/
			line-height:18px;
			margin:0px 0px 20px 18px;
		}	
		
#pageId p {
			font-size:11px;
			margin:0;
			padding:0;
}
		
/*  ------------>>> ERRORS / ALERTS  <<<-------------   */	

.error	{
			color:#FF0000;
			font-style:italic;
			font-weight:bold;
			}
		
.alert	{
			color:#FFCC00;
			font-style:italic;
			font-weight:bold;
			}		
		
.success	{
			color:#009900;
			font-style:italic;
			font-weight:bold;
			}	
					
/*===================================================== */
/*  ------------------>>> LINKS  <<<-----------------   */
/*===================================================== */					

#leftColumn ul a:hover, a.highlight:link {
			color:#FFFFFF;
			}
			
.blockLeftWide a:link, .blockLeftWide a:visited, .blockLeftNarrow a:link, .blockLeftNarrow a:visited, .blockLeftWide ul a:link, .blockLeftWide ul a:visited {
			color: #FC9200;
			font-family:"Lucida Grande", "Lucida Sans";
			_font-family:"Trebuchet MS";				
			}
		
#leftColumn ul a {
			color:#000;
			font:normal 12px "Lucida Grande", "Lucida Sans";
			_font:normal 12px "Trebuchet MS";
			letter-spacing:2px;
			text-decoration:none;
			text-transform:uppercase;
			}
						
#arrow a:link {
			font-size:20px;
			text-decoration:none;
			}
			
#arrow a:hover {
			color:#FFFFFF;
			}

h1 a:link, h1 a:visited {
			color:#000000;
			text-decoration:none;
			}
			
h1 a:hover {
			color:#FFF;
			}			
														
/*===================================================== */
/*  ------------------>>> LISTS  <<<-----------------   */
/*===================================================== */					

#leftColumn ul {
			list-style:none;
			margin:0px 0px 10px 0px;
			padding:0px 10px 0px 25px;
			}
			
#leftColumn li {
			color:#000;
			font:normal 12px "Lucida Grande", "Lucida Sans";
			_font:normal 12px "Trebuchet MS";			
			letter-spacing:2px;
			line-height:18px;
			margin:0;
			padding:0;
			text-decoration:none;
			text-transform:uppercase;
			}

.blockLeftWide ul {
			font-size:13px;
			list-style:none;
}

.blockRightWide ul, .overview ul {
			float:right;
			list-style-type:none;
			margin:7px 0 -3px 0;
			padding:0;
			text-align:right;
			}
			
.blockRightWide li, .overview li {
			font:normal 16px "Lucida Grande", "Lucida Sans";
			_font:normal 16px "Trebuchet MS";			
			display:inline;
			margin:0 2px 0 1px;
			padding:0x;
			text-align:right;
			}			
												
			
/*===================================================== */
/*  ------------------>>> FORMS  <<<-----------------   */
/*===================================================== */				
#cs {
			background-color:#EFFAFF;
			border:1px solid #D7EAF7;
			margin:15px 0px;
			padding:15px;
			}
 
label {
			float:left;
			margin-right:25px;
			padding:4px;
			text-align:right;
			}
		
.littlelabel {
			font-size:11px;
			float:none;
			}
		
.formfield {
			float:left;
			margin:0px 5px 0px 0px;
			padding:0px;
			}
		
.split {
			clear:both;
			margin:0px;
			padding:0px;
			}
 
.littlelink {
			font-weight:normal;
			}	
	
/*===================================================== */
/*  ----------------->>> IMAGES <<<------------------   */
/*===================================================== */	
	
.blockRightWide li a:link img, .blockRightWide li a:visited img  {
   		  border:20px solid #FFF;
		  margin:0;
		  padding:0;
 			}

.blockRightWide li a:hover img {
		  background-color:#c41230;
   		  border:12px solid #FFF;
		  margin:0;
		  padding:8px;
 			}	
	
.blockRightNarrow img {
		margin-left:50px;
}
					
/*===================================================== */
/*  ----------------->>> FOOTER <<<------------------   */
/*===================================================== */					
#footer	{ 	
			clear:both;
			margin-bottom:25px;
			padding: 0px;
			width: 1000px;
		}
		
#footer ul {

			}				
			
#footer li {
			display: inline;
			margin: 0px;
			padding-right: 4px;
			}			
		
#footer li a:link {
}		
#footer p {	text-align:center;
			}
			
/*===================================================== */
/*  ------------------>>> HACKS <<<------------------   */
/*===================================================== */		

#wraparound {clear:both;
			}