/*
	--------------------------------------------------
	STRUCTURE STYLES
	--------------------------------------------------
	Client:	CUTA
	Author:	Darren Gould
	Date:	December, 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 */


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

#uber {
	position: relative;
	margin: auto auto;
	z-index: 100;
	width: 990px;
	background: #FFF url(/images/structure/bg_shadowMain.jpg) repeat-y 0 0;
}

#uberInner {
	position: relative;
	margin: auto auto;
	width: 960px;
	padding: 0 15px;
	background: transparent url(/images/structure/bg_shadowGradient.jpg) no-repeat 0 0;
}


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

#header {
	float: left;
	margin: 0;
	padding: 0;
	width: 960px;
	height: 121px;
	background: #FFF url(/en/images/structure/bg_header.jpg) no-repeat 0 0;
}


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

#logo {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	left: 25px;
	top: 7px;
	overflow: hidden;
}


/* ===== Language Buttons ===== */

#languageSelect {
	float: right;
	padding: 0 20px 0 0;
}


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

#topNav {
	float: right;
	margin: 0;
	padding: 4px 10px 0 10px;
	text-align: right;
	color: #0A6295;
	font-size: 11px;
}


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

#search {
	position: relative;
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
	top: 22px;
	right: 20px;
	width: 210px;
	height: 25px;
	/*text-align: right;*/
}

#search form { display: inline; }

#search .searchText {
	float: left;
	margin: 0;
	padding: 4px 5px 0 10px;
	width: 159px;
	height: 21px;
	border: none;
	background: transparent;
	color: #666;
}

#search .gobutton {
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 25px;
}


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

#mainNav {
	position: absolute;
	float: left;
	clear: both;
	margin: 0;
	left: 15px;
	top: 90px;
	width: 960px;
	background-image: url(/en/images/structure/mainNav.jpg);
	z-index: 1000;
}

#rssLink {
	position: absolute;
	right: 20px;
	top: 5px;
	width: 21px;
	height: 21px;
}

#rssLink a, #rssLink a:active, #rssLink a:visited {
	display: block;
	width: 21px;
	height: 21px;
	background-image: url(/images/structure/mainNav_rss_up.png);
	overflow: hidden;
	cursor: pointer;
}

#rssLink a:hover {
	display: block;
	width: 21px;
	height: 21px;
	background-image: url(/images/structure/mainNav_rss_over.png);
	overflow: hidden;
}


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

#actionsContainer {
	float: right;
	width: 695px;
}

#actionsContainer.wide {
	float: right;
	margin: 0 20px 0 0;
	width: 920px;
}

#actions {
	position: relative;
	float: right;
	padding: 6px 20px 6px 0;
	width: 500px;
	text-align: right;
}

#actionsContainer #actions {
	padding: 6px 20px 3px 0;
}

#actions form { display: inline; }

#breadcrumbs {
	float: left;
	clear: both !important;
	padding: 0 0 5px 0;
	width: 675px;
	border-bottom: 1px solid #4085AD;
	font-size: 10px;
	overflow: hidden;
}

#breadcrumbs.wide {
    width:920px;
}

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

#main {
	position: relative;
	float: left;
	width: 960px;
}
/*
div#main {
	padding-bottom: 20px;
}
*/
/* ===== Footer ===== */

#uberFooter {
	float: left;
	clear: both;
	position: relative;
	margin: auto auto;
	width: 100%;
	background: #ECEAEA url(/images/structure/bg_footerGradient.jpg) repeat-x;
	overflow: hidden;
}

#footer {
	position: relative;
	margin: auto auto;
	padding: 0 15px;
	width: 960px;
	height: 155px;
	background: transparent url(/images/structure/bg_footer.jpg) no-repeat 0 0;
}

#footerLogo {
	float: left;
	padding: 14px 20px 0 23px;
}

#footerText {
	float: left;
	margin: 45px 0 0 0;
	padding: 2px 0 0 0;
	color: #FFF;
	line-height: 1;
	overflow: hidden;
}

#footerNav {
	float: left;
	margin: 45px 0 0 0;
	padding: 0;
	width: 670px;
	text-align: left;
	color: #FFF;
	overflow: hidden;
}

