/* @group structure */

body, html {
	background : #D7E0E0;
}

#custom-doc {
	position : relative;
	margin : 0 auto; text-align : left;
	width : 53.85em; /* non-IE */
	*width : 52.50em; /* IE */
	min-width : 700px;
	padding : 25px 0;
}

#hd {
	padding : 13px 25px;
	background : url(../img/hd-bg.png) top left no-repeat;
}

#hd img {
	display : block;
}

#bd {
	background : url(../img/bd-bg.png) top left repeat-y;
 }
 
body.ocation #bd {
	background : url(../img/bd-bg-gridlines.png) 0 10px repeat-y;
 }

#yui-main {
	background : url(../img/main-bg.png) top left no-repeat;
}

#content {
	margin-top : 35px;
	padding : 0 10px 30px 45px;
}

#sidebar {
	margin-top : 35px;
	padding : 14px 35px 30px 10px;
}



	/* @group footer */
	
	#ft {
		padding-top : 35px;
		background : url(../img/ft-bg.png) top left no-repeat;
		font : normal 77% Verdana, Arial, sans-serif;
		text-align : center;
		color : #708f8f;
	}
	
	#ft a:link, #ft a:visited {
		color : #2b5555;
		text-decoration : underline;
	}
	
	#ft a:hover {
		color : #CB6509;
		text-decoration : none;
	}
	
	/* @end */

/* @end */


/* @group sIFR */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;

	font : bold normal 92% "Lucida Grande", Helvetica, Arial, sans-serif;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h1 {
	visibility: hidden;
	margin-bottom : 0;
	letter-spacing : normal;
}

/* @end */



/* @group languages */

#language-picker {
	position : absolute;
	top : 5px;
	right : 17px;
}

#language-picker li {
	display : inline;
	font-family : Verdana, Geneva,  Arial, Helvetica, sans-serif;
	font-size : 85%;
}

#language-picker a {
	float : left;
	display : block;
	margin : 0 8px;
	padding : 2px;
	color : #2b5555;
	text-decoration : none;
}

#language-picker a:hover {
	padding : 1px 2px;
	border-top : 1px solid #708f8f;
	border-bottom : 1px solid #708f8f;
	color : #708f8f;
}

/* @end */



/* @group nav */

#nav {
	width : 700px;
	height : 30px;
	margin : 2px 0;
}

#nav ul {
	height : 30px;
}

#nav li {
	display : inline;
}

#nav li a {
	float : left;
	display : inline;
	height : 30px;
	margin-left : 25px;
	text-indent : -9000px;
}



#nav .en {
	background : url(../img/nav-en.png);
}

#nav .en li a {
	margin-right : 20px;
}

#nav .en #nav1 a {
	width : 71px;
}

#nav .en #nav2 a {
	width : 141px;
}

#nav .en #nav3 a {
	width : 92px;
}

#nav .en #nav4 a {
	width : 77px;
}

#nav .en #nav5 a {
	width : 88px;
}




#nav .en #nav1.current a,
#nav .en #nav1 a:hover {
	background : url(../img/nav-en.png) -25px -30px no-repeat;
}

#nav .en #nav2.current a,
#nav .en #nav2 a:hover {
	background : url(../img/nav-en.png) -141px -30px no-repeat;
}

#nav .en #nav3.current a,
#nav .en #nav3 a:hover {
	background : url(../img/nav-en.png) -327px -30px no-repeat;
}

#nav .en #nav4.current a,
#nav .en #nav4 a:hover {
	background : url(../img/nav-en.png) -464px -30px no-repeat;
}

#nav .en #nav5.current a,
#nav .en #nav5 a:hover {
	background : url(../img/nav-en.png) -586px -30px no-repeat;
}




#nav .de {
	background : url(../img/nav-de.png);
}

#nav .de li a {
	margin-right : 20px;
}

#nav .de #nav1 a {
	width : 71px;
}

#nav .de #nav2 a {
	width : 141px;
}

#nav .de #nav3 a {
	width : 92px;
}

#nav .de #nav4 a {
	width : 77px;
}

