body {
font-family: Verdana, sans-serif;
font-size: 83%;
margin:0;
padding:0;
background: #dbdbdb;
text-align: center;
min-width: 900px;
}

#mainpage {
width:900px;
padding:0px;
margin:0 auto;
border: 10px solid #fff;
}

#mainpage2 {
width:900px;
padding:0px;
margin:0 auto;
border: 10px solid #fff;
background:url(../images/background_grey.jpg) repeat-y;
}

.graphics {
margin-left:2px; 
}

#top {
height: 75px;
background: #212192;
border-bottom: 1px solid #fff;
}

.logo1 {
height: 40px;
background:#212192;
float: left;
margin: 5px;
}

.portal {
float: right;
height: 20px;
background: #212192;
text-decoration: none;
color: #FFF;
text-align: center;
font-size: 0.814em;
font-weight: normal;
margin: 0px;
padding-left: 10px;
padding-right:10px;
padding-top:5px;
}

.style1 {color: #FFFFFF}

.logo5 {
height: 40px;
background: #3671b5;
float: right;
margin-top: 5px;
}

#mainnav {
height: 25px;
background:#212192
}

#mainnav2 {
height: 25px;
background:#212192
}

.mainnav1-contactus a,
.mainnav1-Glossary a,
.mainnav1-login a,
.mainnav1-newsevents a,
.mainnav1-publications a,
.mainnav1-services a,
.mainnav1-about a,
.mainnav1-home a,
.mainnav1-library a,
.mainnav1-maps a,
.mainnav1-datasurveys a,
.mainnav1-logout a,
.mainnav1-planningsupport a,
.mainnav1-models a, 
.mainnav1-faq a   {
float: left;
height: 20px;
background: #212192;
text-decoration: none;
color: #FFF;
text-align: center;
font-size: 0.814em;
font-weight: normal;
margin: 0px;
padding-left: 10px;
padding-right:10px;
padding-top:5px;
}

.mainnav1-contactus a:hover,
.mainnav1-Glossary a:hover, 
.mainnav1-login a:hover, 
.mainnav1-newsevents a:hover, 
.mainnav1-publications a:hover, 
.mainnav1-services a:hover, 
.mainnav1-about a:hover, 
.mainnav1-home a:hover,
.mainnav1-library a:hover,
.mainnav1-maps a:hover,
.mainnav1-datasurveys a:hover,
.mainnav1-planningsupport a:hover,
.mainnav1-logout a:hover,
.mainnav1-models a:hover, 
.mainnav1-faq a:hover   {
float: left;
height: 20px;
background: #CC3300;
text-decoration: none;
color: #FFF;
text-align: center;
font-size: 0.814em;
font-weight: bold;
margin: 0px;
padding-left: 10px;
padding-right:10px;
padding-top:5px;
}

#contactus #mainnav .mainnav1-contactus a,
#Glossary #mainnav .mainnav1-Glossary a,
#logout #mainnav .mainnav1-logout a,
#faq #mainnav .mainnav1-faq a,
#maps #mainnav .mainnav1-maps a,
#library #mainnav .mainnav1-library a,
#login #mainnav .mainnav1-login a,
#models #mainnav .mainnav1-models a,
#news #mainnav .mainnav1-news a,
#home #mainnav .mainnav1-home a,
#library #mainnav .mainnav1-library a,
#maps #mainnav .mainnav1-maps a,
#datasurveys #mainnav .mainnav1-datasurveys a,
#planningsupport #mainnav .mainnav1-planningsupport a  {
background: #CC3300;
font-weight: bold;
}


.mainnav2-Modelling Portal a,
.mainnav2-Data Collection Portal a,
.mainnav2-Planning Portal a,
{
float: left;
height: 20px;
background: #3671b5;
text-decoration: none;
color: #FFF;
text-align: center;
font-size: 0.814em;
font-weight: normal;
margin: 0px;
padding-left: 10px;
padding-right:10px;
padding-top:5px;
}

.mainnav2-Modelling Portal a:hover,
.mainnav2-Data Collection Portal a:hover, 
.mainnav2-Planning Portal a:hover, 
{
float: left;
height: 20px;
background: #CC3300;
text-decoration: none;
color: #FFF;
text-align: center;
font-size: 0.814em;
font-weight: bold;
margin: 0px;
padding-left: 10px;
padding-right:10px;
padding-top:5px;
}

