/* body styles */
body {
margin: 0;
padding:0;
background-image:url(../images/general/background.jpg);
background-repeat:repeat-x;
background-color:#F7F1EA;
color:#333333;
font-size:11px;
font-style:normal;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#header {
height:98px;
width:100%;
background-color:#030200;
text-align:center;
}
#page {
width:780px;
background-color:#FFFFFF;
text-align:left;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom:30px;
border-right:1px #A9A9A9 solid;
border-left:1px #A9A9A9 solid;
border-bottom:1px #A9A9A9 solid;
}
#admin {
width:100%;
background-color:#FFFFFF;
text-align:left;
padding:0 10px 0 10px;
border-top:1px #A9A9A9 solid;
border-bottom:1px #A9A9A9 solid;
}

/* page styles */
#center {
margin-left:260px;
margin-right:260px;
padding:0 10px 0 10px;
}
#leftSide {
float:left;
width:240px;
padding:0 10px 0 10px;
}
#rightSide {
float:right;
width:240px;
padding:0 10px 0 10px;
}
#leftSidebar {
float:left;
width:120px;
padding:40px 10px 0 10px;
}
#pageContent {
margin-top:0;
margin-bottom:0;
margin-left:140px;
margin-right:0;
padding:0 10px 0 10px;
}
#mainPage {
margin-left:10px;
margin-right:10px;
padding:0 10px 0 10px;
}
#footer {
border-top:1px #CCCCCC dashed;
font-size:9px;
text-align:center;
}
.footerPic {
float:right;
position:relative;
top:-40px;
padding:0 20px 0 0;
}
.floatLeft {
float:left;
margin-right:12px;
}
.floatRight {
float:right;
margin-left:12px;
}
.floatCenter {
text-align:center;
margin-left:auto;
margin-right:auto;
}
.clearFloat {
clear:both;
height:0;
font-size:1px;
}

/* font styles */
h1 {
color:#563B10;
font-family:"Times New Roman", Times, serif;
font-size:18px; 
font-weight:bold;
padding-top:12px;
}
h2 {
color:#563B10;
font-size:13px; 
font-weight:bold;
padding-top:2px;
line-height:.9;
}
h3 {
font-size:12px; 
font-weight:bold;
padding:10px 0 0 0;
}
h3 a:hover {
color:#505050;
}
h4 {
color:#AA2233;
font-size:12px;
font-weight:bold;
}
a {
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#996633;
font-weight:bold;
}
a:hover {
color:#563B10;
}
.bullet {
line-height:1.2;
}
hr {
color:#A9A9A9;
border-style:dotted;
}
.notice {
color:#AA2233;
font-weight:bold;
}

/* box styles */
.news {
margin:10px 0 5px 0;
padding:2px;
border:2px #D9974F dashed;
background-color:#FBD99F;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
.caption {
margin:10px 0 5px 0;
padding:3px;
border:1px #563B10 solid;
background-color:#E9DCC9;
font-family:Arial, Helvetica, sans-serif;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

/* menu styles */
#navbar {
overflow:visible;
position:absolute;
background-color:#2F0C00;
top:74px;
margin-left:auto;
margin-right:auto;
}
#navbar a {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#D9974F;
font-size:11px;
text-decoration:none;
}
.current {
color:#563B10;
background-color:#E9DCC9;
font-weight:bold;
}
#navbar ul {
margin:0;
padding:0;
list-style-type:none;
}
#navbar li {
float:left;
white-space:nowrap;
height:20px;
padding-top:4px;
padding-left:16px;
border-right:1px #A9A9A9 solid;
}
#navbar li:hover {
background-color:#E9DCC9;
}
#navbar li:hover > a {
color:#563B10;
font-weight:bold;
}
#navbar ul ul {
position:absolute;
background-color:#E9DCC9;
visibility:hidden;
}
#navbar li li {
float:none;
height:20px;
border-right-width:0;
border-top:1px #A9A9A9 solid;
width:140px;
}
#navbar li li a {
color:#996633;
}
#navbar ul ul ul {
position:absolute;
background-color:#DEDEDE;
visibility:hidden;
}
#navbar li li li {
float:none;
height:20px;
border-left:1px #A9A9A9 solid;
border-top:1px #A9A9A9 solid;
width:160px;
}
#navbar li li li:hover {
background-color:#DEDEDE;
}

/* menu positioning */
/***** first tier ********/
#homeTab {
width:65px;
}
#aboutTab {
width:85px;
}
#eventsTab {
width:65px;
}
#birdingTab {
width:70px;
}
#journalTab {
width:75px;
}
#recordsTab {
width:145px;
}
#linksTab {
width:55px;
}
#contactTab {
width:85px;
}
/***** second tier ********/
#about {
top:24px;
left:80px;
}
#events {
top:24px;
left:185px;
}
#birding {
top:24px;
left:265px;
}
#journal {
top:24px;
left:350px;
}
#records {
top:24px;
left:445px;
}
#contact {
top:24px;
left:680px;
}
/***** third tier ********/
#funds {
top:50px;
left:152px;
}
#COBirds {
top:50px;
left:152px;
}
#county {
top:75px;
left:152px;
}
#photos {
top:100px;
left:152px;
}
#lists {
top:125px;
left:152px;
}
#forms {
top:150px;
left:152px;
}
#seasonal {
top:225px;
left:152px;
}