#nav .de #nav5 a {
	width : 88px;
}




#nav .de #nav1.current a,
#nav .de #nav1 a:hover {
	background : url(../img/nav-de.png) -25px -30px no-repeat;
}

#nav .de #nav2.current a,
#nav .de #nav2 a:hover {
	background : url(../img/nav-de.png) -141px -30px no-repeat;
}

#nav .de #nav3.current a,
#nav .de #nav3 a:hover {
	background : url(../img/nav-de.png) -327px -30px no-repeat;
}

#nav .de #nav4.current a,
#nav .de #nav4 a:hover {
	background : url(../img/nav-de.png) -464px -30px no-repeat;
}

#nav .de #nav5.current a,
#nav .de #nav5 a:hover {
	background : url(../img/nav-de.png) -586px -30px no-repeat;
}




#nav .fr {
	background : url(../img/nav-fr.png);
}

#nav .fr li a {
	margin-right : 0px;
}

#nav .fr #nav1 a {
	width : 86px;
}

#nav .fr #nav2 a {
	width : 100px;
}

#nav .fr #nav3 a {
	width : 80px;
}

#nav .fr #nav4 a {
	width : 143px;
}

#nav .fr #nav5 a {
	width : 141px;
}




#nav .fr #nav1.current a,
#nav .fr #nav1 a:hover {
	background : url(../img/nav-fr.png) -25px -30px no-repeat;
}

#nav .fr #nav2.current a,
#nav .fr #nav2 a:hover {
	background : url(../img/nav-fr.png) -136px -30px no-repeat;
}

#nav .fr #nav3.current a,
#nav .fr #nav3 a:hover {
	background : url(../img/nav-fr.png) -261px -30px no-repeat;
}

#nav .fr #nav4.current a,
#nav .fr #nav4 a:hover {
	background : url(../img/nav-fr.png) -366px -30px no-repeat;
}

#nav .fr #nav5.current a,
#nav .fr #nav5 a:hover {
	background : url(../img/nav-fr.png) -534px -30px no-repeat;
}




#nav .it {
	background : url(../img/nav-it.png);
}

#nav .it li a {
	margin-right : 15px;
}

#nav .it #nav1 a {
	width : 71px;
}

#nav .it #nav2 a {
	width : 135px;
}

#nav .it #nav3 a {
	width : 113px;
}

#nav .it #nav4 a {
	width : 78px;
}

#nav .it #nav5 a {
	width : 92px;
}




#nav .it #nav1.current a,
#nav .it #nav1 a:hover {
	background : url(../img/nav-it.png) -25px -30px no-repeat;
}

#nav .it #nav2.current a,
#nav .it #nav2 a:hover {
	background : url(../img/nav-it.png) -136px -30px no-repeat;
}

#nav .it #nav3.current a,
#nav .it #nav3 a:hover {
	background : url(../img/nav-it.png) -311px -30px no-repeat;
}

#nav .it #nav4.current a,
#nav .it #nav4 a:hover {
	background : url(../img/nav-it.png) -464px -30px no-repeat;
}

#nav .it #nav5.current a,
#nav .it #nav5 a:hover {
	background : url(../img/nav-it.png) -582px -30px no-repeat;
}




#nav .nl {
	background : url(../img/nav-nl.png);
}

#nav .nl li a {
	margin-right : 10px;
}

#nav .nl #nav1 a {
	width : 112px;
}

#nav .nl #nav2 a {
	width : 130px;
}

#nav .nl #nav3 a {
	width : 89px;
}

#nav .nl #nav4 a {
	width : 88px;
}

#nav .nl #nav5 a {
	width : 91px;
}




#nav .nl #nav1.current a,
#nav .nl #nav1 a:hover {
	background : url(../img/nav-nl.png) -25px -30px no-repeat;
}

#nav .nl #nav2.current a,
#nav .nl #nav2 a:hover {
	background : url(../img/nav-nl.png) -172px -30px no-repeat;
}

#nav .nl #nav3.current a,
#nav .nl #nav3 a:hover {
	background : url(../img/nav-nl.png) -337px -30px no-repeat;
}

