html { font-size:100%; }
body { margin:0; padding:0; border:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#333; background-color:#996; background-image:url(images/background.jpg); background-repeat:repeat-x; text-align:center; }
		
a { font-weight:bold; color:#036; text-decoration:underline}
a:visited { font-weight:bold; color:#036; text-decoration:underline}
a:hover { font-weight:bold; color:#663; text-decoration:none; }

#Header { margin-top:2px; height:150px; }

#Main { width:960px; margin:0 auto; text-align:left; padding-bottom:5px; background-color:#fff; border-bottom:4px solid #ccc; }
	
#topmenu { width: 960px; height: 24px; margin:0; padding:0; list-style: none; background:url(images/menubar.png); position: relative; border-top:2px solid #ccc; border-bottom:2px solid #ccc; }
#topmenu li { position:absolute; height: 24px; display: block; }
#topmenu  a { height: 24px; display: block; }
#topmenu span { display: none; }

#home { left:0; width:120px; }
#training { left:120px; width:120px; }
#levels { left:240px; width:120px; }
#instructions { left:360px; width:120px; }
#testing { left:480px; width:120px; }
#birders { left:600px; width:120px; }
#projects { left:720px; width:120px; }
#about { left:840px; width:120px; }

#home a:hover { background:url(images/menubar.png) 0 -24px no-repeat; }
#training a:hover { background:url(images/menubar.png) -120px -24px no-repeat; }
#levels a:hover { background:url(images/menubar.png) -240px -24px no-repeat; }
#instructions a:hover { background:url(images/menubar.png) -360px -24px no-repeat; }
#testing a:hover { background:url(images/menubar.png) -480px -24px no-repeat; }
#birders a:hover { background:url(images/menubar.png) -600px -24px no-repeat; }
#projects a:hover { background:url(images/menubar.png) -720px -24px no-repeat; }
#about a:hover { background:url(images/menubar.png) -840px -24px no-repeat; }

#Content { padding:0 10px; }
#Content img { border:2px solid #999; border-right:2px solid #666; border-bottom:2px solid #666; margin-bottom:10px; }

#Footer { width:1000px; margin:0 auto; padding:10px; color:#fff; font-size:12px; }
#Footer a { color:#fff; text-decoration:none; }
#Footer a:hover { text-decoration:underline; }

h1 { color:#663; font-size:1.4em; }
h2 { color:#996; font-size:1em; border-bottom:1px dashed #996; padding:1px; }
h3 { color:#663; font-size:1em; font-weight:bold; } /* only used on Survey.php */

.h2 { color:#996; font-size:1em; border-bottom:1px dashed #996; padding:1px; }
.name { color:#fff; background-color:#333; padding:1px; }
.smalltext { font-size:0.75em; }
.clr { clear:both; }

#table1 {  }
#table1 td.left { width:310px; }
#table1 td.mid { width:308px; padding:0 10px; border-left:1px dashed #333; }
#table1 td.right { width:308px; padding-left:10px; border-left:1px dashed #333; }

.fltLeft { float:left; margin-right:20px; }
.fltRight { float:right; margin-left:20px; }
.Indent1 { margin:10px; margin-left:20px; }
.images { border:1px dotted #ccc; padding: 2px; }

#leftCol { float:left; width:455px; }
#rightCol { float:right; width:455px; }

#ID { float:right; width:380px; margin:0px 0px 0px 10px; color:#333; border:1px solid #996; }
#IDheader { padding:5px; font-size:small; font-weight:bold; color:#fff; text-align:center;	background-color:#333; }
#IDimage { float:right; margin-left:5px; border:1px solid #333; }
#IDcontent { padding:5px; }
	
table.data { border:1px solid #333; border-collapse:collapse; }
table.data td, table.data th { border:1px solid #333; padding:0 5px; }