body { background:#c8c891 url(images/background.png) repeat-x; color:#000; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:small; }

a { color:#003366; font-weight:bold; }
a:active, a:hover { text-decoration:none; color:#663; } 

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

#header { width:1000px; height:130px; }

#main { width:1000px; margin:0; padding:0; background:url(images/mainbg.gif) repeat-y; }

#main #left { float: left; width:200px; margin:0; padding:0; }

#sidemenu { width: 200px; height: 360px; margin:0; padding:0; list-style: none; background:url(images/vmenu.gif); border-bottom: 2px solid #ccc; position: relative; }
#sidemenu li { position:absolute; width:200px; height: 30px; display: block; }
#sidemenu a { width:200px; height: 30px; display: block; }
#sidemenu span { display: none; }

#aboutus { top:0; }
#back { top:30px; }
#contactus { top:60px; }
#endorsers { top:90px; }
#ourwork { top:120px; }
#birdplan { top:150px; }
#trail { top:180px; }
#monitoring { top:210px; }
#resources { top:240px; }
#conservation { top:270px; }
#papers { top:300px; }
#publications { top:330px; }

#aboutus a:hover { background:url(images/vmenu.gif) 0 -360px no-repeat; cursor: text; }
#back a:hover { background:url(images/vmenu.gif) 0 -390px no-repeat; }
#contactus a:hover { background:url(images/vmenu.gif) 0 -420px no-repeat; }
#endorsers a:hover { background:url(images/vmenu.gif) 0 -450px no-repeat; }
#ourwork a:hover { background:url(images/vmenu.gif) 0 -480px no-repeat; cursor: text; }
#birdplan a:hover { background:url(images/vmenu.gif) 0 -510px no-repeat; }
#trail a:hover { background:url(images/vmenu.gif) 0 -540px no-repeat; }
#monitoring a:hover { background:url(images/vmenu.gif) 0 -570px no-repeat; }
#resources a:hover { background:url(images/vmenu.gif) 0 -600px no-repeat; cursor: text; }
#conservation a:hover { background:url(images/vmenu.gif) 0 -630px no-repeat; }
#papers a:hover { background:url(images/vmenu.gif) 0 -660px no-repeat; }
#publications a:hover { background:url(images/vmenu.gif) 0 -690px no-repeat; }
  
#left #sidebar { padding: 0 10px 10px 15px; }

#right { float: right; width:798px; margin:0; padding:0; margin-right:1px; border-top:1px solid #663; border-left:1px solid #663; }

#topmenu { width: 798px; height: 30px; margin:0; padding:0; list-style: none; background:url(images/hmenu.gif); position: relative; }
#topmenu li { position:absolute; height: 30px; display: block; }
#topmenu  a { height: 30px; display: block; }
#topmenu span { display: none; }

#steering { left:0; width:86px; }
#education { left:87px; width:98px; }
#habitat { left:186px; width:78px; }
#iba { left:265px; width:53px; }
#international { left:319px; width:117px; }
#issues { left:437px; width:72px; }
#outreach { left:510px; width:93px; }
#stopover { left:604px; width:92px; }
#research { left:697px; width:101px; }

#steering a:hover { background:url(images/hmenu.gif) 0 -30px no-repeat; }
#education a:hover { background:url(images/hmenu.gif) -87px -30px no-repeat; }
#habitat a:hover { background:url(images/hmenu.gif) -186px -30px no-repeat; }
#iba a:hover { background:url(images/hmenu.gif) -265px -30px no-repeat; }
#international a:hover { background:url(images/hmenu.gif) -319px -30px no-repeat; }
#issues a:hover { background:url(images/hmenu.gif) -437px -30px no-repeat; }
#outreach a:hover { background:url(images/hmenu.gif) -510px -30px no-repeat; }
#stopover a:hover { background:url(images/hmenu.gif) -604px -30px no-repeat; }
#research a:hover { background:url(images/hmenu.gif) -697px -30px no-repeat; }

#right #pic { padding-left:1px; border-bottom:1px solid #663; }
#right #content { width:779px; padding:10px; }

#content #cell-1 { width:275px; float: left; text-align: center; margin-right:20px; }
#content #cell-2 { width:180px; float: left; text-align: center; margin-right:20px; }
#content #cell-3 { width:280px; float: left; text-align: center; }
#content #cell-3 img { border:1px solid #333; }

#footer { clear:both; width: 990px; margin:0; padding:5px; background:#663; color:#fff; }
#footer a { color:#ccc; font-weight:normal; }

h1 { font-family: "Times New Roman", Times, serif; font-size:x-large; font-weight:bold; color:#630; margin:0; }
h2 { font-size:small; color:#630; text-transform: uppercase; }
h3 { font-size:small; background-color:#663; color:#fff; padding:2px; }
h4 { font-size:small; background-color:#f1edc2; padding:2px; }

.smalltext { font-size:x-small; }
.clr { clear:both; }

.tab { margin-left:25px; }
.tabtab { margin-left:50px; }

.floatleft { float:left; margin-right:10px; padding:1px; border:1px solid #ccc; }
.floatright { float:right; margin-left:10px; padding:1px; border:1px solid #ccc; }
.fleft { float:left; margin-right:10px; }
.fright { float:right; margin-left:10px; }

.leftside { float: left; width: 380px; }
.rightside { float: right; width: 380px; }

.box { padding:5px 0; margin:5px 0; border:1px solid #ccc; background:#eeeee0; }

table.pretty { border-collapse:collapse; border:1px solid #663; }
table.pretty td { border:1px solid #666; padding:5px; }