/* CSS Document */

html, body{ 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
}

body{
	background: #fff;
	color: #222;
 	margin: 0 auto;
	width: 1000px;
}

a{
	font-size: 12px;
}

a, a:visited{
	color: #000;
}

a:hover{
	color: #090;
}

anchor, a.anchor:hover, a.anchor:visited{
	color: #06c !important;
}

a.lnk{
	font-weight: bold;
    text-decoration: none;
}


h1{
	color:#06c;
	font-size: 18px;
	font-weight: 200;
}

h2{
	color:#06c;
	font-size: 16px;
	font-weight: 200;
}

h3{
	border-bottom: solid 1px #aaa;
	color:#000;
	font-size: 14px;
	line-height: auto;
	padding-top: 5px;
	width: auto;
}

h4{
	color:#000;
	font-size: 16px;
	font-weight: 200;
}

input,select, textarea { background: #f9f9f9; border: solid 1px #c5e1a8; color:#666; border-radius:2px;} 
input, textarea {padding:1px 2px;}
input.firstname { margin-right:5px; width: 115px; }
input.lastname { width: 125px; }
input.text { width: 250px; }

p{
	line-height: 24px;
	text-align: justify;
}

textarea { resize:none; }

ul li{
	line-height: 20px;
}

#banner { 
	background: #fff url(img/top001.png) no-repeat; 
	box-shadow: 1px 2px 5px #333;
	color: #fff;
	height: 140px;
	margin: 0 auto; 
	padding: 0 10px;
	position: fixed;
	text-shadow: 1px 1px 2px #333; 
	width: 980px;
	z-index: 100; 
}

#border_left_img{ 
	background: url(img/border-img.png); 
	height: 12px; 
	position: fixed; 
	top: 138px;
	width: 10px; 
	z-index: 1;
}

#border_right_img{ 
	background: url(img/border-img.png) -13px 0 no-repeat; 
	height: 12px; 
	position: fixed; 
	margin-left: 990px;
	top: 138px; 
	width: 10px; 
	z-index: 1;
}

#cmo-flags{
	background: url(img/top001.png) 0 -155px no-repeat;
	border-top: solid 1px #333;
	box-shadow: 2px 3px 5px #333;
	height: 25px;
	padding: 9px 0;
	position:relative;
	width: 980px;
	z-index:100;
}

#container{ 
	height: auto; 
	margin: 0 auto;
	padding: 180px 0 5px 0;
	width: 980px; 
}

#content{
	background: #fff;
	border: solid 1px #aaa;
	box-shadow: 2px 0px 5px #333; 
	height: 100%;
	left: 2px;
	padding: 10px;
	padding-bottom: 60px;
	position: relative;
	top: 30px;
	width: 954px;
}

#content ul{
	list-style-type: square;
}

#left-col{
	background: #eee url(img/trans.png);
	border: solid 1px #aaa;
	border-bottom-right-radius: 10px;
	font-size: 11px !important;
	width: 200px;
	height:100%;
	padding: 10px;
	position: relative;
	top: -11px;
	left: -11px;
}

#left-col form{
	font-size: 11px;
}
/*	
#loginform{
	background: #eee;
	border: solid 1px #aaa;
	border-radius: 10px;
	width: 200px;
}

#loginform IMG{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#loginform input.text{
	width: 185px;
}
*/
#observations_curr{
	border: solid 1px #909090;
	font-size: 11px;
}

#outputs{
	left: 2px;
	top: 31px;
	margin: 0 auto;
	position: relative;
	width: 980px;
}

#outputs-inner{
	background: #eee;
	border: solid 1px #aaa;
	border-top-right-radius: 15px;
	box-shadow: 2px 3px 5px #333; 
	position: relative;
	width: 900px;
}

#partners{
	background: url(img/partners.png) no-repeat;
	height: 200px;
	left: 120px;
	position: relative;
	top: 50px;
	width: 560px;
}

#related{
	font-size:11px;
	padding: 0 10px;
}

#related p{
	line-height: 12px;
}

#related a,#related a:visited{
    color: #333;
    text-decoration: none;
}

#related a:hover{
    text-decoration: underline;
}

#results{
	padding-top:20px;
	width:60%;
}

#right-col{
	padding: 10px;
	position: relative;
	right: -10px;
	top: -10px;
	width: 220px;
}

#right-col div.heading{
	background: #eee url(img/trans.png);
	border: solid 1px #aaa;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	box-shadow: 0px 1px 5px #333;
	padding: 10px;
	position: relative;
	right: -11px;
	width: 200px;
}

#slideshow{
    position: relative;
    left: 0;
    height: 265px;
    top: 0;
    width: 930px;
}
#slideshow IMG { border:none; box-shadow: 2px 3px 5px #333;}
#slideshow a{
    left:0;
    opacity:0.0;
    position:absolute;
    top:0;
    z-index:8;
}

#slideshow a.active{
    z-index:10;
    opacity:1.0;
}

#slideshow a.last-active{
    z-index:9;
}

.date{
	font-size: 14px;
	padding: 0 10px;
}

.err, .required{ color:#e00;}
.err, .label{ font-size: 11px;}

.footnote, .footnote a, .footnote a:hover, .footnote a:visited{
	color: #999;
}

.footnote a, .footnote a:visited{
	font-weight: bold;
	text-decoration: none;
}

.footnote a:hover{
	text-decoration: underline;
}

.footnote{
	font-size:11px;
	margin: 60px 10px 0 10px;
	text-align: left;
}

.label{ 
	color: #666;
	margin-left: 2px;
	text-align: left;
}

.msg{ height:12px;}

.observations{
	background: url(img/trans.png);	
	padding: 5px;
}

.social{ position:fixed; top:0; right:0; z-index:1000;}
.social ul{ padding:0; margin:0; list-style:none; }
.social > li{ display:inline-block; } 

.title{
	color: #06c !important;
	font-size: 14px;
	text-decoration: none;
}

.url{
	color: #090 !important;
}

ul.main00 {
	background: #333 url(img/trans1.png);
	left: -10px;
	margin: 0 auto;
	padding: 5px 0;
	position: relative;
	width: 1000px;
}

ul.main00 li{
	display: inline;
}

ul.main00 li a,ul.main00 li a:visited{color:#fff;}

ul.main00 li a,ul.main00 li a:visited,li.active	{
	font-size:12px;
	letter-spacing:0.1em;
	padding: 2px 8px;
	text-decoration: none;
}

ul.main00 li a:hover,ul.main00 li a:active, li.active{
	background-image: url(img/trans1.png);
	border-bottom: solid 4px #f60;
}


#Tabbed-Panels ul{padding:0;}
#Tabbed-Panels ul li {display:inline-block;}
#Tabbed-Panels ul a {
  padding:6px 10px;
  text-decoration:none !important;
  margin:1px;
  margin-left:0;
}
#Tabbed-Panels ul a:hover {
  text-decoration:underline !important;
  }
#Tabbed-Panels ul a.selected {
  text-decoration:underline !important;
  margin-bottom:0;
  color:#090;
  cursor:default;
  }
#Tabbed-Panels div {
  background:#fff;
  padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
}