#esol {
	float: right;
	position: absolute;
	right: 36px;
	top: 64px;
}





/* ===================================================================================== STYLES SPLASH PAGE */

/* ===== Body ===== */

#splashPage {
	background: #FFF;
	text-align: center;
}

/* ===== Wrapper ===== */

#uber_splash {
	position: relative;
	margin: auto auto;
	width: 960px;
	height: 600px;
	background: transparent url(/images/structure/bg_splashInner.jpg) no-repeat;
}

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

#splash_logo {
	position: relative;
	padding: 14px 0 0 0;
}

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

#splash_bannerContainer {
	position: absolute;
	float: left;
	padding: 0;
	top: 153px;
	left: 0;
	width: 960px;
	height: 222px;
	border: 1px solid #999;
}

#splash_banner {
	position: relative;
	float: left;
	padding: 5px 0 0 5px;
	width: 950px;
	height: 212px;
	overflow: hidden;
}

/* ===== Tagline ===== */

#splash_tagline {
	position: absolute;
	left: 213px;
	top: 394px;
	width: 536px;
	height: 48px;
	background: transparent url(/images/structure/splash_tagline.jpg);
	font-size: 1%;
	text-indent: -9999px;
	overflow: hidden;
}

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

#splashPage #footerNav {
	position: absolute;
	top: 500px;
	left: 0;
	width: 960px;
	text-align: center;
	color: #333;
}





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

/* ===== Home Area 1 ===== */

#homeArea1 {
	width: 960px;
	height: 226px;
}

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

#homepageBannerContainer {
	position: relative;
	float: left;
	margin: 0;
	width: 715px;
	height: 226px;
	overflow: hidden;
}

#homepageBanner {
	/*display: none;*/ /* Display none if using rotating banners */
}

#homepageBannerInfo {
	position: absolute;
	width: 675px;
	height: 45px;
	left: 20px;
	top: 178px;
	display: block;
	overflow: hidden;
	z-index: 20;
}

#homepageBannerInfoContainer {
	position: absolute;
	width: 715px;
	height: 60px;
	left: 0;
	top: 166px;
	display: block;
	background: transparent url(/images/structure/bg_homepageBannerInfo.png);
	overflow: hidden;
}


/* ===== Quick Links ===== */

#quickLinksContainer {
	float: left;
	width: 245px;
	height: 226px;
	background: #4085AD url(/images/structure/quickLinks_divideLeft.gif) repeat-y 0 0;
	overflow: hidden;
}


/* ===== Home Area 2 ===== */

#uberHomeArea2 {
	float: left;
	clear: both;
	position: relative;
	margin: auto auto;
	padding: 10px 0 0 0;
	width: 100%;
	background: #FFF;
}


/* ===== Home Area 2 Content Area ===== */

#homeArea2 {
	position: relative;
	clear: both;
	margin: auto auto;
	width: 960px;
	background: #FFF url(/images/structure/bg_homeHeaders_area2.jpg) no-repeat 0 0;
}


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

#contentLeft {
	float: left;
	padding: 0 10px 10px 0;
	width: 472px;
}


/* ===== Right Content ===== */
		
#contentRight {
	position: relative;
	float: left;
	width: 478px;
	padding: 0 0 10px 0;
}

#contentRight .column1 {
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	width: 228px;
}

#contentRight .column2 {
	float: left;
	margin: 0;
	padding: 0;
	width: 240px;
}





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


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

.mainInterior {
	padding: 0 0 20px;
	background: #FFF;
}

#subNavContainer {
	position: relative;
	float: left;
	margin: 0 20px 0 0;
	padding: 0 0 10px 0;
	left: 20px;
	top: 10px;
	width: 225px;
	background: #5C5C5A url(/images/structure/subNavContainer_bottom.gif) no-repeat left bottom;
}

#contentInt {
	float: left;
	padding: 4px 0 20px 20px;
	width: 675px;
	overflow: hidden;		
}

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

#contentInt.wide {
	width: 920px;
	background-color: #fff; /* This hides mainInterior's bg image */		
}







/* bug fixes */

form#aspnetForm div fieldset
{
    padding: 10px, 0px !important;
}