@import url("layout.css");
/*
#container
		#branding
				#brandingLogo
				#brandingNavSub
				#brandingSecondaryLogo
				#brandingNav
		#mainNav
		#content
		#secondaryContent

*/


/* GENERAL */
html, body 
{
    background-color: #E9E6E1; 
    margin: 0px;
    padding: 0px; 
    font-family: Verdana, Arial;
    
}


div
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial;
	color: #666;
}

p
{
	font-size: 0.7em;
	font-family: Verdana, Arial;
	color: #666;
}

a
{
	font-weight: bold;
	color: #4481d2;
	text-decoration: none;
}

a:hover, a:active
{
	text-decoration: underline;
}

h1
{
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 0.9em;
	color: #666;
	margin: 10px 0px 10px 0px;
}

h2
{
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 1.1em;
	color: #002860;
	margin: 10px 0px 10px 0px;
}

h3
{
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 0.8em;
	color: #333;
	margin: 10px 0px 10px 0px;
}


/* BRANDING */

/* Branding Nav Sub */
#brandingNavSub ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}


		#brandingNavSub li
		{
			float: left;	
			padding: 0px 0px 0px 3px;
		}
		
		
		#brandingNavSub .brandingNavSubSplit
		{
			margin: 0px 0px 0px 8px;
			background: url(../../menu/topmenu_split.gif) no-repeat left 3px;
		}


				#brandingNavSub li a
				{
					display: block;
					padding: 0px 0px 0px 5px;
					font: 0.6em verdana, arial;
					color: #999;
					text-decoration: none;
				}
				
				
				#brandingNavSub li a:hover
				{					
					text-decoration: underline;
				}
			
			
				
/* Branding Nav */
				
#brandingNav ul
{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}


		#brandingNav ul li
		{
			float: left;
			margin: 0px;
			padding: 0px 25px 0px 0px;			
		}
		
		
				#brandingNav ul li a
				{
					display: block;
					font: bold 0.95em "trebuchet mt", arial, verdana;
					color: #666;	
					text-transform: uppercase;
					text-decoration: none;	
				}
				
				
				#brandingNav ul li a:hover
				{					
					color: #999;
				}
				
			
				
				
/* MAIN NAV */
#mainNav ul
{
	display: block;
	margin: 0px 0px 0px 140px;
	padding: 0px;
	list-style: none;
}

		#mainNav ul li
		{
			float: left;
			padding: 0px 0px 0px 0px;
			margin-top: 5px;
		}

				#mainNav ul li a
				{
					display: block;
					font: bold 0.8em verdana, arial;
					color: #fff;
					text-decoration: none;
					padding: 9px 10px 9px 10px;
					
				}
				
				#mainNav ul li a:hover
				{					
					text-decoration: underline;
					background-color: #47586C;
				}
				
				
				
						/* main Nav Content */
				
						.mainNavContent 
						{			
						    position: relative;
						    z-index: 2;
							display: none;				
							padding-left: 0px;
							
						
						}
						
								.mainNavContent h1
								{
									margin: 0px 10px 10px 10px;
									padding-bottom: 5px;
									font-family: "Trebuchet MS", Verdana, Arial;
									font-size: 1.0em;
									color: #000;
									border-bottom: solid 1px #939393;		
								
								
								}
														
								.mainNavContent img
								{
									display: block;
									clear:both;
								}
								
								
								
										/* Main Nav Content Sub */
									
									
										#mainNav p
										{
											font: normal 0.7em verdana, arial;
											color: #666666;
											padding: 0px 0px 0px 12px;
										}
												
										#mainNav .mainNavContentSub
										{
											clear:both;
											display: block;
											background-color: #EDEDED;
											width: 350px;		
											padding: 0px 0px 0px 0px;
											
										}		
										
												#mainNav .mainNavContentSub ul
												{
													clear: both;
													display: block;
													list-style-type: square;
													margin: 0px 0px 0px 0px;
													padding: 0px 0px 10px 30px;
													color: #999;
													
												}
												
												
														#mainNav .mainNavContentSub ul li
														{	
															float: none; /* Fixes Firefox - removes float from inheriting from previous menu */
															clear:both;	
															margin: 0px 0px 0px 0px;
															padding: 0px 0px 10px 0px;
															
														}
														
														
														#mainNav .mainNavContentSub ul li a
														{
															display: block;
															font: bold 0.7em verdana, arial;
															color: #4481cd;
															text-decoration: none;
															padding: 0px 0px 0px 0px;
														}
														
														
														#mainNav .mainNavContentSub ul li a:hover
														{
															text-decoration: underline;
															background: none; /* Overwrite previous bg color */
														}
														
				
