@charset "UTF-8";body { width: 100.8em; }
a:link, a:visited { color: #00f; }
a:hover {color: #f00;}
#header { height: 18.6em; overflow: hidden;}
#rail {z-index: 50;border-left: 1px solid #ccc;padding-left: .25em;margin-left: 1em; width: 20em; position: relative; left: 80.4em; height: 50em;}
#body { background-color: #fff; z-index: 2; padding: 0 .5em; font-size: 1.3em; top: 15em; height: 50em; width: 800px; float: left; position: absolute;}
h1 { font-size: 2.7em; padding: .25em;}
h2 { font-size: 1.5em; padding: .25em;}
ul.list li { list-style: disc; margin-bottom: 1em; margin-left: 3em; font-size: 1.2em;}
.float_r { float: right; margin-right: .125em;}
.photobox { overflow: hidden;width: 230px; font-size: 1em; background-color: #000; color: #fff; padding: .125em 10px .125em 10px;}
.photobox span.img { width: 230px; height:307px; display: block; }
.photobox .caption { font-size: 13px;}
.photobox .credit { font-weight: normal; font-size: 10px;}
#body h1 { width: 100%;}
#body ul li label { font-size: 1em; font-weight: bold;}
#body ul li p { font-size: .67em; width: 58em;}
#body ul li p img { float: left; padding-right: .25em; }
#body p { width:40em; margin: 1em 0; line-height: 1.2em;}
#rail ul li { font-size: 2em; font-weight: bold; }
#rail ul li ul li { margin-left: .5em; font-weight: normal; font-size: .75em; }
#rail ul.sports li a { font-size: 1em;}

.recent { text-align: center; }
#footer { z-index: 1; position: fixed; bottom: 0; width: 1008px; height: 1.2em;}
ul.galleries {padding: .25em;border: 5px solid black;background-color: #fff; height: 30em; overflow: auto;}
ul.galleries li img { width: 50px; padding: 0 .5em; vertical-align: top; height: 50px; float: left;}
ul.galleries li {font-size: .75em;width: 50%;float: left;height: 5em;}
ul.galleries li:hover {background-color: #999;}
ul.galleries li:hover a:hover { color: #fff; }
span.date { color: #ccc;}
.photorow{display: block; background-color: #fff;}
.photogallery{display: block; float: left; width: 125px; height: auto; padding: 3px;}
.photogallery img {border: none; }
.photogallery a:visited, .photogallery a:link{color: #000080; text-decoration: none;}
.photogallery a:hover{color: red;}
.photogallery .photos { font-size: .75em; }
.date{font-size: 11px; color: #CCCCCC;}
.title{font-size: 12px; font-weight: bold; text-align: center; }
#body fieldset h2 { color: #fff;}
#body fieldset { clear: both; margin-top: 2em; background-color: #000;}
#body fieldset a{ color: #FC0;}
#body fieldset legend { font-size: 1.5em; font-weight: bold; background-color: #000; height: 1.5em; padding-top: .5em ; color: #fff; }

#rail .key { border-top: 2px solid black; padding-top: .5em; background-color: #fff; }
#rail .key h3 { text-align: center; }
#rail .key ul li label { float: left; padding-right: .25em;  }
#rail .key ul li { font-size: 14px; font-weight: normal; clear: both; padding: .25em 0em; margin: 0em 1em;}
#body form th { width: 150px ;} 
#body form td input[type='text'] { width: 250px ;} 
#body form td textarea { width: 100%; height: 10em; }


.staff { width: 60em;}
.staff li { font-size: 1.5em; padding-bottom: 1em; padding: .5em; clear: both;  font-size: 13px;}
.left { float: left;  margin-right: .25em;}
.right { float: right; margin-left: .25em;}
.graphic { width: 230px; height: 307px; }
.portfolio { width: 310px; height: 485px;}
.graphic .select span { width: 50%; font-size: 1.5em; display: block; float: left;background-color: #00f; padding: .25em 0; color: #fff;}
.graphic .select span.active { color: #fff; background-color: #09f;}
.elsewhere { clear: both;}
.available { border: 3px solid black; width: 100%;  border-top: none; }
span[onclick] { cursor: pointer; }
#body ul.staff li.available label { font-size: 20px; }
img.overlay { 
 position: absolute;
 top: -15em; 
 right: -15.5em; 
}

.align_c { text-align: center; }
.photobox .credit a { color: #fff; }

.uploaded { border-bottom: 2px solid black; padding: .5em;  }
.uploaded ul li label { float: left;  width: 125px; }
.uploaded ul li {padding: .25em; }




#header .new_menu { background-color: #000; width: 1008px; height: 36px; }
#header .new_menu ul.menu { margin-left: 75px; height: 35px;}
#header .new_menu ul.menu li:hover {
 background: url(/images/menu_bar_hover.png) no-repeat;

}
#header .new_menu ul.menu li a {
 display: block;
 width: 100%;
 height: 35px;

}

#header .new_menu ul.menu li {
 height: 36px;
 float: left;
 width: 75px;
 margin-right: 20px;
 background: url(/images/menu_bar.png) no-repeat;
}
#header .new_menu ul.menu li.home {
 background-position: -188px 0px;
}

#header .new_menu ul.menu li.about {
 background-position: -267px 0px;
}

#header .new_menu ul.menu li.blog {
 background-position: -337px 0px;
}

#header .new_menu ul.menu li.staff {
 background-position: -400px 0px;
}

#header .new_menu ul.menu li.SIDs {
 background-position: -465px 0px;
}

#header .new_menu ul.menu li.reproduction {
 background-position: -530px 0px;
 width: 165px;
}

#header .new_menu ul.menu li.photostore {
 background-position: -685px 0px;
 width: 145px;
}

#footer {z-index: 999; width: 1024px; background-color: #fff; text-align: center; font-size: 1.4em; font-weight: bold; border: 1px solid black; border-bottom: none; left: -15px;}

.data { font-size: 1.1em; width: 100%; } 

.data td, .data th { border-collapse: collapse; padding: .25em;}
.data thead th { background-color: #000; color: #fff; font-size: 1.3em; padding: .25em;  }