@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Chau+Philomene+One);

body {background-color: #fff;}

/*MAIN*/
#main {
	background-color: #fff;
	border: none;
	min-width: 73.846em;
}


/* SKIP TO NAVIGATION AND SKIP TO TEXT*/
 
#skiplink, #skiplink a {
	color:#fff;
	position:absolute;
	top: -9999px;
}

/* TOP BANNER */
#topbanner {
	background-color: #fff;
	clear:both;
	height: 6.154em;
	margin-bottom: 0;
	position:relative;
	width: 73.846em;
	z-index: 0;
}

#unlogo{
	height: 6.154em;
	left: 0;
	position: absolute;
	padding-left: 0.692em;
	padding-right: 0;
	top: 0;
	width: 6.154em;	
	z-index: 2;	
}

#topbanner #title{
	color: #06364C;
	font-family: simsong,'PT Sans', Arial, 'Trebuchet MS', Tahoma, sans-serif;
	font-size: 220%;
	font-weight: 700;
	line-height: 153.8%;
	margin-top: .8em;
	margin-bottom: 0;
	margin-left: 4em;
	margin-right: 0;	
}

#topbanner #title span{
	color: #212A31;
	font-size: .846em;
	margin-bottom: .5em;
	margin-top: .3em;
	padding-bottom: 0;	
}

#topbanner #unlogo img{
	margin-top: 1em;
	margin-bottom: 0;
	margin-left: 1%;
	margin-right: 0;
}

#topbanner h1{
	text-align: left;}

/*MAIN NAVIGATION*/
#mainnav {
	font-family: simsong,'PT Sans', Arial, 'Trebuchet MS', Tahoma, sans-serif;
	float:left;
	display: block;
	margin-bottom: 1.5em;
	width: 100%;
}

#mainnav ul{margin-left: 0;}
#mainnav ul li{
	background-color: #f0f0f0;
	list-style-type:none;
	float: left;
	font-size: 123.6%;
	font-weight: bold;
	margin-right: 12px;
	padding-right: 1.5em;
	padding-left: 1.5em;
	padding-bottom: 0.769em;
	padding-top: 0.769em;
}

#mainnav ul li a{
	text-decoration: none;
	color: #000;
}

#mainnav ul li#unhome a{padding-left: 0;}
#mainnav #home:hover{background-color: #3abfef;} /*light blue*/
#mainnav #facts:hover{background-color: #f29400;} /*light orange*/
#mainnav #challenges:hover{background-color: #dc8bde;} /*light purple*/
#mainnav #partners:hover{background-color: #F67E34;} /*orange*/
#mainnav #videos:hover{background-color: #65b565;} /*green*/


/* CONTENT */
#content {
	background-color: #fff;
	clear: both;
	color: #333;
	float: left;
	font-family: simsong,'PT Sans', Arial, 'Trebuchet MS', Tahoma, sans-serif;
	font-size: 115.4%;
	line-height: 1.615em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	width: 75%;	
}

#content a{
	color: #0070BC;
	text-decoration: none;
}

#content a:hover {
	color: #F00;
	text-decoration: underline;
}

#content h2 {
	background-color: #0070BC;
	color: white;
	font-size: 138.5%;
	margin-bottom: 1.5em;
	padding: 0.385em;
}

#content h3 {
	color: #0070BC;
	font-family: simsong,'PT Sans', Arial, 'Trebuchet MS', Tahoma, sans-serif;
	font-weight: 700;
	margin-bottom: .5em;
	font-size: 123.1%;
}

#content h4 {
	color: #dd4c2e;
	font-size: 115.4%;
	margin-bottom: .5em;
}

#content h4 a{
	color: #b61e85;
	text-decoration: none;
}

#content ul{margin-left: 1%; margin-right: 0;}

#content ul li{
	background-image: url(/en/events/worldwateryear/img/drip.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
	list-style-type: none;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 2em;
	padding-left: 4em;
	padding-right: 0;
	min-height: 3em;
}

#content ul li ul li{
	background-image: url(/common/images/bullets/bullet_box_grey.jpg);
	background-repeat: no-repeat;
	background-position: 5% 11px;
	list-style-type: none;
	margin-bottom: .5em;
	padding-top: 0.1em;
	padding-bottom: 0em;
	padding-left: 2em;
	padding-right: 0;
	position: relative;	
}

#content p{
	font-weight: 400;
}

#content .menu_title{
	color: grey;
	font-family: simsong,'PT Sans', Arial, 'Trebuchet MS', Tahoma, sans-serif;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 0;
	font-size: 107.7%;
	text-transform: uppercase;
}

/*CLASSES*/
.caption{font-size: 84.6%;text-align: right; line-height: 138.5%;}
.sm_txt{font-size: 84.6%;}
.sh_paragraph{width:75%;}
.sm_logo{float:right;}
		
  /* QUOTES */ 
  blockquote {
	  border-left: 6px solid #ddd;
	  background-color: #ededed;
	  color: #333;
	  display: block;
	  float: right;
	  padding-left: 0.769em;
	  padding-right: 0.769em;
	  padding-top:0.769em;
	  padding-bottom: 0.385em;
	  margin-right: 1.154em;
	  margin-left: 1.154em;
	  margin-top: 2.308em;
	  margin-bottom: 2.308em;
	  width: 30%;	  
  }
  
  blockquote p{
	  font-size: 1em;
	  line-height: 1.462em;
  }

  .credit{ font-style: italic;}

/*SIDE BAR*/
#sidebar{
	font-family: simsong,'PT Sans', Arial, 'Trebuchet MS', Tahoma, sans-serif;
	font-size: 107.7%;
	float: left;
	margin-left: 2em;
	margin-right: 0;
	margin-top: 2.3em;
	margin-bottom: 0;
	padding-left: 1em;
	padding-right: 0;
	width: 18%;
}

/* FOOTER BAR */

#footer_container{
	width: 73.846em;
	margin-left:auto;
	margin-right: auto;
	clear:both;
	height: 5.000em;
}

#footer {
	background-color: transparent;
	width: 48%;
	text-align: left;
	float: left;
	padding-top: 1.2em;
	padding-bottom: 0.615em;
	padding-left: 0.615em;
	padding-right: 0;
	margin-top: 0;
	display:block;
}

#footer ul {
	margin-top: 0;
	margin-bottom: 0;
}

#footer ul li  {
	display: inline;
	color: #000;
}

#footer ul li a {
	color: #000;
	text-decoration: none;
}

#footer ul li a:visited {color: #0CC}
#footer ul li a:hover {color: #0CC;	}

/* 	WSS CREDIT */
#wsscredit {
	color: #000;
	display: block;
	text-align: right;
	width: 50%;
	float: left;
	padding-top: 1em;
	margin-top: 0;
	background-color: transparent;
	padding-right: 0.385em;
}

#wsscredit a{color: grey;}