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

/* ----- COMMON STYLES ON ALL PAGES HERE ----- */
#uber {
	margin: auto auto; width: 749px; position: relative;
}

#header {
	height: 71px; background: url(/en/images/bkgnd_header.jpg) bottom left no-repeat;
	position: relative;
}
#logo {
	height: 71px;
	width: 213px; 
	position: absolute; 
	top: 0; 
	left: 0;
	margin-top: 15px;
}
#toplinks {
	position: absolute; top: 28px; right: 187px; text-align: right; color: #FFF;
	font:12px/15px Arial,Helvetica,Verdana,sans-serif;
}
#topsearch {
	position: absolute; top: 24px; right: 0px; text-align: right; width: 183px; overflow: hidden;
}

#nav {
	height: 26px; background-color: #333301; color: #C8C896; text-align: center;
	font:12px/15px Arial,Helvetica,Verdana,sans-serif;
}
#navspace {
	height: 10px; margin: 0; padding: 0; overflow: hidden;
	background: url(/en/images/bkgnd_navspace.jpg) top left no-repeat;
}

#footer {
	margin-top: 10px; height: 32px; position: relative; padding-top: 16px; padding-left: 30px;
	font:11px Arial,Helvetica,Verdana,sans-serif; color: #CACAA6; clear: left;
}
#logofooter {
	position: absolute; top: 0; right: 0; height: 48px; width: 306px;
}


/* ----- STYLES ONLY ON HOME PAGE ARE NEXT ----- */
#banner {
	height: 271px; overflow: hidden; margin-bottom: 10px;
}
#homecontenttop {
	height: 17px; overflow: hidden; background: url(/en/images/home_content_top.jpg) top left no-repeat;
}
#homecontent {
	background-color: #ffffff;
	float: left;
}
#homewrap {
	float: left;
	background-color: #ffffff;
}
#homeleft {
	float: left; 
	width: 489px; 
	background-color: #FFF; 
	padding-left: 35px;
	font:12px/16px Verdana,Arial,Helvetica,sans-serif;
	color: #5B5B5B;
}
#hometable {	
	border-top: 1px solid #CCC; 
	border-bottom: 1px solid #CCC;
	width: 679px;
	height: auto;
	font:10px/13px Verdana,sans-serif; 
	color: #5B5B5B;	
	margin: 18px 35px 18px 35px;
	padding: 10px 0px 10px 0px;
	clear: both;
	float: left;
	display: inline;
}

	#hometable a {
		text-decoration: none;
		float: left;
	}
	
	#hometable a img{
		border: 0px;
	}
	
#homeright {
	float: left; width: 188px; margin-left: 37px;
	font:10px/13px Verdana,sans-serif; 
	color: #5B5B5B;
	background-color: #eeeeee;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#homeRightBottom
{
	width: 188px;
	height: 15px;
	background: #ffffff url(/en/images/home_rightcolumn_bottom.jpg) no-repeat;
}

#homeRightContent {
	float: left;
	display: inline;
	width: 144px; 
	margin: 0px 0px 0px 22px;
	padding: 0px;	
}

	#homeRightContent, #homeRightContent p, #homeRightContent a, #homeRightContent span {
		font:10px/13px Verdana,sans-serif; 
	}

#homeLinks {
	margin: 0px 35px 18px 35px;
}

	#homeLinks, #homeLinks p, #homeLinks a, #homeLinks span {
		font:10px/13px Verdana,sans-serif; 
	}

	#homeLanguage {
		float: left;	
		width: 260px;
	}

	#homePortal {
		float: right;
		width: 410px;
	}

/* the following style defines the right column news items -- EACH NEWS ITEM GETS WRAPED IN IT'S OWN */
#rightnews {
	width: 146px; margin: auto auto; margin-bottom: 11px; padding-bottom: 11px;
	border-bottom: 1px dotted #636363;
}
/* the bottom employee access item in the right column */
#rightaccess {
	background-color: #D2D2D2; padding: 11px 10px 10px 19px;
}
#homeclear {
	clear: left; height: 0; margin: 0; padding: 0; overflow: hidden; float: left;
}
#homecontentbottom {
	height: 15px; overflow: hidden;clear: left; /* to wrap around two columns above */
	}


