/* geo_styles.css - Styles for GEO Task web page, Version 1.0 */

<style type="text/css">

body{
	background: url('../images/bg.gif') repeat-x;	
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}


p{
	line-height: 16px;
}

label {
width: 4em;
margin-left: 0.3em;
margin-right: 0.6em;
}

#container{
	width: 850px;
	background: url('../images/bg-nav.gif') repeat-x;
	margin: 0 auto;
}

#header{
	background: url('../images/logo-geoss.gif') no-repeat left top;
	height: 139px;
}

#header .logo-left{
	float: left;
}

#header .logo-right{
	float: right;
}

#header-right{
	float: right;
}

#toolnav{
	float: right;
	margin-top: 15px;
}

#toolnav a{
	color: #000;
	padding: 0 5px;
}

#toolnav a:hover{
	color: #348012;
	border: 0;
}

/* main navigation style ///////////////////////////////////////*/

#nav{
	clear: both;
	padding: 10px 0 0 15px;
}

#nav ul{
	margin: 0;
	padding: 0;
}

#nav ul li{
	display: inline;
	float: left;
}

#nav ul li a{
	color: #fff;
	display: block;
	/*background: url('../images/bg-divider.gif') no-repeat right 5px;*/
	padding: 0 15px 0 7px;	
	font-size: 14px;
}

#nav ul li a:hover{
	color: #6FF;	
	border: 0;
}

#nav ul li a.last{
	background-image: none;
	padding: 0 0 0 10px !important;
}

#nav ul li ul{	
	padding: 0;
	margin: 0;
	display: none;
	position: absolute;
	width: 140px;
}

#nav ul li.show ul {
	display: block;	
}

#nav ul li ul li{	
	display: block !important;
	margin: 0;
	padding: 0;
}
				
#nav ul li ul li a{	
	padding: 5px;
	background: #0066cc;
	width: 130px;	
	text-transform: none;
	font-size: 12px;	
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #69C;
}
		
#nav ul li ul li a:hover{
	background: #003366;
	border-bottom: 1px solid #69C;
}

#nav ul li ul li ul{
	margin: -25px 0 0 140px;
	padding: 0;
	position: absolute;
}

#nav ul li ul li ul li{	
	display: block !important;
	margin: 0;
	padding: 0;
}

#nav ul li ul li ul li a{	
	padding: 5px;
	background: #2587e9;
	width: 130px;	
	text-transform: none;
	font-size: 12px;	
	border-bottom: 1px solid #fff;
}

#nav ul li ul li ul li a:hover{
	background: #003366;
	border-bottom: 1px solid #69C;
}

#nav ul li ul li ul li ul li a{	
	padding: 5px;
	background: #449aef;
	width: 130px;	
	text-transform: none;
	font-size: 12px;	
	border-bottom: 1px solid #fff;
}

/* main nav style ends ////////////////////////////////////////*/

#main{
	padding: 20px 0;
}

#main #left-col{
	width: 510px;	
	float: left;
	padding-right: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#main #right-col{
	width: 300px;
	float: left;
}

#main #right-col p{
	font-size: 12px;
	line-height: 16px;
	padding: 0 0 7px 0;
}

#main #right-col span{
	color: #888;
	font-weight: bold;
	font-style: italic;
}

#footer{
	background-color: #f3f3f3;
	height: 60px;
	border-top: 3px solid #666;
	margin-top: 20px;
	padding: 10px;
	text-align: center;
	font-size: 12px;
}

.clear{
	clear: both;	
}

a{
	text-decoration: none;
	color: #06c;
}

a:hover{
	color: #039;	
	border-bottom: 1px dotted #09c;
}

h1, h2, h3{
	font-weight: lighter;
}

h1{
	font-size: 22px;
}

h2{
	font-size: 16px;	
	padding-top: 5px;
}

h3{
	font-size: 14px;	
	padding-top: 5px;
}

h2 a, h3 a{
	color: #2599db;
}

