body,html {border:0px;padding:0px;margin:0px;font-family:verdana, arial, san-serif;font-size:90%;line-height:1.5em;background-color:#dca;}
body {background:#dca;font-size:90%;}

p {text-align:justify;}
#header {clear:both;float:left;width:100.00%;height:8%;padding-top:0px;border-bottom:1px solid #030;background:#030;}
.logoname2 {margin:0px 0px 0px 8px;padding:6px 5px 0 5px;color:#dca;font-size:50%;text-align:center;letter-spacing:6.5px}
.logonamesml {margin:0px;padding:0px 5px 0 9px;color:#dca;font-size:45%;text-align:center;letter-spacing:1px}
.logoname1 {margin:0px;padding:9px 0px 0 0px;font-size:200%;height:5em;text-align:center;}
.logoname3 {margin:0px;padding:9px 0px 0 0px;font-size:200%;height:2em;color:#dca;text-align:center;background-image:url(forest.jpg);border-top:2px solid #764;}
.logoname4 {margin:0px;padding:9px 0px 0 0px;font-size:200%;height:2.75em;color:#dca;text-align:center;background-image:url(forest.jpg);border-top:2px solid #764;}
.boxhead {float:left;width:28%;height:5em;color:#dca;margin-top:0px;text-align:center;}
.boxhead2 {float:right;width:28%;height:5em;font-size:90%;font-weight:bold;color:#dca;margin-top:0px;text-align:center;}
#imagebox {position:relative;width:100%;height:6em;padding:0;margin:0;background-image:url(longdeerpicture.jpg);}	
.boxtop {width:100%;color:#000;background:#fff;border-top:1px solid #764;border-bottom:1px solid #764;}
.boxtop p {margin-left:1em;line-height:1.75em;}
.boxtop2 {width:100%;color:#000;background:#dca;text-align:right;}
.datestamp {font-size:x-small;color:#000;text-align:right;margin-right:3em;}
span.left {
padding-left:1.5em;}
span.right {
position: absolute;
right: 0;
padding-right:2.25em;}
.title {font-family:verdana, arial, san-serif;font-size:100%;line-height:1.5em;}
#menu3 span {display:none;}
a.menu3, a.nav:link a:visited {height:15px;background:#764;border:4px outset #deceae;margin-top:0;text-align:center;text-decoration:none;font-family:verdana, arial, sans-serif;font-size:11px;color:#dca;font-weight:bold;line-height:13px;padding-left:.25em;padding-right:.25em;}
a.menu3:hover {color:#fff;background:#030;border-top:2px inset #deceae;border-left:2px inset #deceae;border-bottom:2px inset #764;border-right:2px inset #764;}
a.menu3:active {color:#fff;background:#c00;}
#col1 {float:left;width:32%;margin-left:0%;margin-top:.7%;margin-bottom:1%;background:#dca;}
#col2 {float:left;width:32%;margin-left:2%;margin-top:.7%;margin-bottom:1%;}
.cap {font-size:medium;line-height:1em;}
#col3 {float:right;width:32%;margin-top:1em;margin-left:0%;margin-right:.5em;margin-bottom:1%;background:#dca;}
#col3index {float:left;width:32%;margin-top:1em;margin-left:4px;margin-right:.5em;margin-bottom:1%;background:#dca;}
#lgcol {float:left;width:66.5%;display:inline;margin-top:0px;margin-left:.25em;margin-bottom:10px;background:#dca;}
.main {float:right;width:32%;margin-top:.2em;margin-left:0%;margin-right:.5em;margin-bottom:1%;background:#dca;}
.wraplt{float:left;width:97%;margin-top:2%;margin-left:4px;margin-bottom:5px;margin-right:4px;padding-left:5px;padding-bottom:5px;padding-right:5px;border:2px solid #764;background:#dca;}
.wraplt p {text-align:justify;line-height:1.5em;}
.wraplt2{float:left;width:97%;margin-top:2%;margin-left:5px;margin-bottom:5px;margin-right:5px;padding-left:5px;padding-bottom:5px;padding-right:5px;border:2px solid #764;background:#dca;}
.shadowbox {float:left;width:96.5%;position:relative;left:8px;top:3px;margin-top:5px;margin-left:5px;margin-right:auto;margin-bottom:8px;}
.shadowbox .shadow2,
.shadowbox .shadow3,
.shadowbox .container {position:relative;left:-1px; top:-1px;}
.shadowbox .shadow1 {background:#635538;} 
.shadowbox .shadow2 {background:#635538;}
.shadowbox .shadow3 {background:#764;}
.shadowbox .container {background:#fff;border:2px solid #635538;margin-top:5px;padding:0px;}
.shadowbox .container h1 {width:100%;font-family:Verdana, Arial, sans-serif;font-size:1em;font-weight:bold;color:#dca;margin-top:0px;margin-left:-1px;margin-right:auto;padding-top:3px;padding-bottom:3px;background:#030;text-align:center;border:2px solid #764;}
.shadowbox .container h5 {width:94%;font-family:Verdana, Arial, sans-serif;font-size:small;color:#030;text-align:center;padding-top:10px;padding-right:0px;padding-bottom:0px;padding-left:10px;}
.shadowbox .photos {border:2px solid #635538;margin-top:5px;padding:15px;text-align:center;background:#fff;}
.shadowbox img{padding-left:2em;padding-right:2em;}
.container p {font-size:90%;line-height:1.5em;margin:0px;padding:10px;}
.container p.center {text-align:center;}
p.article:first-letter {display:block;float:left;margin-top:-0.015em; /* use -0.205em for two lines */margin-left:.125em;margin-right:0.1em;height:2.75em;font-family:Times New Roman, Times;color:#030;font-size:3.75em;line-height:.90em;}
.shadowbox2 {float:left;width:45%;position:relative;left:3px;top:3px;margin-left:15px;margin-right:15px;margin-bottom:8px;}
.shadowbox2 .shadow2,
.shadowbox2 .shadow3,
.shadowbox2 .container {position:relative;left:-1px; top:-1px;}
.shadowbox2 .shadow1 {background:#635538;} 
.shadowbox2 .shadow2 {background:#635538;}
.shadowbox2 .shadow3 {background:#764;}
.shadowbox2 .container {background:#fff;border:2px solid #635538;margin-top:5px;padding:0px;}
.shadowbox2 .container h1 {width:100%;font-family:Verdana, Arial, sans-serif;font-size:1em;font-weight:bold;color:#dca;margin-top:0px;margin-left:-1px;margin-right:auto;padding-top:3px;padding-bottom:3px;background:#030;text-align:center;border:2px solid #764;}
.shadowbox2 .container h5 {width:94%;font-family:Verdana, Arial, sans-serif;font-size:small;color:#030;text-align:center;padding-top:10px;padding-right:0px;padding-bottom:0px;padding-left:10px;}
.box {width:95.5%;margin-top:0px;margin-left:auto;margin-right:auto;color:#000;background:#fff;border:1px solid #764;}
.box h1 {font-family:Verdana, Arial, sans-serif;font-size:1em;font-weight:bold;color:#dca;margin-top:0px;margin-left:0;margin-right:0;padding-top:3px;padding-bottom:3px;background:#030;text-align:center;border-top:2px solid #764;}
.box h2 {margin:0px;padding:0 5px 0 9px;height:auto;font-size:90%;background:#dca;color:#030;text-align:center;}
.box h5 {width:94%;font-family:Verdana, Arial, sans-serif;font-size:small;color:#030;text-align:center;padding-top:10px;padding-right:0px;padding-bottom:0px;padding-left:10px;}
.box p {font-size: 90%;line-height:1.5em;margin:0px;padding:10px;background:#fff;}
.box ul {font-size: 90%;line-height:1.5em;margin:2em;padding:10px;background:#fff;}
.box2 {width:95%;margin:5px auto;border:1px solid #764;background:#dca;color:#000;margin-top:5px;}
.box2 h1 {font-family:Verdana, Arial, sans-serif;font-size:1em;font-weight:bold;color:#dca;margin-top:0px;padding-top:3px;padding-bottom:3px;background:#030;text-align:center;border:1px solid #764;}
.box2 img {margin-left:auto;margin-right:auto;}
.box2 h2 {margin:1px;padding:0 5px 0 9px;height:auto;font-size:small;color:#dca;text-align:center;background:#030;border-top:1px solid #764;}        
.box2 h3 {margin:0px;padding:0 5px 0 9px;font-size:small;color:#dca;text-align:center;background:#030;border-top:2px solid #764;border-bottom:2px solid #764;}
.box2 p {font-size: 90%;line-height:1.5em;margin:0px;padding:10px;background:#dca;text-align:left;}
.box2 p.left {font-size: 90%;line-height:1.5em;margin:0px;padding:10px;background:#dca;text-align:left;}
h6.footnote {color: #000;text-align:left;font-weight:bold;line-height:120%;background:#fff;padding:0 10px 0 10px;}
h6 {color:#000;text-align:right;font-weight:bold;line-height:120%;margin-top:1px;margin-bottom:10px;margin-right:20px;}
#footer {clear:both;color:#dca;background:#002400;text-align:center;height:100%;padding-top:0px;padding-bottom:20px;}
#footer p {text-align:center;}
#footer img {text-align:center;}
#footer h6 {text-align:center;color:#dca;padding-top:1em;}
ul {list-style-type:disc;list-style-position:outside; margin-left:2em;margin-right:2em;padding-left: 15px;padding-right:15px;}
.byline {color:#030;font-size:.75em;font-weight:bold;font-style:italic;line-height:120%;margin-top:1px;margin-bottom:10px;margin-right:10px;}
img {border:none;}
h6.center {color:#000;text-align:center;font-weight:bold;line-height:120%;margin-top:1px;margin-bottom:10px;margin-right:20px;}
h6.sidebar {padding-left:15px; padding-bottom:0px; padding-right:10px; text-align:justify; margin-right:5px;}
ul.rules {list-style-position:outside;margin:1em;padding:0}
ul.rules li {margin-left:1em;padding-left:1em;}
p.red {color:red;font-weight:bold;font-style:italic;margin-top:0px;padding-top:0px;}
ul.highlight {margin-left:4em;color:red;font-weight:bold;}
h5.title {text-align:center;color:#030;font-weight:bold;text-decoration:underline;}
.spec {list-style-type:none; list-style-position: inside;}
.print {width:100%;color:#000;background:#dca;border-top:1px solid #764;border-bottom:1px solid #764;}
.print p {margin-left:1em;line-height:1.75em;}
.boxbottom {width:100%;color:#000;background:#fff;border-top:2px solid #000;border-bottom:1px solid #764;}
.boxbottom p {margin-left:1em;line-height:1.75em;}
.boxlogo {width:95.5%;margin-top:.45em;margin-left:auto;margin-right:auto;color:#000;background:#fff;border:1px solid #764;}
.boxlogo h1 {width:100%;font-family:Verdana, Arial, sans-serif;font-size:1em;font-weight:bold;color:#dca;margin-top:0px;margin-left:0;margin-right:0;padding-top:3px;padding-bottom:3px;background:#030;text-align:center;border-top:2px solid #764;}
.boxlogo h2 {margin:0px;padding:0 5px 0 9px;height:auto;font-size:90%;background:#dca;color:#030;text-align:center;}
.boxlogo h5 {width:94%;font-family:Verdana, Arial, sans-serif;font-size:small;color:#030;text-align:center;padding-top:10px;padding-right:0px;padding-bottom:0px;padding-left:10px;}
.boxlogo p {font-size: 90%;line-height:1.5em;margin:0px;padding:10px;background:#fff;}
.boxlogo ul {font-size: 90%;line-height:1.5em;margin:2em;padding:10px;background:#fff;}
.weather {width:95.5%;margin-top:0px;margin-left:6px;text-align:center;color:#000;background:#dca;}
.boxfoot {width:90%;color:#fc3;background:#fff;border:1px solid #764;}
#ltcol {float:left;width:72%;text-align:center;margin-top:2%;margin-left:1.5em;margin-bottom:5px;margin-right:0px;padding-left:0px;padding-bottom:5px;padding-right:0px;border:2px solid #764;background:#dca;}
#sidebar {width:22%;float:left;margin-top:22px;margin-left:0;margin-right:10px;padding-left:15px;text-align:left;background:#dca;color:#000;} 
#sidebar a {text-decoration:none;color:#000;font-weight:bold;padding-left:10px;}
#sidebar image {border:none;}
#sidebar a:hover {text-decoration:none;color:#fff;background:#711515;padding-right:10px;}
#sidebar a.open {color:#B06E04;}
img.displayed {display: block;margin-top:15px;margin-left:auto;margin-right:auto;border:none; }
.lgrtcol {float:left;width:72%; margin-top:1.55em; margin-left:0%;margin-right:.5em; margin-bottom:1%;border:2px solid #764;}
.photobox {width:100%;text-align:center;margin:0;padding:0;}
.boxcol3top {width:95.5%;margin-top:2em;margin-left:6px;text-align:center;color:#000;background:#fff;border:1px solid #764;}
.boxcol3top h1 {width:100%;font-family:Verdana, Arial, sans-serif;font-size:1em;font-weight:bold;color:#dca;margin-top:0px;margin-left:0;margin-right:0;padding-top:3px;padding-bottom:3px;background:#030;text-align:center;border-top:2px solid #764;}
.boxcol3top h2 {margin:0px;padding:0 5px 0 9px;height:auto;font-size:90%;background:#dca;color:#030;text-align:center;}
.boxcol3top3top h5 {width:94%;font-family:Verdana, Arial, sans-serif;font-size:small;color:#030;text-align:center;padding-top:10px;padding-right:0px;padding-bottom:0px;padding-left:10px;}
.boxcol3top p {font-size: 90%;line-height:1.5em;margin:0px;padding:10px;background:#fff;}
.center {text-align:center;}
#email {z-index:10;position:absolute;width:8em;height:1.5em;margin-top:-1.3em;margin-left:80.5%;text-align:center;}
ul.list {font-family:verdana,arial,san-serif;font-size:90%;line-height:1.5em;}
p.heading {border:2px solid #764;font-weight:bold;color:#dca;}
.emphasis {font-weight:bold;font-style:italic;text-decoration:underline;}
.policy {text-decoration:underline;color:#ff000;}
.newpolicy {color:#ff0000;}
.important {text-decoration:underline;font-weight:bold;}
.hl2 {background: #ffff00;}
.shadowbox .container h1.newpolicy {width:100%;font-family:Verdana, Arial, sans-serif;font-size:1em;font-weight:bold;margin-top:0px;margin-left:-1px;margin-right:auto;padding-top:3px;padding-bottom:3px;background:#030;text-align:center;border:2px solid #764;}

* {margin:0; padding:0;}/* for demo only, use a proper reset in your final draft*/
 /*==== Begin Navbar Styles ====*/
 
ul#nav {
    background:#764;
    font-size:.900em;/*base font-size for all menu sizing with ems*/
    height:1.75em;
    border-top:1px solid #000;
    list-style:none;
    margin:0; /* reset the default left margin in IE */
    padding:.0 0 0 0; /* reset the default left padding in good browsers */
}
#nav ul a {white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */}

#nav li {
    position:relative; /* establish stacking context for the AP'd dropdown sublist */
    float:left;
    padding:0;
    font-weight:bold;
    background:#764;
    border-left:1px solid #000;
	z-index:7;
}
#nav li.last{border-right:1px solid #000;}
 
#nav li a {
    float: left;
    padding:0 2px; /* text padding for left and right only */
    line-height:1.75em; /* center the text vertically */
    text-decoration:none;
    color:#dca;/* 1st level font color*/
}
 
#nav li:hover, 
#nav li.sfhover{ 
    background:#030;/* background for all links on hover */
    visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
}
#nav li:hover a, 
#nav li.sfhover a {color:#dca}/*1st level font color on hover*/
 
/*=== All Sublist Styles ===*/
 
#nav ul {
    position:absolute; /* position the sublist to nearest positioned ancestor, the (#nav li) in this case*/
    width:19.75em;
    margin-left:-999em;/* hide the sublist */
    padding-bottom:1.3em;
    left:0; /* IE6&7 need this to position the sublist correctly on hover*/
    top:1.75em;
    list-style:none;
    background: #764;/* IE needs some sort of BG on the nested ul */
   }

#nav li li{
    /*float:left;/
(note: lack of float here triggers IE6/7 overflow bug) inherits from #nav li anyway unless reset */
    border:0;/*reset borders from #nav li*/
}
#nav li li a{
    float: none;/*reset the float from #nav li a*/
    display:block;
    width:18.8em;/*IE6 needs a width (10em total with padding)*/
    line-height:1.2; /*reset from #nav li a */
    padding:.3em .5em;
background:#030;
}

/*=== Hide All Sublists ===*/
#nav li:hover ul,
#nav li:hover ul ul,
#nav li.sfhover ul, 
#nav li.sfhover ul ul {
    margin-left:-999em;
}
/*=== Sublist Font Colors ===*/
 
#nav li:hover li a, 
#nav li.sfhover li a {color:#fff;} 
#nav li:hover li li a,  
#nav li.sfhover li li a {color:#030;} /*2nd and 3rd levels font color*/
#nav li li {color:#dca;background:#030;}
#nav li li:hover a {color:#030;background:#fc3;}

#nav li li li:hover a, 
#nav li li li.sfhover a {color:#fc3;background:#030;border:1px solid #dca;} /*2nd and 3rd levels font color on hover*/
 
/*=== Second Level UL position on hover ===*/
 
#nav li:hover ul,
#nav li.sfhover ul{ 
    margin-left:-1px; /* show the sublist (line up with left border on main list items)*/
}
/*=== Third Level UL position on hover ===*/
 
#nav li li:hover ul,
#nav li li.sfhover ul {
    margin-left:19.8em;
    top:-1px;
}

#nav li li.left:hover ul,
#nav li li.left.sfhover ul {
    margin-left:-22.25em;
    top:-1px;
}

body#homepage a#home,
body#aboutcqnc a#about,
body#cqnc a#facilities,
body#ourprograms a#programs,
body#fieldtrip a#fieldtrips,
body#register a#registrations,
body#naturecalls a#newsletter,
body#gallery a#photos,
body#supportcqnc a#support,
body#contactus a#contact,
body#onlinecal a#calendar,
body#locate a#directions, 
body#partners a#affiliates,
body#survey a#onlinesurvey
{display:block;height:auto;margin-top:0;text-align:left;color:#fff;background:#711515;text-decoration:none;}

body.aboutus a#aboutus,
body.staff-dir a#staff,
body.meetings a#mtgs,
body.minutes a#min,
body.facility a#facgallery,
body.education a#educate,
body.spevents a#events,
body.springfest a#fest,
body.egghunt a#hunt,
body.fishing a#derby,
body.fieldtrips a#trips,
body.volunreg a#volreg,
body.walnut a#pond,
body.boccesignup a#boccereg,
body.evtreg a#eventreg,
body.fieldtripreg a#tripreg,
body.howhelp a#yourhelp,
body.give a#donate,
body.member a#membership,
body.volprog a#volunteer,
body.bocceball a#bocce,
body.grove a#memory,
body.volsign a#volunreg,
body.tripregister a#fieldtripreg,
body.eventreg a#evtreg,
body.earth a#EKC,
body.explore a#ne,
body.nature a#nn,
body.outdoor a#oc,
body.wonder a#won, 
body.affiliates a#links,
body.survey a#help
{display:block;height:auto;margin-top:0;text-align:left;color:#fff;background:#711515;text-decoration:none;}

body.homepage a#home,
body.aboutcqnc a#about,
body.cqnc a#facilities,
body.ourprograms a#programs,
body.fieldtrip a#fieldtrips,
body.register a#registrations,
body.naturecalls a#newsletter,
body.gallery a#photos,
body.supportcqnc a#support,
body.contactus a#contact,
body.onlinecal a#calendar,
body.locate a#directions 
{display:block;height:auto;margin-top:0;text-align:left;color:#fff;background:#711515;text-decoration:none;}
