.clearfloat {clear:both;}

#green {background-image:url(images/bottom_2.jpg); background-position:bottom center; background-color:white; background-repeat:no-repeat; min-height:600bottom_2px;}
#green body{height:100%;}
#green #mainframe {background:none;}
#green #maintextarea { width:650px;
padding: 0px 0px 0px 0px; 
margin: 0 0 0 15px; 
min-height: 500px;  /* For illustration purposes only */ 
float: left;  /* DO NOT CHANGE */ 
display: inline;  /* DO NOT CHANGE */ }
#green #rightpanel {background:none; background-color:none; margin: 10px 0px 0px 0px; width:100px;}
#green #footer {background:none; color:white;}

#green #navigation 
{text-align:right; background-image:none; background-color:#669900; margin-right:5px; padding-top:12px;}
#green #navigation ul{padding-right:32px;}
#green #navigation li{display:inline; padding-left:15px; }
#green #navigation a:link{color:#ffffff; text-decoration: none;}
#green #navigation a:visited{color:#ffffff;}
#green #navigation a:hover{color:#CCFF00; text-decoration: none;}



#green #mainframe {border:0px solid #FFFFFF;}
#green h1{color:#4f4922; font-weight:bold; font-size:1.5em;}
#green h2{color:#4f4922; font-weight:bold; font-size:1.4em; line-height:1em;}
#green h3{color:#4f4922; font-weight:bold; font-size:1.3em;}
#green h4{color:#666600; font-weight:bold; font-size:1.1em; padding-bottom:0px; margin-bottom:0px;}
#green h5{color:#CC6600; font-weight:bold; font-size:1em; padding-bottom:0px; margin-bottom:0px;}
body{
background-color: #ced5b7;
background-image: url(../../GreenHorizons/images/background.jpg);
background-repeat: repeat-y;
background-position: center;
color: #000000;  
font-family: arial, verdana, helvetica, sans-serif;  
font-size: 101%;  /* DO NOT CHANGE */  
text-align: center;  /* DO NOT CHANGE */  
position: relative;  /* DO NOT CHANGE */  
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;  /* DO NOT CHANGE */  
padding: 0;  /* DO NOT CHANGE */  
line-height: 1em; }

#green strong{color:#003300;}
#green ul{list-style:square; list-style-position:outside; margin-left:10px;}


#portal {clear:both; margin-top:25px; margin-bottom:25px;}
.green_thing {display:block; width:190px; margin-top:0px; margin-bottom:20px; float:left; border-left:solid 1px #669900; padding-left:5px; padding-right:10px; vertical-align:top;}
.green_thing_noMargin {display:block; width:200px; float:left; height:175px; border-left:solid 1px #669900; padding-left:5px; margin-bottom:20px; }
.green_thing_wide {display:block; width:350px; margin-top:0px; margin-right:20px; float:left; border-left:solid 1px #669900; padding-left:5px;}
.green_thing_head {display:block; background-color:#669900; color:#fff; padding:4px; font-weight:bold;}






/* page layout*/
#mainframe { width: 800px; 
padding: 184px 0 0 0; 
margin: auto;  /* DO NOT CHANGE */ 
position: relative;  /* DO NOT CHANGE */
height: 100%; 

overflow: hidden;  /* DO NOT CHANGE */ 
color: #000; background-color: #E8E8E8; 
text-align: left; 
border: 0px #556B2F solid;  /* For illustration purposes only */ } 

#header { width: 800px;  /* Always 2px less than #mainframe */ 
height: 145px; 
position: absolute;  /* DO NOT CHANGE */ 
margin-top: 25px;
top: 0; left: 0;
padding: 0px;
}
#header img{
float:left;}

#container { font-size: 0.8em;
height: 100px;
position: relative;  /* DO NOT CHANGE */ overflow: visible;  /* DO NOT CHANGE */ }

#maintextarea { width:570px;
padding: 0px 0px 10px 0px; 
margin: 0 0 0 20px; 
min-height: 500px;  /* For illustration purposes only */ 
float: left;  /* DO NOT CHANGE */ 
display: inline;  /* DO NOT CHANGE */ }

#maintextarea img{padding: 0px;}

#rightpanel { 
background-color: #FFFFFF;width: 160px;
margin: 20px 20px 0px 0px;
padding: 4px; 
float: right;  /* DO NOT CHANGE */ 
display: inline;  /* DO NOT CHANGE */ 
font-size: 1em;
text-align: center; }