#Modelling Portal #mainnav2 .mainnav2-Modelling Portal a,
#Data Collection Portal #mainnav2 .mainnav2-Data Collection Portal a,
#Planning Portal #mainnav2 .mainnav2-Planning Portal a,
{
background: #CC3300;
font-weight: bold;
}


#gap {
height: 40px;
width: 900px;
background:#fff;
float:left;
}

.gap {
height: 150px;
background:#fff;
}

.graphics {
margin-top:5px;
margin-bottom:10px;}

#line {
width: 900px;
height: 23px;
background:#fff;
border-bottom: 2px solid #F2F2F2;
float: left;
margin: 0px;
padding: 0px;
font-family: Verdana, sans-serif;
font-size: 0.814em;
color:#696969;
}

.line1 {
width: 470px;
height: 23px;
float: left;
background: #f2f2f2;
margin: 0px;
padding: 0px;
border: none;
}
.corner {
float: left;
margin: 0px;
padding: 0px;
}
.line3 {
background:#fff;
float: left;
margin: 0px;
padding: 0px;
font-family: Verdana, sans-serif;
font-size: 0.814em;
color:#696969;
}

.line2 {
width: 161px;
height: 23px;
float: left;
background:#fff;
font-family: Verdana, sans-serif;
font-size: 0.814em;
color:#696969;
}

#left {
float:left;
width: 170px;
height: 575px;
margin-top: 0px;
background: #F2F2F2;
float:left;
border-top: 2px solid #fff;

}

#left2 {
float:left;
width: 170px;
height: 700px;
margin-top: 0px;
background: #F2F2F2;
float:left;
border-top: 2px solid #fff;
}

#left3 {
float:left;
width: 170px;
height: 600px;
margin-top: 0px;
background: #F2F2F2;
float:left;
border-top: 2px solid #fff;
}

#left4 {
float:left;
width: 170px;
height: 695px;
margin-top: 0px;
background: #F2F2F2;
float:left;
border-top: 2px solid #fff;
}

#left5 {
float:left;
width: 170px;
height: 707px;
margin-top: 0px;
background: #F2F2F2;
float:left;
border-top: 2px solid #fff;
}

#left6 {
float:left;
width: 170px;
height: 699px;
margin-top: 0px;
background: #F2F2F2;
float:left;
border-top: 2px solid #fff;
}

#left7 {
float:left;
width: 170px;
height: 755px;
margin-top: 0px;
background: #F2F2F2;
float:left;
border-top: 2px solid #fff;
}

#left8 {
float:left;
width: 170px;
height: 900px;
margin-top: 0px;
background: #F2F2F2;
float:left;
border-top: 2px solid #fff;
}

#left9 {
float:left;
width: 170px;
height: 785px;
margin-top: 0px;
background: #F2F2F2;
float:left;
border-top: 2px solid #fff;
}

#left10 {
float:left;
width: 170px;
height: 1459px;
margin-top: 0px;
background: #F2F2F2;
float:left;
border-top: 2px solid #fff;
}

.leftbarnav a{
float: left;
width: 160px;
background: #F2F2F2;
font-size: 0.814em;
text-decoration: none;
color: #000; 
text-align: left;
padding: 5px;
border-bottom:1px solid #DBDBDB;
}

.leftbarnav a:hover{
float: left;
width: 160px;
background: #DBDBDB;
font-size: 0.814em;
font-weight: normal;
text-decoration: none;
color: #CC3300; 
text-align: left;
padding: 5px;
border-bottom:1px solid #DBDBDB;
}

.leftbarnav1 a{
float: left;
width: 150px;
background: #F2F2F2;
font-size: 0.814em;
text-decoration: none;
color: #3671b5; 
text-align: left;
padding-left: 10px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 5px;
}

.leftbarnav1 a:hover{
float: left;
width: 150px;
background: #F2F2F2;
font-size: 0.814em;
font-weight: normal;
text-decoration: underline;
color: #3671b5; 
text-align: left;
padding-left: 10px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 5px;
}

.leftbarnav2 a{
float: left;
width: 140px;
background: #F2F2F2;
font-size: 0.814em;
text-decoration: none;
color: #CC3300; 
text-align: left;
padding-left: 20px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 5px;
}

