/* stylesheet for Public Understanding Web site */

body {background-color:#FFF;
        margin:0;
	padding:0;
	font-family:Verdana, Helvetica, sans-serif;}

#title {background-color:#099;
border-bottom:1px solid #FFF;
padding-bottom:0.5%;
height:6.3em;
width:100%;}

#title a:hover img {border:none;}

table {width:90%;
height:100%;
background-color:#099;
margin:0.5% 5%;
padding:4px;}

.ensembles_logo {float:right;
                 width:119px;
		 height:79px;
		border:none;
		margin-right:30px;
		background-color:#099;}


h1 {font:bold 2em Verdana, Helvetica, sans-serif;
	color: #FFF;
	text-align:center;
	background-color:#099;
	padding-top:10px;}

h2 {font:bold 1.8em Verdana, Helvetica, sans-serif;
color: #FFF;
text-align:center;}

h3 {font-size:1.6em;
   color:#000;}

h4 {font-size:1.4em;
color:#000;}

h5 {font-size:1.2em;
color:#000;}

p.center {text-align:center;}
p.medium {font-size:1em;}
p.right {
	font-style: italic;
	text-align: right;}
p.breadcrumb {font-size:.65em;
float:right;
margin-right:5px;
color:#039;}
p.floatleft {
	float:left;
	margin-right:5px;
	font-size: 0.9em;
	font-style: italic;
}
p.floatright {
	float:right;
	margin-right:5px;
	font-size: 0.9em;
	font-style: italic;
}

a:link, a:visited {color:#00C;
text-decoration:none;
padding-right:0px;
padding-left:0px;}

a:hover  {text-decoration:underline;
background-color:#FFF;
color:#00C;}

a:link img {border:none;}

.breadcrumb a:link, .breadcrumb a:visited {color: #060;
	text-decoration: none;}

.breadcrumb a:hover {color:#060;
text-decoration:underline;
background-color:#FFF;}



.navmenu {color:#003300;
	            background-color:#e9ff43;
	            font-weight: bold;
				width:20%;
				margin-left:4px;
				padding-top:5px;
				border-top:2px solid #099;
				border-right:2px solid #099;
				border-left:none;
				float:left;}

.navmenu ul {list-style-type:none;
	                   margin:.5em 0 0 0;
			padding:0;
			width:100%;
                      float:none;
                       border:none;}

.navmenu li {line-height:1.2em;
	     list-style-type:none;
	     margin-bottom:.5em;
	     font-size:.70em;
	     width:90%;
padding-left:6px;}


 .navmenu li a:link, .navmenu li a:visited {color: #006633;
                                           font-weight: bold;
					text-decoration:none;
                                         padding-right:25px;
					padding-left:6px;}

.navmenu li ul li {color:#000;
	font-weight:normal;
	font-size:95%;}

.navmenu li ul li a:link, .navmenu li ul li a:visited {color:#000;
                                                    font-weight:normal;
	                                            text-decoration:none;}

.navmenu a:hover	{color: #000;
                        background-color:#FFF;
	                border-right:2px solid #FACC00;
	                padding-right:15px;}

                          
.content	{
	background-color:#FFF;
	border-top:2px solid #099;
	margin-left:22%;
	padding:15px;
	padding-right:20px;
	background-color:#FFF;
	font-size:0.85em;
	line-height:1.2em;
	width:70%;
}

.clear {
	clear:both;
	width: 20%;
}
.bold {font-weight:bold;}
.underline {text-decoration:underline;}
.italic {font-style:italic;}

.footer 	{background-color:#099; 
		margin-top:25px;
		margin-left:4px;
		text-align:left;}

.footer ul {list-style-type:none;
           margin:0;
             padding:0;}

.footer ul li {
	list-style-type:none;
	font-weight:bold;
	font-size:0.7em;
	color:#FFF;
	margin-bottom:5px;
}

.footer a:link, .footer a:visited  {
	color:#FFF;
	text-decoration:none;
	font-style: normal;
}

.footer a:hover  {text-decoration:underline;
color:#FFF;
background-color:#099;}


.ccoverview {float:left;
                 margin:0 10px 10px 0;
                 width: 195px;
                 height:206px;
                 vertical-align:top;}
				 
.greenhouse {
	float:left;
	margin:0 10px 10px 0;
	width: 320px;
	height:240px;
	vertical-align:top;
	border:1px solid #CCC;
	font-variant: normal;
}
				 
.Frostfair {float:left;
                 margin:0 10px 10px 0;
                 width: 420px;
                 height:294px;
                 vertical-align:top;}
				 
.Lia_series {float:right;
                 margin:10px 10px 10px 10px;
                 width: 303px;
                 height:239px;
                 vertical-align:top;}
				 
.Milankovich {float:left;
                 margin:0 10px 10px 0;
                 width: 333px;
                 height:238px;
                 vertical-align:top;
                 border:1px solid #CCC;}
.IPCC {
float:left;
                 margin:0 10px 10px 0;
                 width: 335px;
                 height:254px;
                 vertical-align:top;
                 border:1px solid #CCC;
}
.Farmers {

float:left;
                 margin:0 10px 10px 0;
                 width: 287px;
                 height:215px;
                 vertical-align:top;
                 border:1px solid #CCC;
}

.Santiago {


float:right;
                 margin:0 10px 10px 0;
                 width: 305px;
                 height:203px;
                 vertical-align:top;
                 border:1px solid #CCC;
}
.ecmwf {



float:left;
                 margin:0 10px 10px 0;
                 width: 400px;
                 height:274px;
                 vertical-align:top;
                 border:0px solid #CCC;
}
.ecmwf_ibms {




float:left;
                 margin:0 10px 10px 0;
                 width: 337px;
                 height:223px;
                 vertical-align:top;
                 border:1px solid #CCC;
}
.forestfire  {





float:left;
                 margin:0 10px 10px 0;
                 width: 450px;
                 height:330px;
                 vertical-align:top;
                 border:0px solid #CCC;
}
.Water {
float:left;
                 margin:0 10px 10px 0;
                 width: 300px;
                 height:306px;
                 vertical-align:top;
                 border:1px solid #CCC;
}
.caption {font-weight: bold;
          font-size:0.75em;
		  text-align: left}
.volcano {
float:left;
                 margin:0 10px 10px 0;
                 width: 283px;
                 height:423px;
                 vertical-align:top;
}
.energy {



float:right;
                 margin:0 10px 10px 0;
                 width: 387px;
                 height:500px;
                 vertical-align:top;
}
.ecmwf2 {




float:left;
                 margin:0 10px 10px 0;
                 width: 400px;
                 height:339px;
                 vertical-align:top;
                 border:0px solid #CCC;
}
.storm {
	float:none;
	margin:0 10px 10px 0;
	width: 550px;
	height:263px;
	vertical-align:top;
	font-variant: normal;
	border: 0;
}
.GlobalModel {
	float:none;
	width: 500px;
	height:499px;
	vertical-align:top;
	border:0 px solid #CCC;
}
.SeasonalForecasting {




float:left;
                 margin:0 10px 10px 0;
                 width: 330px;
                 height:331px;
                 vertical-align:top;
                 border:0 px solid #CCC;
}
.UsingModel {

	float:none;
	width: 595px;
	height:222px;
	vertical-align:top;
	border:0 px solid #CCC;
}
.RegMod {


float:left;
                 margin:0 10px 10px 0;
                 width: 350px;
                 height:308px;
                 vertical-align:top;
                 border:0px solid #CCC;
}
.Sahel {

	float:left;
	margin:0 10px 10px 0;
	width: 400px;
	height:300px;
	vertical-align:top;
	border:1px solid #CCC;
	font-variant: normal;
}
.malaria1 {


	float:left;
	margin:0 10px 10px 0;
	width: 600px;
	height:447px;
	vertical-align:top;
	border:0px solid #CCC;
	font-variant: normal;
}
.sitemap {
	font:Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	font-size: 0.85em;
	color: #000000;
	background-color: #FFFFE1;
	font-weight: bold;
}
.uncertainty {


	float:none;
	margin:0 10px 10px 0;
	width: 600px;
	height:479px;
	vertical-align:top;
	border:0px solid #CCC;
	font-variant: normal;
}
.energy {



	float:none;
	margin:0 10px 10px 0;
	width: 600px;
	height:461px;
	vertical-align:top;
	border:0px solid #CCC;
	font-variant: normal;
}
.malaria2 {




	float:none;
	margin:0 10px 10px 0;
	width: 560px;
	height:231px;
	vertical-align:top;
	border:0px solid #CCC;
	font-variant: normal;
}
.rcprojection {





	float:left;
	margin:0 10px 10px 0;
	width: 200px;
	height:150px;
	vertical-align:top;
	border:0px solid #CCC;
	font-variant: normal;
}

.indexfigure {
	float:none;
	width: 175px;
	height:175px;
	vertical-align:top;
	font-variant: normal;
	background-color: #099;
	padding-top: 4px;
	padding-right: 0px;
}
.navmenu2 {
	background-color: #099;
}
.ccandyou {
float:left;
                 margin:0 10px 10px 0;
                 width: 300px;
                 height:225px;
                 vertical-align:top;
}
.impacts {

float:left;
                 margin:0 10px 10px 0;
                 width: 308px;
                 height:194px;
                 vertical-align:top;
}

.tablelink 	{color: #000;}	
.tablelink a:link, .tablelink a:visited	{color: #000;}
.tablelink a:hover	{color: #000;
                        background-color:#FFFFCC;
	                border-right:2px solid #FACC00;
	                padding-right:5px;}
.tablelink li {color: #006633;}
.tablelink li a:link, .tablelink li a:visited {color: #006633;                                    
					                                        }
.tablelink li a:hover	{color: #000;
                        background-color:#FFFFCC;
	                border-right:2px solid #FACC00;
	                padding-right:3px;}.Sahel2 {


	float:right;
	margin:0 10px 10px 0;
	width: 400px;
	height:300px;
	vertical-align:top;
	border:1px solid #CCC;
	font-variant: normal;
}