body, #photos { background-color: #1a1f26; background: #1a1f26 url("images/background.gif") repeat-y; }

#container, #nav, #menu, #menu ul { margin: 0; padding: 0; height: auto; }

#logo, #logo img { background: url("images/logo.gif") no-repeat; position: absolute; top: 0; left: 0; width: 196px; height: 123px; border: 0; }
#logoPrint { display: none; }
#masthead { background: url("images/masthead.gif") no-repeat; position: absolute; top: 0; left: 196px; width: 764px; height: 123px; background-color: #688AA1; z-index: 0; border: 0; }
map { text-decoration: none; }
#photos { position: absolute; top: 123px; left: 0; width: 959px; height: 132px; background-color: #9dacc1; z-index: 0; }
#telescope { background: url("images/telescope.gif") no-repeat; height: 120px; width: 196px; position: absolute; top: 123px; left: 0; }
#dressing { position: absolute; top: 0px; left: 0px; z-index: 0; }
#topSpace { position: absolute; top: 123px; left: 196px; background: url("images/topSpace.gif") no-repeat; height: 119px; width: 589px;}
#rightGutter { position: absolute; top: 123px; left: 785px; background: url("images/rightGutter.gif") no-repeat; background-position: top; width: 175px; height: 459px;}
#subnav { position: relative; top: -30px; left: 196; margin-left: 196px; width: 589px; height: 30px;  }
#contentHolder { position: absolute; top: 242px; left: 196px; width: 589px; background: #e5e9ef; }
#content { position: relative; left: 50px; width: 509px; padding: 12px 0; }
#copyright { font-size: 70%; color: #9dacc1; padding-top: 36px; }

#nav { width: auto; }
#menu { postion: absolute; margin-top: 242px; }
#menu ul { position: relative; list-style: none; width: 196px; float: left; z-index: 500; }
#menu li { position: relative; background-color: #284861; font-weight: bold; letter-spacing: 1px; padding: 0px; margin-bottom: 3px;  }
#menu li a { display : block; text-decoration: none; color: #00adef; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; background-image: url('images/inactiveBullet.gif'); background-repeat: no-repeat; background-position: 14px 9px;}
#menu li a:hover { color: orange; }
#menu li.navCurrent { background-color: #00adef; }
#menu li.navCurrent a { color: white; background-image: url('images/activeBullet.gif'); background-repeat: no-repeat; background-position: 14px 9px; z-index: 6;}
#menu li.navCurrent {  }
#menu ul li:hover { display: block; }

#subnav ul { list-style: none; margin: 0; padding: 0; width: 589px; text-align: center; vertical-align: text-bottom; }
#subnav ul li { float: left; display: inline; width: 24.9%; font-size: 90%; position: relative; line-height: 14px; font-weight: 900; letter-spacing: 1px; }
#subnav ul li.submenu4 { width: 25.3%; height: 30px; }
#subnav a { display : block; text-decoration: none; color: #333; padding: 8px; }
#subnav a:hover { color : #C22;	}

.submenu1 { background-color: #EEE; }
.submenu2 { background-color: #DDD; }
.submenu3 { background-color: #CCC; }
.submenu4, #subnav, #submenu .subNonBlank { background-color: #BBB; }
.subBlank, #subnav, #submenu .subBlank { height: 30px; background: none; }
.subBlank { display: none; }

h1 { background-color: white; position: relative; left: -50px; letter-spacing: 1px; background-image: url('images/activeBullet.gif'); background-repeat: no-repeat; background-position: 26px 12px; padding: 6px 0 6px 50px; width: 540px; margin-bottom: 18px; }

/*custom lists in #content div */
#content ul { margin-left: 5px; padding-left: 0; list-style: none; }
#content ul li { padding-left: 11px; background-image: url('images/bullet.gif'); background-repeat: no-repeat; background-position: 0 .5em; }

table { background-color: #F9F9F9; margin-top: 10px; }
thead { color: #F9F9F9; background-color: #2a323d; font-weight: bold; }
tr.odd { background-color: #dbdfe5; }
tr.even { background-color: #d1d5da; }
th { border-top: 3px solid #101213; text-align: left; }

.bio p { margin-right: -20px; }
.clearer { display: block; height: 1px; clear: both; margin: 0; padding: 0; }
.rightSidebar { float: right; clear: both; width: 200px; margin-left: 15px; margin-bottom: 5px; margin-right: 0px; font-size: 90%; }
.rightSidebar { background-color: #dbdfe5;  }
.rightSidebar * { margin-left: 5px; }
.rightSidebar dl, .rightSidebar h3 { margin-top: 8px; }
.rightSidebar h3 { border-bottom: 1px dashed #101213; }
.rightSidebar h3, .rightSidebar dt { margin-right: 8px; }
.rightSidebar dd { margin-right: 0; }