/* style */

body {
min-width: 630px;      
background-color: #B8CCB9;
text-align:left; 
font-family: verdana, arial, sans-serif; 
line-height: 140%;  
font-size: 80%;
color: #DDE5D8; 
margin:10px 0;}

p {margin-top:0; margin-bottom:1em;}
h1 {color: #395732; padding:10px;}
a:link, a:visited, a:active {color: #234E70; text-decoration:none;}
a:hover {color: #036; text-decoration:none;}
a img {border: 0px;}

h2  {  margin-bottom:8px;}

h3  {  margin-bottom:5px;}

h4  {  margin-bottom:5px;}

h5  {  margin-bottom:5px;}

ul {  margin-left:25px;}
ol {  margin-left:25px;}
.red  {color:#933;}
.terms {font-size:smaller;}
.quote {font-style:italic; float:right;}
.i {font-style:italic;}
.b {font-weight:bold;}
.larger {font-weight:bold;font-size:larger;margin-bottom:3px;background-color: #B8CCB9;
width:50%;
color: #395732;
padding: 6pt;}
.maplegend {background-color: #B8CCB9;
color: #395732; text-align:center;
padding:0px 0px 2px 0px; float:right;}
.snp {float:right;font-size:11pt;}
/* positioning ================= for fixed width centred box design */

* { margin:0; padding:0; }

html { height:100.2%; }

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }

/*** Banner */

#box {
border-width: 0px 0px 1px 0px;
border-style:inset;
border-color: #B8CCB9;
margin: 0px 0px 6px 0px;
height:40px;
background-color: #5D775E;}

#banner {
height:188px;
margin:0;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 0px;
border-color: #B8CCB9;
font-size:.7em;
background-color: #395732;
}

/*** Layout */

#pg-wrap:after {
content: '[DO NOT LEAVE IT IS NOT REAL]'; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#pg-wrap {
margin:0 auto;
background-color: #5D775E;
width:950px;
}

#block1 {
float:left;
width:100%;
margin:0;
}

#block1 .inner {
margin:0 0 0 200px;
padding:20px;
}

#col3 #block1 .inner {
margin-right:150px;
}

#block2 {
float: left;
margin-left:-150px;
width: 150px;
}

#block3 {
float:left;
margin-left:-100%;
padding: 0px 20px 0px 10px;  
width:170px;
border-width: 0px 0px 0px 0px;  
border-style: dotted;
border-color: #395732;
background-color: #5D775E;
}

#foot {
clear:both;
padding:10px 0px 5px 0px;
font-size:.8em;
text-align:center;
margin-top: 10px;
border-top-width: 2px;
border-style:outset;
border-color: #B8CCB9;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
}


img.float-left {
float:left;
margin:.4em 12px 10px 0px;
 border-width: 1px; border-style:inset; border-color: #354030;
}

img.float-right {
float:right;
margin:.4em 0px 10px 8px;
 border-width: 1px; border-style:inset; border-color: #354030;
}

.img-center {
margin:1em 0px 10px 0px;
text-align:center;
 border-width: 1px; border-style:inset; border-color: #354030;
}

.center {
margin:.4em auto; text-align:center;
 border-width: 1px; border-style:inset; border-color: #354030;
}
.center2 {
margin: auto; text-align:center;

}

.img-center img {
display:inline;
}

/* main-menu ========== */

#main-menu ul {
list-style:none;		/* removes bullets */
margin:0;
 padding:0px;
}

#main-menu li {
line-height:normal;
font-size:10pt;
 margin-left:0px;
 border-width: 1px; border-style:inset; border-color: #354030;
}

a.menu  {color: #DDE5D8;  font-size:11pt; padding:1px;}
a.menu:hover {color: #036; font-size:11pt; padding:1px;}

#main-menu li a {
display:block;
padding:3px 4px 3px 25px;	/* the last number (16px) must be big enough to accomodate the width of your rollover image */
margin-bottom:0px;
/* you can change background color of button here (#ddd). the pixel measurement (3px) is x-axis of your rollover image */
background: #B8CCB9 url(../i/b.gif) 3px 50% no-repeat;
color:#234E70;	/* color of button text */
text-decoration:none;
}

/* nasty hack for IE/pc (you must leave all of this in including comments)*/
/* hide from Mac IE \*/
* html #main-menu li a {
height:1%;
}
/* end hack */

/* the magic bit */
#main-menu li a:hover {
/* this line MUST be the same as the one above except with your rollover image in it instead */
background:#5D775E url(../i/b_2.gif) 3px 50% no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; color: #DDE5D8;  text-decoration: none; 		
}