/*  

light blue (bg): #B1CAE8
dark grey (txt): #2D333B
dark-blue: #003366
salmon: #FEF3DE
grey (bg nav): #EEE*/

/* Adds right scroll bar to avoid bouncing on short pages */
html {min-height: 100%; margin-bottom: 1px;} 

body {
	margin-top: 0;
	background-repeat: repeat-x;
	background-color: #dce4ec;
	background-image: url(images/body_bg.jpg);
	background-position: top;
}
.clear {clear:both;
height:1px}
.note {font-size: 90%;}
acronym {cursor:help; border-bottom: 1px dotted;}
abbr {border: none;}

	
 /* SKIP TO NAVIGATION AND SKIP TO TEXT*/
 
#skiplink a {color: #B1CAE8;}
#skiplink a:focus, div#skiplink a:active {color: #ffffff;}

/* MAIN CONTAINER - HOMEPAGE*/

#main {
	width: 64em;
	margin: 0 auto;
	background-color: #FEF3DE;
	background-image: url(images/content_bg.png);
	background-repeat: repeat-y;
	background-position: right 1px;
}

/* BRANDING BAR*/

/* LANGUAGE BAR */


#languages {

	background-color: #EEE;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 1.6em;
}
#languages ul {
	float: right;
	text-align: right;
	color: #003366;
	padding: 0;
	margin: 0;
}
#languages ul li {
	list-style-type: none;
	font-weight: bold;
	text-align: right;
	display: inline;
	padding: 0 8px;
	margin: 0;
}
#languages ul li#arabic {direction: rtl; font-size: 110%;}
#languages ul li#chinese {font-size: 110%;}
#languages ul li#french {color: #2D333B; font-weight: bolder;}
#languages ul li a:link, #languages ul li a:visited {color:#003366; text-decoration:none;}
#languages ul li a:hover, #languages ul li a:active {color:#003366; text-decoration:none;}

/* TOP BANNER */

#banner {
	background-color: #EEE;
	width: 100%;
}
#hiddentitle, #hiddentitle span {
	background-color: #EEE;
	background-image: url(images/banner_top.jpg);
	background-repeat: repeat-x;
	background-repeat: no-repeat;
	height: 46px;
	margin: 0;
	padding: 0;
}
#hiddentitle span {margin-bottom: -500px;	background-color: #EEE;}
h1 {
	font-size: 1em;
	padding:0;
	margin:0;
	text-align: left;
	color: #cccca2;
}
h1 span {
	display: block;
	position: relative;
	z-index: 1;	
}

#subtitle {
	background-color: #EEE;
	background-image: url(images/banner_middle.jpg);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	height:44px;}
	
h2
{margin:0;
padding:0 0 0 219px;
font-size:2em;
color:#003366}

#horizbar
{background-color: #EEE;
width: 74%;
float:right;
background-image: url(images/banner_bg.png);
background-repeat: repeat-x;
background-position: 0 bottom;
height:18px;
margin:0;
padding:0;
clear:both;}

/* LEFT MENU BAR: navigation links */

#mainnav {
	background-color: #eee;
	float: left;
	width: 23%;
	margin: 0;
	padding: 21px 0 1em;
	background-position: left top;
}


#mainnav ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width:100%;
}


#mainnav ul li {
	margin: 0;
	list-style: none;
}

#mainnav ul li a {
	font-weight: bold;
	padding: .5em .5em .5em 1em;
	text-decoration: none;
	color: #2D333B;
	display: block;
	border-bottom: 1px solid #2D333B;
}

#mainnav ul li a:hover {
	color: #FFF;
	background-color: #2D333B;
}

#mainnav ul li ul {
	display: none;
}

#mainnav ul li ul a {
	padding-left: 2em;
	font-weight:normal;
	color: #2D333B ;
	background-color: #EEE;
	background-image:url(images/bullet.png) !important;
	background-repeat: no-repeat  !important;
	background-position: 8px 8px  !important;
}

#mainnav ul li ul a:hover {
	color: #2D333B ;
	background-color: #FEF3DE !important;
	background-image:url(images/bullet.png) !important;
	background-repeat: no-repeat  !important;
	background-position: 8px 8px  !important;
}

/* PAGE CONTENT ATTRIBUTES */

#content {
	width: 70%;
	margin: 0;
	padding: 17px 1.5em 1em 30px;
	float: left;
	background-image:url(images/top_right.png);
	/*background-color:#FEF3DE;*/
	background-repeat: no-repeat;
	background-position: left top;

}
#content h3 {
	color: #000033;
	font-size: 130%;
	font-weight: bold;
	padding: 0;
	margin: 1em 0;
}

#content h4 {
	font-size: 110%;
	font-weight: bold;
	color: #000033;
	padding: 0;
	margin: 1em 0 0.8em 0;
}
#content p {
	padding: 0;
	margin: 0.8em 0;
}
#content a:link {color:#003366}

#content ul li {

	list-style-image: url(images/bullet.png);
	padding-bottom:0.5em;
}

/*Quote on the main page*/
#content blockquote {
	background-color: #ebede4;
	border-top: #636d52 5px solid;
	border-bottom: #636d52 2px solid;
	margin: 2em 0 3em 0;
	padding: 0;
}
#content blockquote p {
	padding: 1em;
	margin: 0;
}
#content blockquote .credit {
	text-align: right;
	margin: 0;
	padding: 0 1em 0.5em 0;
}

/* Pictures and captions */

.photo {
	font-size: .9em;
	margin: 0 1em 1em 0;
	background-color: #EEE; float: left;
	width:250px;
	border-bottom:2px solid  #2D333B
}

#content .photo p {
	padding:2px 5px;
	margin:0
}



/* FOOTER BAR */

#footer {
	background-color: #263535;
	color: #FFFFFF;
}

#footer ul {
	margin-top: 0em;
}
#footer ul li  {
	display: inline;
}
#footer ul li a {
	color: #fff;
	text-decoration: none;
}
#footer ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
	color: #E1D7C1;
}

#wsscredit {
	font-size: 90%;
	color: #000033;
	text-align: center;
}