h2 a:hover, li.big a:hover{
	border-bottom: 1px dotted #09C;
	color: #039;	
}



li.big {
	list-style: none;
	background: url('../images/bg-bullet.gif') no-repeat 0 1px;
	padding: 0 20px 5px 20px;
}

li.big a{
	font-size: 16px;	
}

p{
	line-height: 16px;	
	padding: 0px 0;
}

ul{
	padding: 8px 15px;
}

li{
	padding: 2px;	
}

#right-col ul{
	padding: 5px;
}

li.orange{
	list-style: none;
	background: url('../images/bg-bullet-orange.gif') no-repeat 0 1px;
	padding: 0 20px;
}

li.orange ul{
	padding: 0 5px;	
}

li.orange ul li{
	list-style: none;
	background: url('../images/bg-bullet-grey.gif') no-repeat 0 2px;
	padding: 2px 20px;	
}

.border-bottom{
	border-bottom: 1px dotted #666;	
}

img{
	border: 0;
}

.img-right{
	float: right;
}

.img-left{
	float: left;
	padding: 5px 10px 5px 0;
}

input#searchfield{
	width: 320px;
	height: 20px;
	font-size: 16px;
	border: 3px solid #92d1dd;
	padding: 5px;
	float: left;
}

input#searchfield2{
	width: 320px;
	height: 21px;
	font-size: 16px;
	border: 3px solid #58b9e3;
	padding: 5px;
	float: left;
}


input#searchbutton{
	border-style: none;
    border-color: inherit;
    border-width: 0;
    background: url('../images/bg-search-btn.gif') no-repeat;
    width: 132px;
	    font-family: "Times New Roman", Times, serif;
	    color: #fff;
	    font-size: 20px;
	    height: 38px;
}

#searcharea a, #searcharea2 a{
	border: 0;
}

input#searchbutton2{
	border-style: none;
    border-color: inherit;
    border-width: 0;
    background: url('../images/bg-search-btn2.gif') no-repeat;
    width: 128px;
	    font-family: "Times New Roman", Times, serif;
	    color: #fff;
	    font-size: 18px;
	    height: 37px;
}

input#loginbutton, input#createbutton{
	border: 2px solid #093;
	background-color: #099;
	width: 150px;
	font-family: "Times New Roman", Times, serif;
	color: #fff;
	font-size: 21px;
	padding: 2px;
}

form#login{
	width: 400px;
	background-color: #f3f3f3;
	border: 2px solid #ccc;
	margin: auto;
	padding: 20px;
	text-align: center;
}

div.register-form, div.contribute-form{
	width: 800px;
	background-color: #f3f3f3;
	border: 2px solid #ccc;
	margin: 20px auto;
	padding: 20px;
}

div.register-form .row, div.contribute-form .row{
	clear: both;	
	width: 520px;
	margin: auto;
	padding: 10px;
}

div.register-form .row .left, div.contribute-form .row .left{
	float: left;
	width: 200px;
}

div.register-form .row .right, div.contribute-form .row .right{
	float: left;
	width: 280px;
}

div.activity-search-form{
	margin: auto;
	width: 600px;
}

div.activity-search-form .row{
	clear: both;
	width: 600px;
	padding: 5px;
}

div.activity-search-form .row .left, div.activity-search-form .row .right{
	float: left;
	width: 300px;
}

form.advanced{
	padding: 20px;
}

.adv-search-col{
	width: 200px;
	float: left;
	padding: 5px 10px 10px 10px;
	margin: 25px 65px 0 0;
	background-color: #e0f1f7;
	border: 1px dotted #6CF;
}

.adv-search-col-last{
	width: 200px;
	float: left;
	padding: 5px 10px 10px 10px;
	margin: 25px 0 0 0;	
	background-color: #e0f1f7;
	border: 1px dotted #6CF;
}

input.wide{
	width: 100%;	
}