.leftbarnav2 a:hover{
float: left;
width: 140px;
background: #F2F2F2;
font-size: 0.814em;
font-weight: normal;
text-decoration: underline;
color: #CC3300; 
text-align: left;
padding-left: 20px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 5px;
}

.leftbarnav3 a{
float: left;
width: 130px;
background: #F2F2F2;
font-size: 0.814em;
text-decoration: none;
color: #3671b5; 
text-align: left;
padding-left: 30px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 5px;
}

.leftbarnav3 a:hover{
float: left;
width: 130px;
background: #F2F2F2;
font-size: 0.814em;
font-weight: normal;
text-decoration: underline;
color: #3671b5; 
text-align: left;
padding-left: 30px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 5px;
}

.newstext {
font-family: Verdana, sans-serif;
font-size: 0.814em;
font-weight: normal;
text-decoration: none;
text-align: left;
color: #696969; 
padding: 0 7px;
}
#textpage {
float:right;
width: 730px;
height:575px;
background: #fff;
border-top: 2px solid #fff;
text-align: left;
}

#textpage2 {
float:right;
width: 730px;
background: #fff;
border-top: 2px solid #fff;
text-align: left;
}

#textpage3 {
float:right;
width: 730px;
height:auto;
background: #fff;

text-align: left;
}

#textpage4 {
float:right;
width: 730px;
height:600px;
background: #fff;
border-top: 2px solid #fff;
text-align: left;
}

#textpage5 {
float:right;
width: 730px;
height:780px;
background: #fff;
border-top: 2px solid #fff;
text-align: left;
}

#textpage6 {
float:right;
width: 730px;
height:785px;
background: #fff;
border-top: 2px solid #fff;
text-align: left;
}

#textpage7 {
float:right;
width: 730px;
height:900px;
background: #fff;
border-top: 2px solid #fff;
text-align: left;
}

#textpage8 {
float:right;
width: 730px;
height:auto;
background: #fff;
border-top: 2px solid #fff;
text-align: left;
}

#gapbottom {
clear:both;
height: 25px;
background:#fff;
}

#footer {
clear: both;
width: 900px;
padding:0px;
height: 63px;
margin-top: 0px;
border-top: 1px solid #3671b5;
background: #fff;
}

.footertext {
float: left;
font-family: Verdana, sans-serif;
font-size: 0.814em;
text-decoration: none;
margin-top:5px;
margin-left:5px;
color: #696969; 
}

.logo2 {
height: 60px;
background: #212192;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
float: right;
}

.logo3 {
height: 13px;
background: #FFF;
margin-top: 20px;
margin-right: 5px;
float: right;
}

.logo4 {
height: 37px;
background: #FFF;
margin-top: 21px;
margin-right: 10px;
float: right;
}

img {
border: none;
}

.boxlinks a{
float: left;
color: #fff;
background: #F2F2F2;
padding-left: 5px;
padding-bottom: 10px;
}	

.boxlinks a:hover {
float: left;
color: #AEAFFF;
background: #F2F2F2;
padding: 5px;
filter: alpha(opacity=70);
opacity: 0.5;
width: 46px;
}

h1 {
font-size: 1em;
color: #000; 
margin-left: 20px;
margin-top: 5px;
text-align:left;
}

h2 {
font-size: 1em;
color: #CC3300; 
padding-left: 10px;
margin-top: 5px;
text-align:left;
}

.h2 {
font-size: 1em;
color: #CC3300; 
padding-left: 10px;
padding-bottom: 20px;
margin-top: 5px;
text-align:left;
width: 600px;
font-weight:bold;
}

h3{
font-size: 0.814em;
color: #CC3300; 
padding-left: 7px;
margin-top: 5px;
text-align:left;
}

h4 {
font-size: 0.814em;
color: #000; 
margin-left: 10px;
margin-top: 20px;
text-align:left;
}

h5 {
font-size: 0.814em;
color: #000; 
padding-left: 7px;
margin-top: 5px;
text-align:left;
}
.maintext {
font-family: Verdana, sans-serif;
font-size: .814em;
font-weight: normal;
text-decoration: none;
color: #000; 
padding-left: 10px;
padding-right: 20px;
text-align:justify;
}