#rightpanel_left { 
background-color: transparent;width: 160px;
margin: 20px 0px 0px 0px;
padding: 4px; 
float: right;  /* DO NOT CHANGE */ 
display: inline;  /* DO NOT CHANGE */ 
font-size: 1em;
text-align: left; }

#rightpanel img{padding: 2px; margin-top: 2px;} 

#rightpanel_clear {background-color: none;}

#imagepanel { width: 163px;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 10px; 
float: right;  /* DO NOT CHANGE */ 
display: inline;  /* DO NOT CHANGE */ 
font-size: 1em;
color: #cccccc;
text-align: left; 
height: 100%;
}


#footer { width: 790px;  /* Always 2px less than #mainframe */ 
float: left;  /* DO NOT CHANGE */ 
clear: both;  /* DO NOT CHANGE */ 
background-color: #bbccaa;
text-align: right; 
font-size: 0.7em; 
color: #556B2F;
padding: 6px 10px 6px 0;
margin-top: 10px; } 

/* page layout with no rhpanel*/
#noright #maintextarea{ 
width: 600px;
margin-left: 170px;
background-color: #E8E8E8;
color: #34431B;
padding: 10px;}

#noright #maintextarea #column1{
width: 280px;
float: left;}
#noright #maintextarea #column2{
width: 300px;
margin-left: 310px;}


#noright #navigation{
width: 160px;
margin-left: -790px;}


/*navigation*/
/* top menu */
#menu{
background-color: #ffffff;
text-align: right; 
width: 798px;
font-size: 0.9em;
position: absolute;
top: 0px;
padding: 0px 0px 0px 0px;}

#menu ul{list-style-type: none;line-height: 0em;}
#menu li{display: inline;padding-right: 15px;}
#menu a{text-decoration: none;color: #34431B;font-weight: normal;}
#menu a:hover{text-decoration: underline;color: #A9B737;}

/*main navigation*/
#navigation {
background-image: url("../../GreenHorizons/imagesOct/images/menu_back.jpg");
background-repeat: no-repeat;
background-position: right;width: 800px; 
background-color: #556B2F;
text-align: left;
float: left;  /* DO NOT CHANGE */ 
display: inline;  /* DO NOT CHANGE */ 
margin-left: 0px;
padding: 3px 0px 5px 0px; 
min-height: 15px;}

#navigation ul{
	color: #ffffff;
	list-style: none;
list-style-image: none;
display: inline; 
margin: 0;
padding: 20px	24px 0px 20px;
line-height: 1.35em;
font-size: 1.1em;
}
#navigation li.main{
color: #556B2F;
border-top: thin dotted;
margin-top: 2px;
padding-top: 2px;
}
#navigation a{
color: white;
text-decoration: none;
}
#navigation a:hover{
color: #A9B737;
text-decoration: underline;
}
#navigation a:active{
color: #34431B;
text-decoration: none;
}




#rightpanel ul li{list-style: none;
list-style-image: none;
padding-left: 3px;
margin-left: -40px;
font-size: 1em;
margin-bottom: 6px;
line-height: 1.4em;
color: #556B2F;}
#rightpanel a{
padding-top: 1px;
color: #556B2F;
text-decoration: none;
}
#rightpanel a:hover{
color: #34431B;
text-decoration: underline;
}
#rightpanel a:active{
color: #34431B;
text-decoration: none;
}


/* font styles */
.pagetitles{
padding-bottom: 2px;
font-size: 1.4em;
line-height: 1.2em;
color: #556B2F;
font-weight: bold;
}
b{
font-weight: bold;
color: #556B2F; 
}
.pagesubtitles{
font-size: 1.1em;
font-weight: bold;
color: #34431B;
}
.splashtitles{
font-size: 1.8em;
font-weight: bold;
color: #556B2F;
display: inline; 
}
.branchname {
font-size: 1.3em;
font-weight: bold;
color: #556B2F;
padding-bottom:0.25em;
}
.branch {
padding-top: 0.5em;
font-size: 1.1em;
font-weight: bold;
color: #556B2F;
}
.branchlight {
font-size: 1.1em;
font-weight: normal;
color: #556B2F;
}

#menu li{font-weight: bold; color:#556B2F;} 
#maintextarea ul{list-style-image: url(../../GreenHorizons/imagesOct/hare_bullet.gif); margin: 5px 0px 0px 15px; padding: 0px;}
#maintextarea a:link{text-decoration: underline;color: #556B2F; font-weight: normal;}
#maintextarea a:visited{text-decoration: underline;color: #556B2F;}
#maintextarea a:hover{text-decoration: underline;color: #34431B;}

