/* CSS Document */
BODY {
	font: .8em Arial, Helvetica, Verdana, sans-serif;
	color: #505050;
	background-color: #ededed;
	margin-top: 0;
	line-height: 1.3em;
}

h1  {font: 1.5em Arial, Helvetica, Verdana, sans-serif; color: #660000; margin-bottom: 14px; margin-top: 0;}
h2  {font: bold 1.3em Arial, Helvetica, Verdana, sans-serif; color: #660000; margin-bottom: 4px; margin-top: 12px;}
h3  {font-size: 1em; color: #003366; margin: 1px;}

.indent {margin-left: 17px; margin-top:0;}
.small {font-size: .85em; margin-bottom:0;}

A:link {
	color: #0066cc; text-decoration: underline
}
A:visited {
	color: #003399; text-decoration: underline
}
A:active {
	color: #0066cc; text-decoration: none
}
A:hover {
	color: #0066ff; text-decoration: none
}

a.cat, a.cat:visited {font-size: 1em; color: #003366; margin: 1px; text-decoration: none;}

ul {
	margin-top:4px;
}

li{
	padding-bottom: 6px;
	list-style-image :  url(images/bullet1.gif);
	margin-left:-22px
}

#navbar2 {
	height: 22px;
	width: 100%;
	background: url(images/bg-topnav.jpg) repeat-x;
	font-weight: normal;
	border-top: #fff 1px solid;
}

#navbar2 ul {
	margin: 1px 0 0 16px;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	line-height: 22px;
	white-space: nowrap;
}

#navbar2 li {
	list-style-type: none;
	display: inline;
	padding-top: 3px;
	margin-left: -5px
}

#navbar2 li a {
	text-decoration: none;
	padding: 3px 14px;
	color: #fff;
}

#navbar2 li a:hover {
	font-weight: normal;
	color: #fff;
	background: url(images/bg-topnav-ro.jpg) repeat-x;
	padding-top: 3px;
}

#pagewrap	{
	width: 970px;
	border: #003366 2px solid;
	margin:auto;
}

#head-wrap {
	border-bottom:#a0a0a0 1px solid;
	height: 82px;
	background: #ececec url(images/bg-head.jpg) repeat-x;
}

#head-left {
	width: 550px;
	padding: 6px 20px 0px 12px;
	float: left;
}

#head-right {
	padding: 0;
	float: right;
}

#head-right-top {
	padding: 3px 12px 1px 10px;
	width: 330px;
	float: right;
	text-align: right;
	background: #f8f8f8 url(images/bg-hd-rt-tp.jpg) no-repeat;
}

#head-right-bot {
	padding: 10px 25px 2px 0;
	float: right;
	text-align:right;
}

#body-wrap {	
	background-color: #fff;
	padding: 14px 12px 14px 12px;
	height: 1%;
}

.box-t1 {
	width: 205px;
	float: left;
	padding: 12px 10px 1px 10px;
	margin-right: 10px;
	border: #ccc 1px solid;
	background: #f8f8f8 url(images/bg-box.jpg) repeat-x;
}

.box-t1b {
	width: 205px;
	float: right;
	padding: 12px 10px 1px 10px;
	border: #ccc 1px solid;
	background: #f8f8f8 url(images/bg-box.jpg) repeat-x;
}

.box-t2 
{
	width: 390px;
	float: left;
	height: 500px;
	overflow: auto;
	padding: 12px 12px 14px 10px;
	margin-right: 10px;
	border: #ccc 1px solid;
	background: #f8f8f8 url(images/bg-box.jpg) repeat-x;
	
}
.box-mapHelp
{
    top: 10px;
    overflow: auto;
    height: 700px;
    width: 89%;
	float: left;
	padding: 12px 12px 14px 10px;
	margin-right: 10px;
	border: #ccc 1px solid;
	background: #f8f8f8 url(images/bg-box.jpg) repeat-x;
}
.box-t2All 
{
	
	width: 265px;
	float: left;
	padding: 12px 12px 14px 10px;
	margin-right: 10px;
	border: #ccc 1px solid;
	background: #f8f8f8 url(images/bg-box.jpg) repeat-x;
	overflow: auto;  
	height: 490px;
}
.box-t3 {
	width: 647px;
	float: left;
	padding: 12px 12px 14px 10px;
	margin-right: 10px;
	border: #ccc 1px solid;
	background: #f8f8f8 url(images/bg-box.jpg) repeat-x;
}

#center {
	width: 470px;
	float: left;
	margin-right: 5px;
	padding: 1px;
}

.textbox {
	width: 465px;
	margin: 10px 12px 10px 238px;
}

#projpic {
	width: 455px;
	height: 400px;
	border: #ccc 1px solid;
	float: right;
}

#footer {
	background-color: #003366;
	padding: 5px 12px 5px 12px;
	color: #fff;
	font-size: .85em;
}

#footer a {
	color: #fff;
	padding: 0 5px 0 5px;
}

#map-help {
	margin: -8px 233px 0 0;
	float:right;
}

.clear  {
	clear: both;
}

#mapHolder 
{	
    margin: 0 0 0 0;
    float: right;
    position: relative;
    width: 520px;
    height: 500px;
    border: #ccc 1px solid;   
}
#mapHolder2
{
    margin: 10px 0 0 0;
    float: right;
    position:relative;
    width:260px;
    height:230px;
    border:#ccc 1px solid;
}
#mapHolderAll 
{	
    margin: 0 0 0 0;
    float: right;
    position: relative;
    width: 640px;
    height: 500px;
    border: #ccc 1px solid;   
}
#myMap
{
    height: 100%; 
    width:100%;
}

.xSmallFont
{
	font-size:small;
}
.mapLayers
{ 
	position : absolute; 
	top: 0px;  
	left: 10px;
	width:95%; 
	text-align: center;
	color: Black;
	height: 22px; 
	border: solid 1px #003366; 
    z-index:20;
    background:  #f8f8f8 url(images/bg-box.jpg) repeat-x;    
}
a.allLink
{font-size: 1em; color: #003366; margin: 1px; text-decoration: underline;}