.squarebullet {
font-family: Verdana, sans-serif;
font-size: .814em;
font-style: normal;
list-style-type: square;
list-style-position: outside;
color: #000;
text-decoration: none;
padding-left: 10px;
padding-right: 20px;
padding-bottom: 3px;
}

.squarebullet2 {
font-family: Verdana, sans-serif;
font-size: .814em;
font-style: normal;
list-style-type: circle;
list-style-position: inside;
color: #000;
text-decoration: none;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 3px;
}

.links {
font-family: Verdana, sans-serif;
font-size: 0.814em;
font-weight: normal;
text-decoration: none;
text-align: left;
color: #696969; 
margin-left: 5px;
margin-right: 5px;
padding-top: 15px;
background: #fff;
}

.objectives {
text-align: center;}

a {text-decoration: underline; color:#000}
a:hover {color:#696969; text-decoration:none;}
						

.date {
float: right;
background: #212192;
text-decoration: none;
color: #FFF;
text-align: left;
font-size: 0.814em;
font-weight: normal;
margin: 0px;
padding-left: 5px;
padding-right:5px;
padding-top:5px;
}

#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
background-color:#eeeeee;
width:355px;
height:500px;
z-index: 9002;
}

#popUpDiv2 {
position:absolute;
background-color:#eeeeee;
width:346px;
height:500px;
z-index: 9002;
}

#popUpDiv3 {
position:absolute;
background-color:#eeeeee;
width:346px;
height:500px;
z-index: 9002;
}

#popUpDiv4 {
position:absolute;
background-color:#eeeeee;
width:500px;
height:346px;
z-index: 9002;
}

#popUpDiv5 {
position:absolute;
background-color:#eeeeee;
width:346px;
height:500px;
z-index: 9002;
}

#popUpDiv6 {
position:absolute;
background-color:#eeeeee;
width:346px;
height:500px;
z-index: 9002;
}

#popUpDiv7 {
position:absolute;
background-color:#eeeeee;
width:346px;
height:500px;
z-index: 9002;
}

#popUpDiv8 {
position:absolute;
background-color:#eeeeee;
width:355px;
height:500px;
z-index: 9002;
}
table>
table {
border-collapse:collapse;
width: 700px;
border: 1px solid #666;
}

th,td {
padding: 0.2em;
border-bottom: 1px solid #dbdbdb;
}

caption {
font-size: 1em;
font-weight: bold;
margin: 8px;
text-align: left;
}

col {
border-right:1px solid #ccc;
}

col#dateCol {
border:none;}

thead {
background:#f2f2f2;
color: #CC3300;
border-top: 1px solid #fff;
}

th {
font-weight:normal;
text-align:left;
}

.odd {
background-color:#FFFFCC;
}

.odd1 {
background-color:#87C2C2;
}

.odd2 {
background-color:#BFEBFF;
}

col#yearCol {
width: 50px;
}

col#testCol {
width: 80px;
}

col#idCol {
width: 30px;
} 

col#scenarioCol {
width: 30px;
} 

col#dateCol {
width: 100px;
} 

col#classCol {
width:150px;
}
col#useCol {
width: 270px;
}
col#usetelmos {
width: 200px;
}
table>

/*model components*/
.components {
width:729px;
height:660px;
text-align:center;
}
/*end model components*/

/*reports*/

.titles {padding:5px; }

