/*
	--------------------------------------------------
	STRUCTURE STYLES
	--------------------------------------------------
	Client:	CAMA
	Author:	Darren Gould
	Date:	July, 2009
		
*/

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

/* ===== Full Width Background Image ===== */

/*
#backgroundFullWidth {
	height: 400px;
	background: #E3E8EC url(/images/_template/background_home.jpg) 0 0 repeat-x;
}
*/

/*
#backgroundHalfWidth {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 400px;
	background: transparent url(/images/_template/background_main_right.jpg) 0 0 repeat-x;
}
*/


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

#uber {
	position: relative;
	margin: auto auto;
	width: 761px;
	min-height: 300px;
	/*background: url(/images/_template/header_background.jpg) 0 0 no-repeat;*/
}


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

#header {
	float: left;
	margin: 0px 0px 0px 0px;
	padding-right: 8px;
	width: 753px;
	height: 211px;
	background: #FFF url(/images/_template/header_topcurve.jpg) 0 0 no-repeat;
}


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

#logo {
	float: left;
	padding: 64px 0 0 35px;
	width: 267px;
	height: 74px;
	overflow: hidden;
}


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

#topNav {
	float: right; 
	margin: 3px 0px 0px 0px;
	padding: 113px 0px 0px 0px;
	width: 290px;
	background-color: none;
	color: #089341;
	text-align: right;
	overflow: hidden;
}


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

#search {
	float: right;
	margin: 113px 0 0 0;
	height: 16px;
	background: url(/images/_template/search.gif) right 3px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing: 0em;
	color: #089341;
	text-align: right;
	overflow: hidden;
}

#search .searchText {
	margin: 0 0 0 5px;
	padding: 0px 0px 1px 0px;
	width: 82px;
	border: 0;
	background: transparent;
	font-size: 11px;
	color: #333;
}

#search a.searchLink, #search a.searchLink:active, #search a.searchLink:visited {
}

#search a.searchLink:hover {
}

#search form { display: inline; }


/* ===== Strapline ===== */

#strapline {
	position: absolute;
	right: 8px;
	top: 138px;
	margin: 0;
	width: 600px;
	height: 1em;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: -0.025em;
	line-height: 1em;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #B06513;
	overflow: hidden;
	z-index: 10;
}


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

#mainNav {
    position: absolute;
    top: 160px;
    left: 0;
	margin: 0px 0px 0px 0px;
	/*width: 761px;*/
	width: 100%;
	z-index: 1000;		
}

/*
* html #mainNav
{
	position: relative;
	top: 0px;
}
*/

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

#main {
	position: relative;
	float: left;
	padding: 0;
	width: 761px;
	background: #FFF;
}


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

#contentLeft {
	float: left;
	padding: 0;
	width: 506px;
	overflow: hidden;
}


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

#contentInt {
	float: left;
	padding: 7px 0 7px 33px;
	width: 452px;
	overflow: hidden;		
}

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

#contentInt_wide {
	float: left;
	padding: 7px 0 7px 33px;
	width: 695px;
	background-color: #FFF; /* This hides mainInterior's bg image */
	overflow: hidden;
}


/* ===== Actions ===== */

#actions {
	float: right;
	padding: 3px 0 0 0;
	text-align: right;
}	

#actions form {
	display: inline;
}


/* ===== Right Content ===== */
		
#contentRight {
	float: right;
	padding: 7px 0 0 0;
	width: 248px;
}

#quickLinks {
	padding: 3px 3px 3px 3px;
	border: solid 1px silver;
}


/* ===== Right Side Buttons ===== */

#contentButtonsContainer {
}

#sideActions {
	float: left;
	margin: 0;
	padding: 0 0 7px 0;
	width: 241px;
	list-style-type: none;
}

#sideListInformation {
	float: left;
	margin: 0;
	padding: 0 0 7px 0;
	width: 241px;
	list-style-type: none;
}

#sideListInformation #btn_jobScene {
	height: 58px;
	background: url(/en/images/_template/sideBtns_jobScene.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
}


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

#footer {
	float: left;
	margin: 0;
	padding: 7px 0 27px 18px;
	width: 743px;
	background: #FFF url(/images/_template/footer_base.jpg) 0 bottom no-repeat;
	border-top: 1px solid #D1D1D1;
	font-size: 10px;
	color: #636463;
}

#footerEditableContent {
	float: left;
	padding-top: 10px;
	width: 560px;
}

#footerText {
	float: left;
	letter-spacing: -0.025em;
	overflow: hidden;
}

#footerNav {
	float: left;
	letter-spacing: -0.025em;
	overflow: hidden;
	clear: both;
	width: 600px;
	padding-top: 5px;
}

#esol {
	float: right;
	margin: 0;
	padding: 0 18px 0 0;
	width: 157px;
	height: 29px;
}




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

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

#homepageBannerContainer {
	float: left;
	margin: 0;
	/*padding: 0 0 0 18px;*/ padding: 0px 0px 0px 0px; /* adjusted for hidden calendar */
	width: 761px;
	height: 166px;
	background: #383737 url(/images/_template/background_homeBanner.jpg);
	overflow: hidden;
}

#HomepageBanner {
	/*display: none;*/ /* Display none if using rotating banners */
	float: left;
	/*margin: 9px 0 0 12px;*/
	margin: 9px 0px 0px 11px; /* Temporary until calendar is added back in */
}

#homepageBannerButtons {
	float: right;
	margin: 9px 0 0 0;
	width: 248px;
}


/* ===== Actions ===== */

#actionsContainerHome {
	float: left;
	padding: 10px 0 10px 0;
	width: 485px;
	background-color: #FFF;
}




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

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

.mainInterior {
	background: #FFF;
}


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

#actionsContainer {
	float: left;
	margin: 7px 0 18px 0;
	padding: 7px 21px 0 0;
	width: 740px;
	height: 28px;
	background: #E7E7E7 url(/images/actions/actions_bg.gif) right top no-repeat;
}

#contentLeft #actionsContainer {
	width: 485px;
	/*overflow: hidden;*/
}

#breadcrumbs {
	float: left;
	clear: both;
	padding: 0 0 13px 33px;
	width: 452px;
	width: 100%;
	color: #6A8095;
	overflow: hidden;
}


/* ===== Right Side Buttons ===== */

#contentButtonsContainer #sideListActions {
	float: left;
	margin: 0;
	padding: 0 0 7px 0;
	width: 241px;
	list-style-type: none;
}


/* ===== Site Map ===== */

.siteMapSection, .siteMapSection li
{
    font-size: 12px;
}

.siteMapSection li 
{
    margin: 0;
    padding: 0;
}

.siteMapSection
{
	float: left;
	margin-right: 35px;
	width: 330px;
}

	.siteMapSectionHeading
	{
		display: block;
		margin-bottom: 5px;
		padding: 3px 5px;
		background-color: #E7E7E7;
		color: #294762;
		font-size: 14px;
		font-weight: bold;
	}
	
		.siteMapSectionHeading a, .siteMapSectionHeading a:active, .siteMapSectionHeading a:visited
		{
			color: #294762;
			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: Orange;
		}
		
	/* Second level */
	.siteMapSection ul li ul
	{
		margin: 0px 0px 0px 15px !important;
	}





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