body {
    padding: 0px;
    margin: 0px;
    font-size: 80%;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    color: #404040;        
}


/* three column layout fixed */

#wrapper {
    margin: 0px auto;
    width: 1000px;       
}
form {    
    margin: 0;       
}

.addthis_button {
    float: right;   
}
#header { 
    float: left;
    width: 100%;    
}

#topBar {
    background-color: #CCCCCC;
    height: 23px;
    margin:0px;    
}
#topBar h1 {    
    font-size: 90%; 
    margin: 0px;
    padding: 3px;   
}

#logoDiv {    
    margin: 0; 
    height: 147px;    
    position: relative;     
    top: 0px;
    left: 0px;
    border: 1px solid #CCCCCC;
    border-top: none;
    
}
#emblemDiv {
    float: left;
    width: 253px;
    height: 100%;
    text-align: center;    
}
.emblemTitle {    
    font-size: 4.5em;
    color: #FF9900;
    margin-top: 40px;
    display: block;
}
#headImage {
    float: left;
    width: 745px;    
    height: 100%;
        
}
#menu {
    clear: both;
    background-color: #CCCCCC;
    border-top: none;
    height: 23px;
}
ul#nav {
    margin: 0px;    
    list-style-type: none;    
    padding: 0px;
     
    position: relative; 
    font-size: 1.3em; 
    vertical-align: middle;  
}
ul#nav li {
    display: inline;
    vertical-align: middle;
    padding-top: 3px;
    
}
ul#nav li a {
    /*selects only links in the "nav" list */
    padding: 0 15px;
    margin: 0px 0px;
    text-decoration: none;
    text-align: center;
    color: #666666;    
    font-weight: bold;        
}
ul#nav li a:hover{
    color: white;
}

#logging2 {
    position: absolute;
    right: 2px;
    font-size: 90%;
    font-weight: normal;    
}
#logging1 {
    position: absolute;
    right: 80px;
    font-size: 90%;
    font-weight: normal;      
}


#leftcolumn {
    float: left;
    margin-top: 19px;
    margin-right: 3px;
    width: 140px;
    min-height: 350px;    
    border: 1px solid #CCCCCC;
}
#advertLowLeft {
    text-align: center;
}
#advertLeftCol {
    text-align: center;
}

#leftcolumnPR {             /*PR for parent regions*/
    float: left;
    margin-right: 3px;
    width: 178px;     
    min-height: 350px;
    margin-top: 5px;
}
.regClick {
    padding-left: 15px;
    font-style: italic;
    color: #FF0000;
    font-size: 1em;
    font-weight: bold;
}
#parentAd {
    padding: 3px;
}

#content { 
    float: left;
    margin-right: 3px;
    width: 633px;    
    min-height: 350px;
    margin-top: 5px;    
} 
#contentPR { 
    float: left;
    margin-right: 3px;
    width: 633px;    
    min-height: 350px;
    margin-top: 5px;
} 
#rightcolumn { 
    float: right;
    width: 215px;  
    min-height: 350px;
}
#rightcolumnPR { 
    float: right;
    width: 177px;    
    min-height: 350px;
}


#footer {                           /*footer stuff*/ 
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 3px;
}
#BottAdLinkUnit {
    margin-bottom: 4px;
    text-align: center;
}
.footItem {
    text-decoration: none;
    color: #484848;
}
.footItem:hover {
    text-decoration: underline;
}
#footerItems {    
    font-size: 90%;
    text-align: center;
    margin: 0;
    border-top: solid 1px #CCCCCC;    
}
.copyright {    
    
}
.copyrightPrint {
    display: none;
}



/* rounded corner box Conditions*/
/*credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
  http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm */

.condWrapper {        
    margin-top: 19px;
    margin-bottom: 10px; 
    border: 1px solid #CCCCCC;      
}
.inside h2 {    
    margin-top: -2px;
    margin-bottom: 2px;
    color: #FF8000;
}
.condWrapper .inside h2 {
    text-align: center;    
}
.cond-indent {
    margin-left: 40px;
}

.condition-content {
    padding: 5px;
    margin: 0px;    
}
.condition-content img {
    vertical-align: middle;
    border: none;    
}
.condition-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.condition-content li a {    
    text-decoration: none;
    color: #333300;
}
.condition-content li a:hover{
    background-color: #D25A0B; /*Brown color theme*/ 
    color: white;
}

#submittedRep {
    text-align: center;
    margin-bottom: 10px;
}
.submitted {
    text-decoration: none;
    color: #FF8000;
    font-weight: bold;
    border-bottom: 1px solid #CCCCCC;
}
.submitted:hover {
    background-color: #D25A0B; /*Brown color theme*/ 
    color: white;
}

#submitReport {
    text-align: center;
    margin-bottom: 20px; 
}
.submitRep {
    text-decoration: none;
    color: #FF8000;
    font-weight: bold;
    border-bottom: 1px solid #CCCCCC;
}
.submitRep:hover {
    background-color: #D25A0B; /*Brown color theme*/ 
    color: white;
}
.submitNote {
    padding-right: 2px;
    padding-left: 2px;
    font-style: italic;
    font-size: 90%;
    color: #7D7D55;
}
.redEmphasis {
    color: #FF0000;
}
.news {        
    margin-top: 40px;
}
.newsTitle {
    border-bottom: 1px solid #CCCCCC;    
}
.newsTitle h3 { 
    margin-bottom: 2px;
    color: #FF8000;
}
.news-content {
    padding: 5px;
    margin: 0px;    
}
.news-content img {
    vertical-align: middle;
    border: none;    
}
.news-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.news-content li a {    
    text-decoration: none;
    color: #333300;
}
.news-content li a:hover{
    background-color: #D25A0B; /*Brown color theme*/ 
    color: white;
}






