/* force scrollbars on in Firefox */
html {overflow: -moz-scrollbars-vertical;}

/* By default disable all borders on images */
img {
	border: none;
}

* { 
	padding: 0; 
	margin: 0; 
	/*line-height: 20px;*/
	}

body {
	background: #00483f;
	margin: 0;
	padding: 0;
}


#container{
	width: 750px;
	margin: 0 auto; 
}


#content {
	background: #fff;
	padding: 0 0 6px 0; 
	height: 100%;
	line-height: 120%;
	margin: 0;
	clear: both;

}
/* langbar

---------------------------------------------------------- */

#lang{
	
	display:block;
	font-size:60%;
	/*background: url(images/langbar_bg.gif) no-repeat scroll 0% 0%;*/
	font-family: arial, helvetica, tahoma, sans-serif;
	text-align: right;
	margin: 0;
	padding-left: 40px;
	padding-right: 10px;
	}
	
#lang ul {
      margin:0;
	padding: 0;
      list-style:none;
      color: #668caa;
      }

#lang li {
      display:inline;
      margin:0;
      padding:0 6px;
      }

#lang li a{
	color: #668caa;
	text-decoration: none;
	}

#lang li a#currentlang{
	color: #bababa;
	}

#lang li a:hover{
	color: #fff;
	}

#lang li a.skip	{
	font-size:10%;
	color: #003f72;
}

/* logobar

---------------------------------------------------------- */

#logobar{
	clear: both;
}

#logobar h1{
	width: 200px;
	float: left;
}

#logobar h1 span{
display:none;
}

img.right {
	margin-left: 56px;
	float: left;
	}



/* header image

---------------------------------------------------------- */

#imgheader{
padding: 0;
}



.l3current {
	background: #white;
	font-weight: bold;
}

 /*IE needs differnt margin and padding set for the indented li */
* html #sidenav li ul {
    margin-top:-14px;

}
/* end IE hack */




#main{
	float: left;
	width: 567px;
	margin: 0;
	padding; 0;
}



/* typography

---------------------------------------------------------- */

#main h2, #main h3, #main h4, #main ul, #main ol {
	margin-left: 20px;
	margin-right: 20px;
	font-family: tahoma, arial, helvetica, sans-serif;
	padding-top: 9px;
}

#main h1 {
	padding-top: 1em;
	font-family: arial, helvetica, sans-serif;	
	margin-left: 20px;
	margin-right: 20px;
	font-size: 95%;
	color: #a2ad00;
}

div#content div#main p{
	margin-left: 20px;
	margin-right: 20px;
}

#main h2 {
	font-size: 90%;
}

#main h3 {
	font-size: 75%;
	padding-top: 2.6em;
}

#main h3 a{
	color: #3b689b;;
	text-decoration: none;

}

#main h3 a:visited{
	color: #69438f;
	text-decoration: none;
}

#main h3 a:hover{
	text-decoration: underline;
}

#main p{
	font-family:  arial, helvetica, tahoma, sans-serif;
	font-size: 75%;
	padding-top: 7px;
}

 #main ul, #main ol {
	font-family: arial, helvetica, tahoma, sans-serif;
	font-size: 75%;
	padding-left: 70px;

	}
	
blockquote{
	font-family: arial, helvetica, tahoma, sans-serif;
	font-size: 75%;
	margin-top: 8px;
	margin-left: 50px;
	border-left: 2px solid #ccc;
	padding-left: 3px;
	font-style: italic;
	
	width: 80%; /* stops IE italic block breaks layout bug */
	}
	
#main p.small{
	font-size: 65%;
	}

span.small{
	font-size: 85%;
	}

a.nounderline{
	text-decoration: none;
	}


span.date{
	font-style: italic;
	font-size: 95%;
	color: #999;
	}

.caption {
	color: #717171;
	font-style: italic;
}


table.tablestyler{
	font-family:  arial, helvetica, tahoma, sans-serif;
	font-size: 75%;
	margin-left: 20px;
	margin-right: 20px;
}

table.tablestyler td{
vertical-align: top;
border-bottom: 1px solid #ccc;
padding: 5px;
}

table.tablestyler pre{
		font-size: 120%;
}

.bold{
	font-weight: bold;
	}

/* force things to have same margin left as paragraphs */
.position{
	margin-left: 20px;
	margin-right: 20px;
}



/* sectionpages

---------------------------------------------------------- */
div.sectlevel1 img{
border: 1px solid black;
float: left;
/*margin-left: 20px;*/
margin-right: 6px;
margin-top: 15px;

}

div.sectlevel1{
	border-bottom: 1px dashed #ccc;
	margin-left: 20px;
	margin-right: 20px;
	clear: both;
	padding-bottom: 10px;
}


#main div.sectlevel1 h2, #main div.sectlevel2 h2{
font-size: 70%;
}

.sectlevel1 h2 a, .sectlevel2 h2 a{
text-decoration: none;
color: #3b689b;
display: block;

}

.sectlevel1 h2 a:visited, .sectlevel2 h2 a:visited{
color: #69438f;
text-decoration: none;
}

.sectlevel1 h2 a:hover, .sectlevel2 h2 a:hover{
text-decoration: underline;
}


.sectlevel1 p{
padding-top: 0;
font-size: 70%;
padding-left: 86px;
margin:0;
}



#main div.sectlevel2 p{
font-size: 75%;
padding-top: 0;
}


#main div.sectlevel2 {
width: 47%;
float: left;
}

.spacer{
clear: both;
}