#rightpanel_left ul{list-style-image: url(../../GreenHorizons/imagesOct/hare_bullet.gif); margin: 5px 0px 0px 15px; padding: 0px;}
#rightpanel_left a:link{text-decoration: underline;color: #556B2F; font-weight: normal;}
#rightpanel_left a:visited{text-decoration: underline;color: #556B2F;}
#rightpanel_left a:hover{text-decoration: underline;color: #34431B;}


#highlightbox{
width:530px;
padding: 10px;
margin: 5px 15px 10px 0px;
background-color: #ced5b7;
text-align: left;
line-height: 1.4em;
float: left;  /* DO NOT CHANGE */ 
display: inline;  /* DO NOT CHANGE */
}
.highlightbox{
width:395px;
padding: 10px;
margin: 10px 15px 10px 0px;
background-color: #C1CDCD;
text-align: left;
line-height: 1.4em;
float: left;  /* DO NOT CHANGE */ 
display: inline;  /* DO NOT CHANGE */
}
.newsitem{
width:415px;
color: #34431B;
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: 1px solid #556B2F;
background-color: #ffffff;
text-align: left;
line-height: 1.2em;
float: left;  /* DO NOT CHANGE */ 
display: inline;  /* DO NOT CHANGE */ 
}
.newsitem h1{
width: 405px;
padding: 5px;
margin: 0px 0px 5px 0px;
background-color: #556B2F;
color: #ffffff;
font-size: 1em;
font-weight: bold;
}
.newsitem p{
padding: 0px 5px 0px 5px;
font-size: 1em;
}
.newsitem b{
font-weight: bold;
color: #556B2F;
}
#rightpanel p { color: #556B2F; }




.left img{
margin: 5px 15px 0px 0px;
float: left;
padding: 0px 0px 0px 0px;
}
.right img{
margin: 5px 0px 5px 15px;
float: right;
padding: 0px 0px 0px 0px;
}
.imagelink{
padding-top: 10px;
width: 160px;
} 
b.imagelink{
font-weight: bold;
}

.right {
margin: 5px 0px 5px 15px;
float: right;
padding: 0px 0px 0px 0px;
}




p { padding: 0; margin: 0; }
.caption {font-weight: normal; font-size: 0.9em; color: #556B2F; line-height: 1.1em;} 
img { border: none; } 

#dormouse_panel {width:760px; margin-left:20px; margin-top:10px; background-color:white; height:238px; border-bottom:solid 1px #666600;}
#dormouse_panel img {float:left;}
#dormouse_menu {width:200px; float:right; text-align:right;}
#dormouse_menu ul{list-style-type:none; padding:5px 0px; margin-top:3px; display:block;}
#dormouse_menu li{margin-top:5px; padding-right:10px;  background-color:#CCCCCC;}
#dormouse_menu a{text-decoration:none; font-weight:bold; color:white;}
#dormouse_menu a:hover{text-decoration:none; font-weight:bold; color:#666600;}
#dormouse_menu .current{text-decoration:none; font-weight:bold; color:#666600;}
.dor_pagesubtitles {color:#666600; font-weight:bold; font-size:1.1em;}
#quote {width:170px; background-color:#E8E8E8; background-image:url(../../GreenHorizons/imagesOct/quote.gif); background-repeat:no-repeat; float:left; padding:10px 10px 25px 40px; color:#666600;}
#dor_imagepanel_right{width:200px; float:right; margin-left:15px;}
#dor_imagepanel_right2{width:200px; float:right; margin-left:15px;}
#dor_imagepanel_left{width:250px; float:left; margin-right:15px; padding-bottom:5px;}
#dor_imagepanel_left .caption{width:200px;}
.dormouse_left {
width:165px;
text-align: left;
margin: 0;
float: left;
padding: 5px 15px 15px 0px;
}
.dormouse_left .caption{width:165px;}
#illustrations {width:540px; clear:both;}
#dor_highlightbox{
width:550px;
padding: 5px 10px;
margin: 5px 0px 10px 0px;
background-color: #cca;
text-align: left;
line-height: 1.4em;
float: left;  /* DO NOT CHANGE */ 
display: inline;  /* DO NOT CHANGE */
}
.left {float:left; margin-right:8px;}
#dor_rightpanel {width:160px; float:right; text-align:center; padding-top:10px; margin-right:10px;}