/* middle content column stuff*/
#breadcrumb {    
    color: #FF0000;
    font-size: 90%;
    text-decoration: none;
}
#map {
    background-color: #00FFFF;
    margin: 0px;
    width: 633px;
    height: 500px;
    border: 1px solid #808080;
    overflow: hidden;
}
#ClickLatLong {    
    margin-top: 0;
    position: relative;
    margin-bottom: 0;
}
.smallerfont {
    font-size: 0.9em;   
}
#mouseCoord {
    border-style: none;
    background-color: #F4F4F4;
    width: 140px;
    font-size: 0.9em;
}
#utmCoord {
    border-style: none;
    background-color: #F4F4F4;
    width: 154px;
    font-size: 0.9em;    
}
#x_px, #y_px {
    width: 35px;   
} 
.greyBackground {
    background-color: #F4F4F4;
    padding: 3px;    
}
.notes {
    font-style: italic;
    font-size: 1em;
    color: #7D7D55;
}
#click_lat {
    width: 80px;
}        
#click_long {
    width: 85px;
}
#dataMap {      
    text-decoration: none;  
}
#dataMap:hover {    
    color: #FF0000;
    text-decoration: underline;  
}
#coordConvert {      
    text-decoration: none;
    margin-left: 30px;  
}
#coordConvert:hover {    
    color: #FF0000;
    text-decoration: underline;  
}
#magDec {      
    text-decoration: none; 
    margin-left: 10px; 
}
#magDec:hover {    
    color: #FF0000;
    text-decoration: underline;  
}
#printMap {
    position: absolute;
    right: 70px; 
    margin-top: 1px;   
}
#printMapT {
    position: absolute;
    right: 10px;
    text-decoration: none;
}
#printMapT2 {    
    text-decoration: none;
}      
#printMapT2:hover {
    color: #FF0000;
    text-decoration: underline;
}
.mapResizeTxt {    
    color: #FF0000;
}
#sizeMap {
    margin-top: 5px;
}


#activeRoads, #retiredRoads, #riverLines, #riverNames, #contours, #waterLines {
    text-decoration: none;    
}
#activeRoads:hover, #retiredRoads:hover, #riverLines:hover, #riverNames:hover, #contours:hover, #waterLines:hover {
    color: #FF0000;
    text-decoration: underline; 
}


 
.resourcesWrapper {
    margin-top: 15px;
    margin-bottom: 10px;
    border: 1px solid #CCCCCC;
    color: #000000;    
}
.inside {
    height: 20px;
    padding: 3px;
    background-color: #F4F4F4;
    border-bottom: 1px solid #C0C0C0;
}
#resources {
    padding: 5px;
    margin: 0px;    
}
#resources ul {
    list-style: disc;
    padding: 0;
    margin: 0 15px;
}
#resources li a {
    text-decoration: none;
    color: #333300;    
}
#resources li a:hover {
    background-color: #D25A0B; /*Brown color theme*/ 
    color: white;
}












/*Region polygon titles*/ 
a.regTitle
{
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    font-weight: bold;
    color: #000000;
    text-decoration: none;    
}


a.regTitle:hover
{
    display: block;
    font-family: "Comic Sans MS";
    font-size: 120%;
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
}

a.regTitle2
{
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 120%;
    font-weight: bold;
    color: #000000;
    text-decoration: underline;    
}

a.regTitle2:hover
{
    display: block;
    font-family: "Comic Sans MS";
    font-size: 150%;
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
}







#formLink
{
    margin-top: 20px;
    border: thin solid #C0C0C0;
    padding: 10px 3px 10px 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    margin-right: 7px;
    margin-left: 7px;
    text-decoration: none;
}


#routeGPSLink
{
   margin-top: 20px;
   border: thin solid #C0C0C0;
   padding: 10px 2px 10px 2px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-align: center;
   margin-right: 7px;
   margin-left: 7px;
   text-decoration: none; 
}



#importData h2 {
    font-size: 1.3em;
}
#importData h3 {
    font-size: 1em;
}
#readData {
    width: 99%;
    height: 99%;            
}
#deviceInfo {
    border-style: none;
    padding: 0px;
    margin: 0px;    
    width: 99%;
    height: 99%;    
} 

#the_side_bar {
    overflow:auto;
    white-space:nowrap;
    max-height:600px;    
}

#the_side_bar li { list-style: none; margin:0px;padding:0px } 
#the_side_bar ul { margin-left:0px; padding:0px; }
	/* Control how "sided out" the tree is */
#the_side_bar ul  ul , #the_side_bar ul li { margin-left:8px; padding:0px; } 
	/* Format menu items differently depending on what level of the tree they are in */
#the_side_bar ul li { font-size:  11px; }
#the_side_bar ul li ul li { font-size: 10px; }
#the_side_bar ul li ul li ul li { font-size: 9px; }
#the_side_bar ul li ul li ul li ul li { font-size: 8px; } 
.inView { display:block }
.outView { color:silver; opacity:0.4; alpha(opacity=40) }