/* hot news box

---------------------------------------------------------- */
#hotnews {
display: block;
background: #ead6d5 url(hotnews.gif);
background-repeat: no-repeat;
width: 517;
height: 92;
padding: 33px 100px 5px 5px;
margin: 11px 20px auto 20px;
border: 1px solid #800400;
}




/* portrait box

---------------------------------------------------------- */

div.portrait{
border: 1px solid #c2d0e4;
float: left;
width: 148px;
padding:4px;
margin: 2px 10px 6px 10px;
text-align: center;
background-color: #eef5fb;
}

div.portrait p{
margin: 0;
padding: 0;
text=align: center;
font-size: 70%;
line-height: 120%;
}

div.portrait img{
border: 1px solid #c2d0e4;
margin: 0 0 3px 0;
padding: 0;
}

div.portrait a{
margin: 0;
padding: 0;
}

div.portrait2{
float: left;
padding: 5px 7px 8px 0;
}

div.portrait2 img{
border: 1px solid #919b9b;
margin: 0;
padding: 0;
}

/* inset box

---------------------------------------------------------- */
.insetbox{
	margin: 20px;
	border: 1px solid #e7e9e9;
	background-color: #f4f6f6;
	background-image: url(inset.gif);
	padding-bottom: 8px;
	}

/* login box */

.loginbox{
	margin: 20px 0px 0px 20px;
	background-image: url(login.jpg);
	background-repeat: no-repeat;
	padding-bottom: 8px;

	height: 175px;
	}
	
	
/* map (and possibly other inset images)

---------------------------------------------------------- */
.map{
	margin-left: 20px;
	margin-bottom: 8px;
	}

/* form box

---------------------------------------------------------- */



div.formstyle{
width: 450px;  
/*border: 1px dotted #333; */
padding: 5px; 
margin: 0px;
font-family: arial, helvetica, tahoma, verdana, sans-serif;
font-size: 75%;
}

form{
margin: 0;
padding: 0;
}

div.row {
  clear: left;  /* CAUSES FIREFOX TO DISALLOW FLOAT NEXT TO SIDEBOX */
  padding-top: 10px;
  margin-top: 22px;
  }

div.row span.label {
  float: left;
  width: 200px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 235px;
  text-align: left;
  } 

/*  FOOTER
-------------------------------------------------------- */


#footer {
	clear: both; 
	color: #717171;
	margin: 0;
	padding: 3px 15px 6px 0;
	text-align: right;
	font-size: 70%;
	line-height: 2em;
	font-family: tahoma, geneva, verdana;
	line-height:150%;
	height: 1%; /*Fixes IE6 peekaboo bug */
	background: #cecece url("content-bot4.gif") no-repeat bottom left;
	margin-bottom: 10px;
}

#footer p{
	margin-bottom: 0px;
	margin-top: 2px;
}

#footer a{
	color:#717171;
	padding-left: 7px;
	padding-right: 7px;
}
#footer a:visited{
	color:#858585;
}

/*  LEGAL
-------------------------------------------------------- */


.legal {

	font-size: 90%;
	padding-right: 9px;

}





/*  HOME PAGE
-------------------------------------------------------- */

.frontpanel1, .frontpanel2, .frontpanel3{
font-family: Arial, Helvetica, Sans-Serif;
width: 238px;
height: 289px;
float: left;

}

.frontpanel1{
background: #002d60 url("front_panel1.gif") no-repeat;
}

.frontpanel2{
background: #002d60 url("front_panel2.gif") no-repeat;
}

.frontpanel3{
background: #002d60 url("front_panel3.gif") no-repeat;
}

.frontpanel2, .frontpanel3 {
margin-left: 17px;
margin-bottom: 20px;
}
.frontpanel1{
margin: 0;
}
.frontpanel1 p, .frontpanel2 p, .frontpanel3 p{ 
padding: 10px;
font-size: 78%;
color: #c8dbf0;

}
.frontpanel1 h2, .frontpanel2 h2, .frontpanel3 h2{
display:none;
}

.frontpanelcontent
{
padding-top: 0;
}


.frontpanel1 a, .frontpanel2 a, .frontpanel3 a, #announcement a, #signup a{
color: #88a5c6;
}

.frontpanel1 a:visited, .frontpanel2 a:visited, .frontpanel3 a:visited, #announcement a:visited, #signup a:visited{
color: #b288c6;
}

#announcement, #fronterror{
width: 751px;
height: 50px;
background-image: url(front_panel4.gif);
background-repeat: no-repeat;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 78%;
padding:0;
margin:0;
display: block;
}
#announcement p{
padding: 9px 10px 9px 10px;
color: #c8dbf0;
}

#fronterror p{
padding: 9px 10px 9px 10px;
margin-left: 80px;
color: #fff;
}

#fronterror {
background-image: url(fronterror.gif);
}

#signup{
width: 751px;
height: 54px;
background-image: url(front_panel4.gif);
background-repeat: no-repeat;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 78%;
padding:0;
margin:0;
display: block;
}
#signup p{
padding: 9px 10px 9px 10px;
color: #c8dbf0;
}

#signup input#Email {
background-color: #d6dddd !important;
 border: none;
 padding: 2px;
 margin-bottom: 2px;
 font-size: 90%;
 }

#signup input#submitEmail{
font-size: 90%;
height: 2.1em;
}

#home #footer{
color: #668caa;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 70%;
background: transparent;
text-align: center;

}

/*  BACKEND
--------------------------------------------------- */
#feedback{
background-image: url(fade.gif);
background-repeat: repeat;
margin: 20px;
padding: 10px;
border: 1px solid #1f8be4;
color: black;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 80%;
}