/*
	--------------------------------------------------
	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 */


#top_banners
{
	margin: 69px auto 17px;
	padding: 0;
}

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

#uber 
{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 889px;
	background: #0078ae;
}


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

#header 
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 889px;
	height: 164px;
	background: #FFFFFF url(../en/images/structure/header_bg.jpg) top no-repeat;
	border: none;
}


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

#search 
{
	float: right;
	padding: 0;
	margin: 12px 18px 0 0;
	text-align: right;
	
}
	
	#search .searchText 
	{
		float: left;
		padding: 5px 0 0 8px;
		margin: 0;
		color: #0078ad;
		border: none;
		height: 25px;
		background: url(../en/images/structure/searchbar.jpg) top left no-repeat;
	}
	
	#search a.searchLink, 
	#search a.searchLink:active, 
	#search a.searchLink:visited 
	{
		float: left;	
		padding: 0;
		margin: 0;
		border: none;
	}
	
	#search form { display: inline; }
	

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

#topNav 
{
	float: right; 
	margin: 0px 0px 0px 0px;
	padding: 18px 20px 5px 20px;
	text-align: right;
    font-size:10px;
}


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

#logo 
{
	float: left;
	margin: 15px 0px 15px 15px;
	padding: 0px 0px 0px 0px;
	width: 200px;
	height: 150px;
	overflow: hidden;
}


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

#mainNav 
{
	position: relative;
	float: left;
	clear: both;
	margin: 0;
	padding-left: 0;
	padding-bottom: 29px;
	width: 611px;
	height: 31px;
	z-index: 1000;
}


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

#mainWrapper
{
	position: relative;
	padding: 0;
	margin: 0;
	float: left;
	/*width: 889px;*/
	width: 100%;
	background:url(../images/structure/contentleft_bg.gif) bottom left no-repeat #FFFFFF;
}

#main 
{
	position: relative;
	padding: 0;
	margin: 0;
	float: left;
	/*width: 889px;*/
	width: 100%;
	background: url(../images/structure/sidebar_bg.gif) repeat-y right;
}


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

#footer 
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 889px;
	height: 70px;
	background: url(../en/images/structure/footer_bg.jpg) bottom left no-repeat;
}

#footer_links
{
	margin-top: 5px;
	width: 889px;
	margin: auto auto;
	background: #0078ae;
}

#footer_links p{
	margin-top: 5px;
	float: right;
	color: #FFF;
	font-size: 13px;
}

#footer_links a
{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#footer_links a:hover, #footer_links a.on
{
	text-decoration: underline;
}

#sponsors{
	padding-top: 33px;
	float: left;
	width: 680px;
}

#sponsors img
{
	padding: 0px 0px 0px 0px;
}

#share{
	float: left;
	padding: 8px 0 0 0;
	margin: 0 0 0 0;
	width: 195px;
}

#share img{
	float: right;
	padding: 3px 0 0 7px;
	margin: 0 0 0 0;
}


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


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

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


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

#contentLeft 
{
	float: left;
	padding: 0 0 0 44px;
	margin: 0;
	width: 629px;
	background: url(../images/structure/mainnav_bg.jpg) top no-repeat;
}


/* ===== Right Content ===== */
		
#contentRight 
{
	border-top: 2px solid #0078ae;
	float: right;
	width: 198px;
	padding: 22px 0px 55px 0px;
	margin: 0;
	background: url(../images/structure/sidebar_bg.gif) repeat-y;
	
}

#bluepanel {
	margin-left: 36px;
	padding: 0;
	position: relative;
	float: right;
	width: 201px;
	height: 303px;
	background:url(../images/structure/homepage_bluepanel.jpg) top no-repeat;
}



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

#logoPrint 
{
	display: none;
}

.mainInterior #mainNav 
{
	padding-bottom: 5px;
}

/* ===== Actions and Breadcrumbs ===== */

#actionsContainer 
{
	position: relative;
	float: left;
	width: 611px;
	background-color: #fff;
	padding-bottom: 20px;
    font-size:10px;
}
	
	#breadcrumbs 
	{
		float: left;
		padding: 5px 5px 5px 0;
		width: 350px;
		color: Silver;
		overflow: hidden;
	}
	
	#actions 
	{
		float: right;
		padding: 3px 5px 3px 5px;
		text-align: right;
	}	

		#actions form 
		{
			display: inline;
		}


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

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



#contentInt 
{
	float: left;
	padding: 10px 0 20px 10px;
	width: 601px;
	overflow: hidden;		
}

#contentRightInt 
{
	border-top: 2px solid #0078ae;
	float: right;
	width: 198px;
	padding: 0px 0px 55px 0px;
	margin: 0;
	background: url(../images/structure/sidebar_bg.gif) repeat-y;
	
}

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


#contentLeft_wide
{
	float: left;
	padding:0 44px;
	margin: 0;
	width: 801px;
	background: url(../images/structure/mainnav_bg.jpg) top no-repeat;
	background-color: #fff; /* This hides mainInterior's bg image */
}


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

/* ===== Actions and Breadcrumbs ===== */

#actionsContainer_wide 
{
	position: relative;
	float: left;
	width: 801px;
	background-color: #fff;
	padding:  0 0 20px 0;
	font-size:10px;
}



/* ----- END OF TEMPLATE ----- */

/*

	Sitemap
	
*/

.siteMapSection
{
	float: left;
	width: 385px;
	margin-right: 30px;
}

	.siteMapSectionHeading
	{
		display: block;
		padding: 5px 5px 5px 5px;
		background-color: #EAEAEA;
		color: #004785;
		font-size: 14px;
		font-weight: bold;
	}
	
		.siteMapSectionHeading a, .siteMapSectionHeading a:active, .siteMapSectionHeading a:visited
		{
			color: #004785;
			text-decoration: none;
			padding: 5px 0px 5px 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;
		color: #666;
		padding: 3px 0px 3px 0px !important;
		text-decoration: none;
	}
	
		.siteMapSection li a:hover
		{
			color: #FC191F;
		}
		
	/* Second level */
	.siteMapSection ul li ul
	{
		margin: 0px 0px 0px 15px !important;
		font-size:10px;
	}