/* 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;
}
#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: 157px; overflow: hidden; margin-bottom: 10px;
}
#homecontenttop {
	height: 17px; overflow: hidden; background: url(/en/images/home_content_top.jpg) top left no-repeat;
}
#homecontent {
	background: url(/en/images/bkgnd_homecontent.jpg) top left repeat-y #FFF; float: left;
}
#homewrap {
	float: left; background: url(/en/images/bkgnd_homecontent.jpg) top left repeat-y #FFF;
}
#homeleft {
	float: left; width: 494px; background-color: #FFF; padding-left: 30px;
}
#hometable {
	border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;
	width: 482px; margin-bottom: 24px; margin-top: 8px;
	font:10px/13px Verdana,sans-serif; color: #5B5B5B;
}
#homeright {
	float: left; width: 188px; margin-left: 37px;
	font:10px/13px Verdana,sans-serif; color: #5B5B5B;
}
/* 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 */
	background: url(/en/images/bkgnd_homecontent.jpg) top left no-repeat;
}


/* ----- 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;
	width: 749px
}
#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: 350px; padding-right: 28px; padding-left: 181px;
}

#contentright2 {
	float: right; width: 538px; 
}

#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 10px; color: #FFF
}
#toplinks a:hover, #toplinks a:active {
	text-decoration: underline; padding: 0 10px; 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;
}