#nav .nl #nav4.current a,
#nav .nl #nav4 a:hover {
	background : url(../img/nav-nl.png) -461px -30px no-repeat;
}

#nav .nl #nav5.current a,
#nav .nl #nav5 a:hover {
	background : url(../img/nav-nl.png) -584px -30px no-repeat;
}




#nav .sv {
	background : url(../img/nav-sv.png);
}

#nav .sv li a {
	margin-right : 35px;
}

#nav .sv #nav1 a {
	width : 71px;
}

#nav .sv #nav2 a {
	width : 87px;
}

#nav .sv #nav3 a {
	width : 73px;
}

#nav .sv #nav4 a {
	width : 80px;
}

#nav .sv #nav5 a {
	width : 99px;
	margin-right : 20px;
}




#nav .sv #nav1.current a,
#nav .sv #nav1 a:hover {
	background : url(../img/nav-sv.png) -25px -30px no-repeat;
}

#nav .sv #nav2.current a,
#nav .sv #nav2 a:hover {
	background : url(../img/nav-sv.png) -156px -30px no-repeat;
}

#nav .sv #nav3.current a,
#nav .sv #nav3 a:hover {
	background : url(../img/nav-sv.png) -303px -30px no-repeat;
}

#nav .sv #nav4.current a,
#nav .sv #nav4 a:hover {
	background : url(../img/nav-sv.png) -436px -30px no-repeat;
}

#nav .sv #nav5.current a,
#nav .sv #nav5 a:hover {
	background : url(../img/nav-sv.png) -576px -30px no-repeat;
}




#nav .da {
	background : url(../img/nav-da.png);
}

#nav .da li a {
	margin-right : 8px;
}

#nav .da #nav1 a {
	width : 88px;
}

#nav .da #nav2 a {
	width : 136px;
}

#nav .da #nav3 a {
	width : 122px;
}

#nav .da #nav4 a {
	width : 77px;
}

#nav .da #nav5 a {
	width : 95px;
}




#nav .da #nav1.current a,
#nav .da #nav1 a:hover {
	background : url(../img/nav-da.png) -25px -30px no-repeat;
}

#nav .da #nav2.current a,
#nav .da #nav2 a:hover {
	background : url(../img/nav-da.png) -146px -30px no-repeat;
}

#nav .da #nav3.current a,
#nav .da #nav3 a:hover {
	background : url(../img/nav-da.png) -315px -30px no-repeat;
}

#nav .da #nav4.current a,
#nav .da #nav4 a:hover {
	background : url(../img/nav-da.png) -470px -30px no-repeat;
}

#nav .da #nav5.current a,
#nav .da #nav5 a:hover {
	background : url(../img/nav-da.png) -580px -30px no-repeat;
}




#nav .fi {
	background : url(../img/nav-fi.png);
}

#nav .fi li a {
	margin-right : 12px;
}

#nav .fi #nav1 a {
	width : 91px;
}

#nav .fi #nav2 a {
	width : 105px;
}

#nav .fi #nav3 a {
	width : 94px;
}

#nav .fi #nav4 a {
	width : 88px;
}

#nav .fi #nav5 a {
	width : 124px;
}




#nav .fi #nav1.current a,
#nav .fi #nav1 a:hover {
	background : url(../img/nav-fi.png) -25px -30px no-repeat;
}

#nav .fi #nav2.current a,
#nav .fi #nav2 a:hover {
	background : url(../img/nav-fi.png) -153px -30px no-repeat;
}

#nav .fi #nav3.current a,
#nav .fi #nav3 a:hover {
	background : url(../img/nav-fi.png) -295px -30px no-repeat;
}

#nav .fi #nav4.current a,
#nav .fi #nav4 a:hover {
	background : url(../img/nav-fi.png) -426px -30px no-repeat;
}

#nav .fi #nav5.current a,
#nav .fi #nav5 a:hover {
	background : url(../img/nav-fi.png) -551px -30px no-repeat;
}

/* @end */