/* Color Palette
Sky Blue: #aec5e4
Water Blue: #69c
skyline brown: #bb8630
mango: #fd7
hover tea: #dc7
*/
/* shared styles*/
html * { margin: 0; padding: 0; border: 0; text-decoration: none; }
body { background-color: #fff; font: .8em/1.3em Georgia, Garamond, sans serif; }
a:link, a:visited, a:active { color: #369; }
a:hover { color: #69c; text-decoration: underline; }
table { border-collapse: collapse; }

/* container sets width of page and creates faux columns by adding a 150px image on left repeating on y-axis */
#gestalt { width: 780px; background: #fe9 url(../images/blueback.jpg) repeat-y; position: relative; }

/* masthead containing name img and hours */
#header { height: 75px; background-color: #fff; position: relative; }
#header img#sbhlogo { position: absolute; left: 0; top: 0; width: 149px; height: 175px; }
#header img#sbhwords { width: 290px; height: 30px; margin-top: 42px; margin-left: 155px;}
#header .hours { position: absolute; right: 0; top: 10px; 
	font: bold .9em/1.1em "Trebuchet MS", Arial, sans-serif; color: #bb8630; text-align: right; }
#header h1 span, #header h2 { display: none; }

#maincontent { border-top: 1px solid #fff; border-bottom: 1px solid #bb8630; height: auto; }

/* 1st-level navigation */
#nav { width: 149px; position: absolute; left: 0; top: 200px; z-index:10; }
/* position:relative keeps the secondary menu aligned properly, float:left keeps the items from shifting  */
#nav li { width: 149px; text-align: right; list-style-type: none; text-transform: uppercase; position: relative; float: left; }
#nav a { display: block; padding: 6px 10px; width: 129px; color: #fff; font: bold .9em/1.2em "Trebuchet MS", Arial, sans-serif; }
#nav a:hover, #nav a:focus { background-color: #aec5e4; color: #258; text-decoration: none; }
#nav a:active {color: #ffc; }

/* 2nd-level navigation */
#nav li ul { position: absolute; left: 149px; top: 0; width: 149px; background-color: #aec5e4; display: none;}
#nav li ul li {text-align: left; }
/* the li.over is for when the javascript changes :hover to .over */
#nav li:hover ul, #nav li.over ul { display: block; }
#nav li li a { color: #258; }
#nav li li a:hover { background: url(../images/blueback.jpg) repeat-y; color: #fff; }

#topic { margin-left: 150px; padding-bottom: 15px; overflow: auto;}
#topic #slideshow { margin: 0; padding: 0; width: 630px; height: 300px; 
	background-color: #aec5e4; border-bottom: 1px solid #fff; z-index: 1; }
#topic img.photo_tall { margin: 0; padding: 0; width: 630px; height: 300px; background-color: #aec5e4; border-bottom: 1px solid #fff; }
#topic img.photo_med { margin: 0; padding: 0; width: 630px; height: 200px; background-color: #aec5e4; border-bottom: 1px solid #fff; }
#topic img.photo_short { margin: 0; padding: 0; width: 630px; height: 100px; background-color: #aec5e4; border-bottom: 1px solid #fff; }
#topic p.photocredit, #topic p#revolvercredit { font: .8em "Trebuchet MS", Arial, sans-serif; color: #610; 
	text-align: right; margin: 1px 10px 0 0; }

#topic h1, #topic h2, #topic h3, #topic h4, #topic p, #topic dl, #topic table { margin: 0 25px .6em 25px; }
#topic h1 { font: normal 1.6em/2em Georgia, Garamond, serif; color: #bb7520; margin-bottom: 0; }
#topic h2 { font: bold 1.2em/2em Georgia, Garamond, serif; color: #610; margin-bottom: 0; }
#topic h3 { font: bold 1.2em/1.6em Garamond, Georgia, serif; color: #bb7520; margin-bottom: 0; }
#topic h4 { font: bold 1em Garamond, Georgia, serif; color: #bb7520; margin-bottom: 0; }
#topic ul { margin: 0 25px .5em 60px; }
#topic ul ul { margin: 0 0 0 16px; }
#topic dl dt { margin-bottom: 0; font-weight: bold; color: #bb7520; }
#topic dl dd { margin-bottom: .5em; }
#topic dl dd p { margin-left: 0; margin-right: 0; }
#topic li { margin-bottom: .6em; }

/*introduced to clear "upcoming" float. Without this IE would not contain the float. Left margin equals maincontent + topic*/
#contactinfo {clear: both; margin: 0 25px 0 175px; padding: 10px 0; font: .8em Arial, Helvetica, sans-serif; 
	background: url(../images/sbh_boat.gif) no-repeat right center; color: #a72; }

#sitesearch { position: absolute; right: 0; top: 48px; }
#fillin { width: 115px; margin-right: 2px; border: 1px solid #999;}
#btn { width: 15px; height: 15px; position: relative; top: 3px; }

#results_ { margin: 0 25px .6em 25px; background: inherit; }

#footer { padding: 5px; background-color: #fff; font: .8em "Trebuchet MS", Arial, sans-serif; color: #666; clear: both; }