label.login-width{
	width: 80px;
	display: block;
	float:left;
	margin-left: 50px;
}

#loginDiv h1{
	margin-bottom: 15px;	
}

#loginDiv p{
	margin: 5px 0 0 0;
	padding: 0;
}

#loginDiv p input{
	width: 150px;
	display: block;
	float: left;
}

label{
	width: 200px;
	height: 30px;
}

.box{
	background-color: #f3f3f3;	
	padding: 10px;
	border: 1px dotted #ccc;
	margin-top: 10px;
}

.box h1{
	padding-bottom: 5px;
}


select{
	width: 160px;	
}

a.big{
	font-size: 18px;
}

ul.searchresult{
	padding: 10px 20px;	
}

form.searcharea2{
	height: 50px;
	text-align: center;
	padding: 20px 15px 15px 15px;
	background: url('../images/bg-search.jpg') no-repeat;
	margin: 15px 0;
}


form.searcharea3{
	height: 135px;
	padding: 0 35px 0 20px;
	background: url('../images/bg-searcharea.gif') no-repeat;
	margin: 10px 0 0 20px;
}

form.searcharea3 div{
	padding: 40px 0 0 0;
}

input#searchfield3{
	width: 280px;
	height: 21px;
	font-size: 16px;
	border: 3px solid #58b9e3;
	padding: 5px;
	float: left;
}

.searchoption{
	font-size: 16px
	padding: 5px;
	float: left;
}
#searcharea2 a.link-white{
	color: #0066cc;
	float: right;
	display: block;
	margin: 5px 18px 0 0;
	font-weight: bold;
	background-color: #f3f3f3;
	padding: 0 3px;
}

#searcharea3 a.link-white{
	color: #0066cc;
	float: right;
	display: block;
	margin: 5px 30px 0 0;
	padding: 0 3px;
}


#searcharea2 a.link-white:hover{
	background-color: #f6f2c5;
}

a.no-hover{
	border: 0;	
}

.text-center{
	text-align: center;	
}

#right-col #news-box{
	background: url('../images/bg-box-middle.gif') repeat-y;	
	width: 300px;
	margin-bottom: 15px;
}

#right-col #news-box #top{
	background: url('../images/bg-box-top.gif') no-repeat left top;	
	height: 19px;
}

#right-col #news-box #middle{
	padding: 0 15px;	
}

#right-col #news-box #bottom{
	background: url('../images/bg-box-bottom.gif') no-repeat left top;	
	height:	24px;
}

#right-col #general-box{
	background: #f3f3f3 url('../images/bg-gen-box-top.gif') no-repeat left top;
}

#right-col #general-box #middle{
	padding: 15px 15px 0 15px;	
}

#right-col #general-box #bottom{
	background: url('../images/bg-gen-box-bottom.gif') no-repeat left top;
	height: 26px;
}

.highlight{
	background-color: #FFC;	
	padding: 10px;
	margin: 10px;
}

.red{
	color: #ff0000;	
}

.text-align-center{
	text-align: center;	
}

.left-indent{
	padding-left: 20px;	
}

/*div#only-register{
	display: none;
}
*/
div#only-register.show{
	display: block;	
}

.block{
	padding: 10px;
	background-color: #e0f1f7;
}

.border{
	border: 1px dotted #6CF;
}

.climate-other, .ag-other, .bio-other{
	display: none;	
}

.climate-other.show, ag-other.show, .bio-other.show{
	display: block;	
}

.climate-other.hide, ag-other.hide, .bio-other.hide{
	display: none;	
}

ul.block-lists li{
	clear: both;
	padding: 0;
	margin: 0;
}

ul.block-lists li img{
	float: left;
	position: relative;
	bottom: 15px;
}

#bigword{
	font-size: 20px;
	display: block;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

#sub-ag, #sub-bio, #sub-climate, #sub-disasters, #sub-eco, #sub-energy, #sub-health, #sub-water, #sub-weather{
	display: none;	
}