.titles span {color:#CC3300;}
.titles a {font-size: 1em; font-weight: bold; color:#000; text-decoration:underline}
.titles a:hover {font-size: 1em; font-weight: bold; color:#000;text-decoration:none}
.titles img {float:left; margin-right: 30px; margin-bottom: 10px; color:#FFFFFF; background:#FFFFFF;}
.titles p {float:left;}
.break {border-bottom: 1px solid #212192;}
.clear {clear:both;}
/*endreports*/
.rightbar_picture2 a{
float:left;
color:#FFF;
background: #c3cdd6;
width: 120px;
height: 91px;
margin-right: 10px;
}	

span {color:#CC3300;text-decoration: underline}
span a:hover {color:#CC3300;text-decoration: none}

/* user form */
input#txtUserName,  input#txtPassword {
width: 170px;
}

#txtUserName {
color:#696969;
font-family: Verdana, sans-serif;
font-size: 11px;
}
#txtPassword {
color:#696969;
font-family: Verdana, sans-serif;
font-size: 11px;
}

#Submit {
color: #CC3300;
font-family: Verdana, sans-serif;
font-size: 11px;
}

fieldset {
border: none;}
/* end user form */

.sitemap1{
font-family: Verdana, sans-serif;
font-size: 0.814em;
font-weight: bold;
text-decoration: none;
color: #000; 
list-style-type:none;
padding-top: 8px;
text-align:justify;
}

.sitemap2 {
font-family: Verdana, sans-serif;
font-size: 0.814em;
font-weight: normal;
text-decoration: none;
color: #000; 
list-style-type:none;
padding-left: 10px;
padding-top: 5px;
text-align:justify;
}

.sitemap3 {
font-family: Verdana, sans-serif;
font-size: 0.814em;
font-weight: normal;
text-decoration: none;
color: #000; 
list-style-type:none;
padding-left: 30px;
padding-top: 5px;
text-align:justify;
}

/*front page*/

#topfront {
height: 100px;
background: #fff;
border-bottom: 1px solid #fff;
}
.textpagefront {
float:left;
background: #fff;
text-align: left;
font-family: Verdana, sans-serif;
font-size: .814em;
font-weight: normal;
text-decoration: none;
color: #000; 
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
text-align:justify;
border-bottom: 1px solid #dbdbdb;
}

.textpagefront1{
float:left;
width: 710px;
background: #fff;
text-align: justify;
font-family: Verdana, sans-serif;
font-size: 0.814em;
font-weight: normal;
text-decoration: none;
color: #000; 
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
text-align:justify;

}

.textpagefront2 {
float:left;
background: #fff;
text-align: left;
font-family: Verdana, sans-serif;
font-size: .814em;
font-weight: normal;
text-decoration: none;
color: #000; 
padding-left: 10px;
padding-bottom: 13px;
width:418px;

}

.textpagefront3 {
float:left;
width: 710px;
background: #fff;
text-align: left;
font-family: Verdana, sans-serif;
font-size: .814em;
font-weight: normal;
text-decoration: none;
color: #000; 
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
text-align:justify;
border-top: 1px solid #dbdbdb;
}


h6 {
font-size: 1.6em;
font-family: Verdana, sans-serif;
color: #CC3300; 
padding-left: 0px;
margin-top: 5px;
text-align:left;
}

.frontheading {
font-size: 1.2em;
font-family: Verdana, sans-serif;
color: #3671b5; 
padding-left: 0px;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
}

.box1 {
float: right;
width: 138px;
height:150px;
background: #fff;
text-align:center;}

.box2 {
float: right;
width: 138px;
height:150px;
background: #fff;
text-align:center;}

.box3 {
float: right;
width: 138px;
height:150px;
background: #fff;
text-align:center;}

.boxes a {font-size: 1em; font-weight: bold; color:#000; text-decoration:underline}
.boxes a:hover {font-size: 1em; font-weight: bold; color:#000;text-decoration:none}
.boxes img {float:right; margin-left: 10px; margin-bottom: 10px; margin-top: 10px;color:#FFFFFF; background:#FFFFFF;}
.boxes p {text-align:center; float:right;}
.logo1front {
height: 40px;
background:#fff;
float: left;
margin: 5px;
}

.logo2front {
height: 60px;
background: #fff;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
float: right;
}

/*applications*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.popup{
position: relative;
z-index: 0;
}

.popup:hover{
background-color: transparent;
z-index: 50;
}

.popup span{ /*CSS for enlarged image*/
float: left;
position: absolute;
background-color: #dbdbdb;
padding: 5px;
left: -1000px;
border: 1px solid #dbdbdb;
visibility: hidden;
color: black;
text-decoration: none;
}

.popup span img{ /*CSS for enlarged image*/
float: right;
border-width: 0;
padding: 2px;
}

.popup:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
width: 500px;
top: 0px;
left: 150px; /*position where enlarged image should offset horizontally */

}

input#zoom_query{
color:#696969;
font-family: Verdana, sans-serif;
font-size: 0.9em;
width: 150px;
border:1px solid #3671b5;  position:relative;
margin-bottom:2px;

}

#go {
width: 24px;
height:17px;
background:#212192;
border: none;
color:#fff;
font-weight: normal;
font-family: Verdana, sans-serif;
font-size: 0.814em;
margin-bottom:2px;
padding:2px;
 }
 
.sitemap1{
font-family: Verdana, sans-serif;
font-size: 0.814em;
font-weight: bold;
text-decoration: none;
color: #000; 
list-style-type:none;
padding-top: 8px;
text-align:justify;
}

.sitemap2 {
font-family: Verdana, sans-serif;
font-size: 0.814em;
font-weight: normal;
text-decoration: none;
color: #000; 
list-style-type:none;
padding-left: 10px;
padding-top: 5px;
text-align:justify;
}

.sitemap3 {
font-family: Verdana, sans-serif;
font-size: 0.814em;
font-weight: normal;
text-decoration: none;
color: #000; 
list-style-type:none;
padding-left: 30px;
padding-top: 5px;
text-align:justify;
}
 
/*environmental analysis*/

#topfront {
height: 100px;
background: #fff;
border-bottom: 1px solid #fff;
}

