/* CSS Document */

body{margin:0px; font-family: Lucida Grande, Arial, Helvetica, sans-serif;}

div#navbg{background:url(../images/menu/bg.gif);}

div#nav{width:950px; margin:auto;}

.nav_menu{padding:0 20px 0 10px; margin:0px; list-style:none; height:40px; background:url(../images/menu/bg.gif); position:relative; z-index:500; font-family:Lucida Grande, Arial, Helvetica, sans-serif;}
.nav_menu li.top {display:block; float:left;}
.nav_menu li a.top_link { float:left; display:block; height:30px; line-height:27px; color:#FFFFFF; text-decoration:none; font-size:11px; font-weight:bold; cursor:pointer; padding:0 15px 0 15px; background:url(../images/menu/bg.gif) left top; background-color:#0033CC;}
.nav_menu li a.g_link { float:left; width:30px; display:block; height:30px; line-height:27px; color:#FFFFFF; text-decoration:none; font-size:11px; font-weight:bold; cursor:pointer; background:url(../images/menu/g.gif) left top; background-color:#0033CC;}

.nav_menu li a.top_link:hover { background-image:url(../images/menu/bg-2.gif); border:1px solid #004000; border-width:0 1px 0 1px; margin: 0 -1px 0 -1px;}

.nav_menu li:hover > a.top_link {background:url(../images/menu/bg-2.gif); border:1px solid #004000; border-width:0 1px 0 1px; margin: 0 -1px 0 -1px;} 

/* Style the list OR link hover. Depends on which browser is used */

.nav_menu a:hover {visibility:visible; position:relative; z-index:200;}
.nav_menu li:hover {position:relative; z-index:200;}

.nav_menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */





/* keep the 'next' level invisible by placing it off screen. */
.nav_menu ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0px; padding:0; list-style:none;}

.nav_menu ul.sub1 {width:160px;}
.nav_menu ul.sub2 {width:110px;}
.nav_menu ul.sub3 {width:90px;}
.nav_menu ul.sub4 {width:110px;}

.nav_menu :hover ul {left:0; top:30px; background: #DAF2DA; padding:2px; border:1px solid #008F00; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300; }
.nav_menu :hover ul li { text-align:left; display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.nav_menu :hover ul li a { display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.nav_menu :hover ul li a:hover { background:#028D43; color:#fff;}


div#logo{ margin:auto; padding:15px; text-align:center;  }


.spacer{height:15px; margin:auto; width:710px;}

#contentTable{margin:auto; width:900px;  font-family: Lucida Grande, Arial, Helvetica, sans-serif; padding:0px; padding-top:20px; border-top-style:solid; border-top-width:thin; border-color: #999999; color:#333333;}
td#welcome{margin-left:0px; width:350px; background-color:white; padding:0 15px; vertical-align:text-top; font-size:12px; text-align:justify; border-style:solid; border-width:0 1px; border-color:#999999;}
td#welcome h1{font-size:31px; color:#268448; margin:0 0px 15px 0px; background-color:#FFFFFF;}

td#welcome2{width:280px;background-color: #ffffff; height:30px; padding-left:0px; padding-top:0px;     }
td#welcome2 h3{font-size:14px; color:#003399; margin:0 0px 15px 0px;}
td#spacer{width:15px;}
td#register2{ vertical-align:top;}

div#register{ vertical-align:bottom; width:340px;  color:#268448; padding-left:10px; padding-top:10px; padding-bottom:5px; }
div#register h3{margin:0px 0px 10px 0px; padding:0px;}
div#register p{margin:0 0px 10px 0px; padding:0px;}

div#links{margin:15px;}
div#links h3{font-size:14px; color:#034c8f; margin:0 0px 10px 0px; background-color:#FFFFFF;}
div#links a { vertical-align:middle; text-decoration:none; display:block; color:#000000; line-height:25px; list-style:none; font-size:12px; }
div#links a:hover{ color:#5184b9;}

div#explore{background-color:#268448; color:#FFFFFF; font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size:12px; padding:5px 10px ; }

div#towns{ width:205px; height:105px; background-image:url(../images/index/towns_bg.jpg); background-repeat:no-repeat; padding:10px; margin-top:10px; background-color:#000000; border-style:solid; border-width:thin; border-color:#999999;}
div#towns_title{color:#FFFFFF; font-family:Lucida Grande, Arial, Helvetica, sans-serif; margin-left:0px; margin-top:0px;}
form#towns_list{margin-top:65px;}

div#outdoors{ width:205px; height:105px; background-image:url(../images/index/outdoors_bg.jpg); background-repeat:no-repeat; padding:10px; margin-top:10px; border-style:solid; border-width:thin; border-color:#999999;}
div#outdoors_title{color:#FFFFFF; font-family:Lucida Grande, Arial, Helvetica, sans-serif; margin-left:0px; margin-top:0px;}
form#outdoor_list{margin-top:65px;}

div#footer{width:900px; margin:auto; font-family: Arial, Helvetica, sans-serif; font-size:10px; padding:3px; text-align:center;}
div#footer a{text-decoration:none; color:#333333; margin:0px; padding:0px; }