html, body{ 
 margin:0; 
 padding:0; 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 90%;
 color:#71835B;
} 
 
#wholepagewidth{ 
 width:900px; 
 text-align:left; 
 min-width: 500px;
 margin-left:auto; 
 margin-right:auto; 
} 

#header{ 
 width:100%; 
 background-color:#FFFFFF; 
 height: 230px;
}

#leftcolumn{
 width:270px; 
 float:left; 
 position:relative; 
 margin-left:-270px; 
 margin-right:1px;
}
 
#outer{ 
 border:solid white 5px; 
 /*/*/ border-left-width: 270px ;  /* left column width. NN4 hack to hide borders */ 
 border-left-color: #FFFFFF;   /* left column colour */ 
 border-left-style: solid; 
 /*/*/ border-right-width: 5px; /* right column width. NN4 hack to hide borders */ 
 border-right-color: #FFFFFF;  /* right column colour */ 
 border-right-style: solid; 
 background-color: #FFFFFF; /* center column colour */ 
 width: auto; 
 } 
 
#rightcolumn{
 /*/*/ width:5px; /* hack keeps NN4 right column right? */ 
 float:right; 
 position:relative; 
 margin-right:-5px; 
 margin-left:1px; 
} 
 
#footer{
 height:70px; 
 color:#999999;
 padding-left: 270px ;
 background-color:#FFFFFF;
} 
 
#footer-network{
 height:70px; 
 color:#999999;
 background-color:#FFFFFF;
} 
 
#footer2{
 height:25px; 
 color:#999999;
 font-size: 80%;
 text-align: center;
} 
  
#inner{margin:0; width:100%;}
 
#maincolumn{ 
 float: left; 
 width: 100%; 
 position: relative; 
 margin: 0 -8px 0 -2px; 
 color:#71853B;
}
 
#outer>#inner {
 border-bottom: 0px solid #71835B;
}
 
.clr{clear:both;}
 
.content{padding:10px;} /*padding for content */ 

#slides{
float:right;
}

.jsmap {
border: 1px solid #71835B;
padding: 5px;
}
.jsmap:hover {
border: 1px solid #DB5A19;
padding: 5px;
}
.jsmap-active {
border: 1px solid #DB5A19;
padding: 5px;
}
  
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 

.h1 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 150%;
 font-weight: bold;
 color: #71835B;
}

.links, links:hover {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: #71835B;
 text-decoration: none;
 font-weight:bold;
}

.links:hover {
 color: #999999;
}

.footerlinks, footerlinks:hover {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: #999999;
 text-decoration: none;
 font-weight:normal;
}

.footerlinks:hover {
 color: #71835B;
}

.smalllinks, smalllinks:hover { 
 font-family: Arial, Helvetica, sans-serif ;
 font-size: 100%;
 color: #999999;
 text-decoration: none; 
}

.smalllinks:hover {
 color: #71835B;
}

.footerdiv {
 color: #999999;
 font-weight:bold;
}

div.btnclose {float:right;margin-right:-20px;margin-top:0px;cursor:pointer;font-weight:bold;background:url('../maps/app/webroot/img/icons/cross2.png') no-repeat;width:16px;height:16px;}


.textbubble {
height:200px;
margin:0;
overflow:hidden;
padding:0;
text-align:left;
z-index:500;
color: #71835B;
}

.regionstyle {background:transparent;font-weight:bold;color:#A44D00;width:120px;}
.regionstyle A {
color:#A44D00;
text-decoration: none;
}

.textbubble A, .textbubble A:hover, .textbubble A:active {
color: #71835B;
}

.textbubble A:hover { color: #FF6600 }

.list A, .list A:hover, .list A:active {
color: #71835B;
}
.list A:hover { color: #FF6600 }