/* CSS Document */

* { margin: 0; padding: 0;}

body { font-size: 62.5%; font-family: Helvetica, Arial, sans-serif;  background: url(images/background.png) repeat-x #eae6e0; text-align: center; }

#page { width: 990px; margin: 0 auto; text-align: left; }

#header { height: 180px; }
#header h1 { font-size: 1em; color: #eae6e0; width: 350px; height: 89px; position: relative; margin-top:20px; float: left;}
#header h1 span { display: block; width: 350px; height: 89px; background: url(images/shane-hurlbut.png) no-repeat; position: absolute; top: 0; left: 0; z-index: 2;}

#nav { list-style: none; float: right; height: 90px; padding-top: 40px; }
#nav li { display: block; width: 100px; display: block; height: 90px; float: left; font-size: 1.1em;}
#nav li a { text-decoration: none; color: #C2BDB8; display: block; background: url(images/nav-bg.png) no-repeat left bottom; width: 85px; height: 20px; padding: 70px 7px 0 8px; }
#nav li a:hover, #nav li a.selected { background-image: url(images/nav-over.png); color: #fff;}

#sub-nav { list-style: none; padding-top: 10px; height: 39px; float: right; width:900px;}
#sub-nav li { float: right; width: 150px; font-size: 1em; }
#sub-nav li a { color: #b4f3f1; text-decoration: none; height: 22px; width: 140px;  background: url(images/sub-nav-bg.png) no-repeat bottom left; display: block; padding: 17px 0 0 10px;}
#sub-nav li a:hover, #sub-nav li a.selected { background-image: url(images/sub-nav-over.png); color: #fff;}

#content { padding-top: 20px; }

.large img, .small img, .large .space { padding: 7px; border: 1px solid #ACA59F; background: #faf7f5;}
.large { background: url(images/shadow-lg.png) no-repeat center top; padding-top: 11px;}
.small { background: url(images/shadow-sm.png) no-repeat center top; padding-top: 6px; width: 236px; float: left; margin: 0 15px 14px 0; position: relative;}
.space {text-align: center;}
.last { margin-right: 0; }

.small .caption { background: #6095ba; position: absolute; bottom: 8px; left: 8px; width: 210px; z-index: 2; padding: 5px 5px 0 5px; color: #fff; display: none; opacity:0.85;filter:alpha(opacity=85); }

h1 { font-size: 3em; color: #444; font-weight: normal;}
h2 { font-size: 1.4em;}
p { font-size: 1.4em; line-height: 1.4em; margin: 0.5em 0; }
.small p { font-size: 1.2em; line-height: 1.2em; margin: 0.5em 0; }
.caption a { color: #fff;}

th, td { font-size: 1.4em; padding:2px 5px 2px 0;}
th {font-size: 1.6em; padding: 10px 5px 2px 0; text-decoration: underline;}

#footer { text-align: center; color: #999; padding-top: 20px;}
#footer p { font-size: 1.2em; }

.alignleft { float: left; margin: 0 10px 0 0;}
.alignright { float: right; margin: 0 0 0 10px;}
.clearer { clear: both;}
#page ul {font-size: 1.5em; color:#4A80AD; padding-left: 30px }
blockquote {font-size: 1.8em; font-style: italic; padding-left: 60px; padding-right: 60px }