/*
	--------------------------------------------------
	STRUCTURE STYLES
	--------------------------------------------------
	Client:	
	Author:	
	Date:	Month, Year
		
*/

/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */



/* ===================================================================================== STYLES FOR ALL PAGES */


/* ===== Main Wrapper For Site ===== */

#uber 
{
	position: relative;
	margin: auto auto;
	width: 980px;
	background: #FFF;
}


/* ===== Header ===== */

#header 
{
	float: left;
	padding: 20px 23px;
	width: 934px;
	background: url(/en/images/structure/banner_bottom.jpg) no-repeat bottom;
}

#navSearchContainer
{
	float: right; 
	width: 400px;
	margin: 0px 0px 10px 0px;
	padding: 5px 0 0 0;
	text-align: right;
	background: url(/en/images/structure/topNav.gif) no-repeat top right;
}



/* ===== Search ===== */

#search 
{
	float: right;
	height: 30px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}
	
	#search .searchText 
	{
		float: left;
		bottom: 5px;
		margin: 0;
		padding: 3px 0 0 10px;
		width: 141px;
		overflow: hidden;
		height: 20px;
		border: none;
		color: #696969;
		background: url(/en/images/structure/searchBox.gif) no-repeat;
		font-size: 11px;
		font-weight: bold;
	}
	
	#search a.searchLink, 
	#search a.searchLink:active, 
	#search a.searchLink:visited 
	{	
		position: relative;
		right: 25px;
		padding: 0;
		margin: 0;
		border: none;
	}
	
	#search form { display: inline; }
	

/* ===== Top Navigation ===== */

#topNav 
{
	float: right; 
	margin: 2px 22px 0px 0px;
	padding: 0px;
	text-align: right;
}


/* ===== Logo ===== */

#logo 
{
	float: left;
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 258px;
	height: 72px;
	overflow: hidden;
}


/* ===== Main Navigation ===== */

#mainNav 
{
	position: relative;
	float: right;
	padding: 0px 0px 0px 0px;
	width: 669px;
	z-index: 1000;
}


/* ===== Main Content Container ===== */

#main 
{
	position: relative;
	float: left;
	width: 980px;
}


/* ===== Footer ===== */

#footer 
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 980px;
	font-size: 11px;
	background: #11457f;
	color: #fff;
}
	#footerSignOff
	{
		padding: 0 15px;
		width: 950px;
		background: #093362;
	}
	
		#footerText 
		{
			padding: 10px 0;
			float: left;
			width: 500px;
			line-height: 1;
			text-transform: uppercase;
			overflow: hidden;
		}
	
	#footerNav 
	{
		margin: 0;
		padding: 5px 15px 5px 15px;
		width: 950px;
		text-align: left;
		overflow: hidden;
	}
	
	#esol 
	{
		float: right;
		margin: 0px 0px 0px 0px;
		padding: 3px 0;
		text-transform: none;
	}
			#esol img
		{
			position: relative;
			top: 5px;
			
		}
	
	


/* ===================================================================================== STYLES HOME PAGE */


/* ===== Banner ===== */

#homepageBannerContainer 
{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 784px;
	height: 352px;
	overflow: hidden;
}
	
	#homepageBanner 
	{
		/*display: none;*/ /* Display none if using rotating banners */
	}


#countdown
{
	position: relative;
	float: left;
	color: #fff;
	background: url(/en/images/structure/willie.jpg) no-repeat;
	height: 352px;
	width: 196px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;	
}
	
	#countdown #heading
	{
		position: absolute;
		left: 0px; top: 20px;
		width: 196px;
		text-align: center;
		font-size: 12px;	
	}
	
	#countdown #heading #days, #countdown #heading #dayssmall
	{
		position: absolute;
		left: 0px;
		top: 35px;
		width: 196px;
		text-align: center;
		font-size: 70px;
	}
	
	#countdown #heading #dayssmall
	{
		top: 60px;
		font-size: 40px;
	}
	
	#countdown #heading #daysword
	{
		position: absolute;
		width: 196px;
		text-align: center;
		left: 0px; top: 115px;
	}
	
	#countdown #learnMore
	{
		position: absolute;
		left: 17px; top: 295px;
		width: 162px;
		font-size:1%;
		text-indent:-9999px;
		text-align:left;
	}
		#countdown #learnMore a
		{
		    float:left;
			color: #bdb3b6;
			width:162px;
			height:43px;
			overflow:hidden;
			background: url(/en/images/structure/willie-button.jpg);
		}
		#countdown #learnMore a:hover
		{
		    background-position: 0px -43px;
		}