/* BREADCRUMB */										
#breadcrumb p
{
	font-size: 0.6em;
	font-weight: normal;
	color: #666;
}	

#breadcrumb a
{
	font-weight: normal;
	color: #666;
}			


/* INTRO */
.intro
{
	width: 600px;
}

	

/* CONTENT OFFERS */
#contentOffers ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}


		#contentOffers ul li
		{
			clear: both;
			display: block;
			padding: 10px 0px 10px 0px;			
		}


				#contentOffers li.contentOfferItem
				{
					min-height: 70px;
					height: 70px auto;
				}


				#contentOffers li.contentOfferItemAlternate
				{
					background-color: #dadada;
					min-height: 70px;
					height: 70px auto;
				}
				
				
						
						#contentOffers ul li img
						{
							display: block;
							width: 120px;
							float: right;					
						}
								

						#contentOffers ul li a {
						display: block;									
						background: url(../../images/grey_square.gif) no-repeat 0px 4px;
						color:#222;
						padding-left: 15px;
						margin-left: 10px;
						width: 450px;
						text-decoration: none;
						font: bold Verdana, Arial, Helvetica, sans-serif;
						font-size: 0.8em;
						text-decoration: underline;
						}
						

						#contentOffers ul li a:hover, #contentOffers ul li a:active {	
						text-decoration: none;
						color:#002860;					
						}	
						
						#contentOffers .contentOfferIntro p, #contentOffers .contentOfferIntro h5
						{
							margin: 4px 0px 0px 24px;
							width: 450px;						
						}
						
											
						#contentOffers .contentOfferIntro h5
						{
							font-size: 0.7em;
							font-weight: normal;
						}


						
/* CONTENT MAIN */
#contentMain .contentMainImageHolder
{
	float: right;
	display: block;
	margin-left: 15px;
	width: 305px;
}
		
#contentMain .contentMainImageHolder img
{
	width: 300px;
}
		
		#contentMain .contentMainImageHolder .contactGroup
		{
			display: block;
			margin-top: 5px;
		}
		
		#contentMain ul, #contentMain ol
		{
			font-size: 0.7em;
		}
		
		
		#contentMain ul ul, #contentMain ol ol
		{
			font-size: 11px;
		}


#contentMain .contentMainExpanded
{
	clear:both;
	display:block;
	margin: 0px 0px 40px 0px;	
}


	/* .contentOfferTable --------------------- */
	.contentOfferTable
	{
		border-top: solid 1px #ccc;
		border-right: solid 1px #ccc;
		border-left: solid 1px #ccc;
		margin: 0px 0px 0px 10px;				
		font-size: 0.8em;		
		padding: 0px;			
	}
	
		.contentOfferTable td
		{
			padding: 5px;
			border-bottom: solid 1px #ccc;
		}
			
		.contentOfferTable td.title
		{
			font-weight: bold;
			background-color: #e6e6e6;
			color: #000;
		}
		
		.contentOfferTable td.highlighted
		{
			font-weight: bold;									
			color: #002877;
			font-size: 1.3em;
		}


														
/* SECONDARY CONTENT */
#secondaryContent .secondaryItem
{
	clear: both;
	display: block;
	background-image: url(../../images/right_side_bg.jpg);
    background-repeat:no-repeat;
    height: 97px;
    width: 250px;    
    margin: 15px 0px 20px 5px;
    padding:0px 4px 0px 0px;
}

		#secondaryContent .secondaryItem p
		{
			padding-top: 10px;
			text-align:left;
		}
		
		
				#secondaryContent .secondaryItem img
				{
					padding: 0px 10px 10px 10px;
				}
				
	

/* FOOTER */
#footer p
{
	font-size: 0.6em;
	text-align: center;
}

#footer .linkFooter
{
	font-size:12px;
	}