/* ----- STYLES FOR INSIDE CONTENT PAGES ARE NEXT ----- */
#floatpic {
	position: absolute; top: 167px; left: 230px; width: 108px; overflow: hidden; z-index: 1000;
}
#breadcrumb {
 position: absolute; top: 130px; left: 231px; width: 480px; z-index: 1000;
 font:11px Arial,Helvetica,Verdana,sans-serif; color: #5B5B5B;
}
#contenttop {
	height: 25px; margin: 0; padding: 0;
	background: url(/en/images/bkgnd_contenttop.jpg) top left no-repeat;
}
#content {
	position: relative;
}
#contentwrap {
	float: left; background: url(/en/images/bkgnd_content.jpg) top left repeat-y #FFF;
	padding-top: 30px;
}
#contentleft {
	float: left; width: 163px; margin-left: 20px !important; margin-left: 10px; padding: 0;
}
/*#contentleft ul, #galleryleft ul {
	list-style-type:none; list-style-position:outside; padding-bottom: 16px; padding-top: 16px;
	margin-left: 0px !important; margin-left: -13px;
}
#contentleft li, #galleryleft li {
	font:12px/16px Verdana,Arial,Helvetica,sans-serif; color: #5B5B5B; padding-bottom: 3px;
	margin: 0;
}*/
#contentleft ul, #galleryleft ul {
 list-style-type:none; list-style-position:outside; width: 163px;
 margin-left: 0px;
 margin: 0; padding: 16px 0px 0px 0px; 
}
#contentleft li, #galleryleft li {
 font:12px/16px Verdana,Arial,Helvetica,sans-serif; color: #5B5B5B;
 margin: 0; padding: 0px 0px 5px 0px;
}

#contentright {
	float: right; width: 357px; padding-right: 28px; padding-left: 181px;
}

#contentrightservices {
	float: right; 
	width: 500px;
//	width: 498px;
	padding-right: 36px; padding-left: 30px;
}

#contentright2 {
	float: right; width: 490px; padding-right: 28px;
}

#contentclear {
	clear: left; height: 0; margin: 0; padding: 0; overflow: hidden; /* to clear contentwrap div and allow two columns */
}
#contentbottom {
	height: 22px; margin: 0; padding: 0;
	background: url(/en/images/bkgnd_contentbottom.jpg) top left no-repeat;
}

/* and specific to the gallery pages we use these */
#galleryleft {
	float: left; width: 163px; padding-left: 20px; padding-right: 45px;
}
#galleryright {
	float: right; width: 491px; padding-right: 30px; padding-top: 41px;
	background: url(/en/images/bkgnd_gallery.jpg) top left no-repeat;
}



/* ----- STYLES FOR ALL LINKS ARE NEXT ----- */
#toplinks a:link, #toplinks a:visited {
	text-decoration: none; padding: 0 5px; color: #FFF
}
#toplinks a:hover, #toplinks a:active {
	text-decoration: underline; padding: 0 5px; color: #FFF
}

#nav a:link, #nav a:visited {
	text-decoration: none; padding: 0 27px; color: #C8C896;
}
#nav a:hover, #nav a:active {
	text-decoration: none; padding: 0 27px; color: #FFFDFF;
}

#contentleft a:link, #contentleft a:visited, #galleryleft a:link, #galleryleft a:visited {
	text-decoration: none; color: #5B5B5B;
}
#contentleft a:hover, #contentleft a:active, #galleryleft a:hover, #galleryleft a:active {
	text-decoration: none; color: #D57D19;
}

.gallerytable a:link, .gallerytable a:visited {
	font:10px/13px Verdana,sans-serif; text-decoration: none; color: #D57D19;
}
.gallerytable a:hover, .gallerytable a:active {
	font:10px/13px Verdana,sans-serif; text-decoration: underline; color: #D57D19;
}