.textphoto1{
float:left;
width: 388px;
background: #fff;
text-align: justify;
font-family: Verdana, sans-serif;
font-size: 0.814em;
font-weight: normal;
text-decoration: none;
color: #000; 
padding-left: 10px;
padding-right: 20px;
padding-bottom: 3px;
text-align:left;

}

.textphoto2 {
float:left;
background: #fff;
text-align: left;
font-family: Verdana, sans-serif;
font-size: .814em;
font-weight: normal;
text-decoration: none;
color: #000; 
padding-left: 10px;
padding-bottom: 13px;
width:300px;

}

.squarebullet {
font-family: Verdana, sans-serif;
font-size: .814em;
font-style: normal;
font-weight: normal;
list-style-type: square;
list-style-position: outside;
color: #000;
text-decoration: none;
padding-left: 10px;
padding-right: 20px;
padding-bottom: 3px;
}

.box1 {
float: left;
width: 138px;
height: 138px;
background: #fff;
text-align:center;}

.box2 {
float: left;
width: 138px;
background: #fff;
text-align:center;}

.boxes a {font-size: 1em; font-weight: bold; color:#000; text-decoration:underline}
.boxes a:hover {font-size: 1em; font-weight: bold; color:#000;text-decoration:none}
.boxes img {float:right; margin-left: 10px; margin-bottom: 10px; margin-top: 10px;color:#FFFFFF; background:#FFFFFF;}
.boxes p {text-align:center; float:right;}
.logo1front {
height: 40px;
background:#fff;
float: left;
margin: 5px;
}

#navbar{
width:auto;
height:auto;
background:#3671b5 left top repeat-x; }
#navbar .inbar{
color:#FFFFFF;
display:block;
height:20px;
background:#3671b5 right top no-repeat; }
#navbar , #navbar  li{
color:#FFFFFF;
border:0px;
margin:0px;
padding:0px;
list-style:none;
height:20px;
line-height:20px; } #navbar {
background:#3671b5 left top no-repeat; }
#navbar li{
color:#FFFFFF;
float:left;
display:block;
line-height:20px; }
#navbar li a{
color:#FFFFFF;
text-align: center;
text-decoration:none;
font-size: 0.814em;
font-weight:normal;
display:block; }
#navbar li a span{
color:#FFFFFF;
font-size: 0.814em;
text-align: center;
padding:0 20px 0 0;
height:20px;
line-height:20px;
display:block;
margin-left:20px; }
#navbar .navhome a, #navbar .navhome a:hover{
color:#FFFFFF;
font-size: 0.814em;
text-align: center;
background:#3671b5;
height:20px;
line-height:20px; }
#navbar .navhome a span, #navbar .navhome a:hover span{
color:#FFFFFF;
font-size: 0.814em;
text-align: center;
background:#CC3300 right top no-repeat;
height:20px;
line-height:20px; }
#navbar li a:hover{
background:#CC3300 left top no-repeat;
color:#FFFFFF;
font-size: 0.814em;
text-align: center;
height:20px;
line-height:20px; }
#navbar li a:hover span{
color:#FFFFFF;
font-size: 0.814em;
background:#CC3300 right top no-repeat;
height:20px;
line-height:20px; } 

.radiob{
margin-right:25px;
}