.width-200{
	width: 200px;	
	margin-left: 250px;
}

#icon-area img{
	margin: 0 20px 0 20px;	
}

#sub-gov{
	display: none;	
}

.text-align-right{
	float: right;
}

.i{
	margin-bottom: -5px;
}

input.left{
	width: 170px !important;	
}


/* sarah added */
#loginDiv{
	width: 400px;
	background-color: #f3f3f3;
	border: 2px solid #ccc;
	margin: auto;
	padding: 20px;
	text-align: center;
}

/* sarah added */
#menuDiv	
{
	width: 400px;
	border: 2px solid #ccc;
	margin: auto;	
	text-align: left;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	margin : 0px!important;
	background-color : #FFFFFF;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

/* Messages */

.msgError
{
    color:Red;
    font-weight:bold;
    font-size:small;
}

.msgNormal
{
    color:Black;
    font-weight:bold;
    font-size:small;
}

.msgApproved
{
    color:green;
    font-weight:bold;
    font-size:small;
}

/*fieldsets*/

fieldset  
{
    border:1px solid #38A5C8;
    padding:5px;
}


legend
{
    color:#3289C7;
    font-size:13px;
    font-weight:bold;
    padding:5px;
}


.legendz
{
    color:white;
    background-color:#3289C7;
    border:1px solid #38A5C8;
}

ul.ordered {
	list-style:decimal;
	margin: 0 20px 0 20px;	
}

ul.ordered li 
{
    padding:1px;
}

ol.ordered {
	list-style:decimal;
	margin: 0px 30px 0 30px;	
}

ol.ordered li 
{
    padding:0px;
}

.disabled 
{
    color:Gray;
}

.enabled
{
    color:Black;
}
/*HPP added*/

.whitefont {color: #ffffff; text-align: center; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:12px;}

<!--

body,td,th,p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
}

.fontcolor {color: #000000;}

.header {background-color: #ffffff;}
.headerf {font-size: 9pt; color: #99ffff;}
.headerele {background-color: #ffffff; color: #000000; text-align: center;}
.menuele {background-color: #ddffcc; color: #000000; text-align: center;}
.textele {background-color: #ffffff; color: #000000;} 
.meetele {background-color: #ffffff; color: #000000; font-size: 7pt;} 
.geoportal {background-color: #40659a; color:#ffffff;}
.quoteele {background-color: #ddffdd; color: #000000;}
.progtime {background-color: #dddd77; color: #000000;} 
.progitem {background-color: #eeee99; color: #000000;} 
.progtimed {background-color: #eeeeaa; color: #000000;} 
.progitemd {background-color: #ffffcc; color: #000000;} 
.progcomm {background-color: #63BDAD; color: #000000;} 
.mainbody {background-color: #ddddcc; color: #000000;}
.slidelib {background-color: white; color: #444567;}
.lastupdated {font-size: 7pt; color: #225588;}
.locallinks {font-size: 9pt; color: #111111;}

.headerfontl {font-size: 19pt; face="sans-serif"; color:#9999ff;}
.headerfontb {font-size: 16pt; face="sans-serif"; color:#9999ff;}
.headerfontm {font-size: 12pt; face="sans-serif"; color:#9999ff;}
.eightpix {font-size: 8pt;}
.sevenpix {font-size: 7pt;}
.bheaderfont {font-size: 13pt; face="sans-serif";}

* {face="Arial, Verdana, Helvetica, sans-serif";}

h1 {font-size: 19pt;}
h2 {font-size: 15pt;}
h3 {font-size: 13pt;}
h4 {font-size: 11pt;}
h5 {font-size: 10pt;}
p  {font-size: 9pt;}
ul {font-size: 9pt;}
ol {font-size: 9pt;}
table {font-size: 9pt;}

:link {font-size: 9pt; color: #1111aa;}
:visited {font-size: 9pt; color: #aa1111;}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;

-->
</style>