/* ===== Left Content ===== */

#contentLeft 
{
	float: left;
	padding: 20px;
	width: 940px;
	height: 160px;
	overflow: hidden;
	background: transparent url(/images/structure/homepage_bottom_content_bg.jpg) no-repeat 0px 0px;
}

.infoBox,
.infoBoxCalendar,
.infoBoxWeather
{
	float: left;
	width: 245px;
	margin: 0 20px 0 0;
	padding: 0 10px 0 0;
	/*background: url(/en/images/structure/infoBoxSeparator.jpg) right no-repeat;*/
	display: inline;
	background-color: Transparent;
}

	.infoBox p
	{
		font-weight: bold;		
		font-size: 12px;
		color: #3d3d3d;
	}
	
	.infoBox a
	{
		color: #325d90;
	}

.infoBoxCalendar
{
	width: 190px;

}

.infoBoxWeather
{
	margin: 0;
	padding: 0;
	width: 170px;
	background: none;

}


/* ===================================================================================== STYLES FOR CONTENT PAGES */

#headingContainer
{
	/*background: url(/en/images/structure/heading_background.jpg) repeat-x bottom;*/
	margin: 0 0 20px 0;
	height: 40px;
}

/* ===== Actions and Breadcrumbs ===== */
#breadcrumbs 
{
	float: left;
	padding: 10px 25px;
	width: 930px;
	color: #696969;
	overflow: hidden;
	height: 17px;
	background: #ebebeb;
	font-size: 12px;
}

	#actions 
	{
		width: 100%;
		float: right;
		text-align: right;
		display: inline;
		font-size: 13px;
		background: url(/en/images/structure/heading_background.jpg) repeat-x bottom;
		height: 30px;
	}	

		#actions form 
		{
			display: inline;
		}


/* ===== Interior Layout ===== */

.mainInterior 
{
	background: #FFF url(/images/structure/template_content_background.jpg) repeat-y 0 0;
	z-index: 1;
}

#contentInt 
{
	float: left;
	padding: 20px;
	width: 750px;
	overflow: hidden;		
}

#innerContent
{
	clear: both;
}

/* -- This is a full width interior - used when there is no sub navigation on the page -- */

#contentInt_wide 
{
	float: left;
	padding: 20px;
	width: 940px;
	overflow: hidden;
	background-color: #fff; /* This hides mainInterior's bg image */
}


/*

	Sitemap
	
*/

.siteMapSection
{
	float: left;
	width: 300px;
	margin-right: 20px;
}

	.siteMapSectionHeading
	{
		display: block;
		padding: 3px 3px 3px 5px;
		background-color: #527aa7;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
	}
	
		.siteMapSectionHeading a, .siteMapSectionHeading a:active, .siteMapSectionHeading a:visited
		{
			color: #fff;
			text-decoration: none;
			padding: 0px;
		}
		
	.siteMapSection ul
	{
		margin: 0px 0px 0px 5px !important;
		padding: 0px 0px 0px 0px !important;
		list-style-type: none;
		list-style-image: none;
	}
			
	.siteMapSection li a, .siteMapSection li a:active, .siteMapSection li a:visited
	{
		display: block;
		padding: 5px 0px 5px 0px !important;
		text-decoration: none;
	}
	
		.siteMapSection li a:hover
		{
			text-decoration: underline;
		}
		
	/* Second level */
	.siteMapSection ul li ul
	{
		margin: 0px 0px 0px 15px !important;
	}	
	
	/* news added to hide photo gallery thumnail on homepage */
	.Gallery_635018799033935803 .ad-nav
	{
	    display: none;   
	}