/* Main setup */
html, body {margin:0px auto; padding:0px; font-family:trebuchet, sans-serif;}
body {text-align:center; background-color:white; color:black; font-size:100%;}
html>body {font-size:1em;}
/* We use a pseudobody div to push everything to the center, because trying to use body runs into too many browser differences on how they treat body. Also means we can set text-align:center on body to get everything centered in IE */
#pseudobody {background-image:url("../images/decoration/bodyback.png"); background-repeat:repeat-y; background-position:36em 0em; width:50em; margin-left:auto; margin-right:auto; margin-top:0.1em; text-align:left; position:relative; border-left:1px solid black; border-right:1px solid black; border-bottom:1px solid black; background-color:transparent;}
/* Main banner area */
#banner h1 {background-color:#D1CFA9; margin:0px; padding:0.5em; height:1.5em; color:#A19A66; font-size:3em; background-image:url("../images/decoration/h1back.png"); background-position:top left; background-repeat:no-repeat;}
#banner h1 a:link, #banner h1 a:visited, #banner h1 a:hover, #banner h1 a:active {color:#A19A66; background-color:transparent; text-decoration:none;}
/*Accessibility Links */
#accessmenu {padding:0; margin:0; position:absolute; top:0; left:0;}
#accessmenu li {padding:0; margin:0; list-style:none;}
#accessmenu li a {position:absolute; left:-100em; top:0; background-color:#807638; color:white;}
#accessmenu li a:focus {position:absolute; display:block; top:0.3em; left:1em; width:14em; border-bottom:1px solid #666633; border-left:1px solid #666633;}

/* Main content area */
#content {float:left; width:35em; padding:0px 0.5em;}

/* Konqueror (and Safari??) seems not to get the background-repeat on the
#seudobody div right, but repeats in x as well as y. We work around this (at 
least for the case where #content is longer than #navigation) by
setting the background-color. Otherwise this rule isn't needed */

#content {background-color:white;}

/* Navigation area */
#navigation {margin-left:36em; border-left:1px solid #666633;}
/* Main navigation */
#navigation #mainnavmenulist  {margin:0px; padding:0px; list-style:none; position:absolute; top:7.5em; left:0px; border-top:2px solid #666633; border-bottom:2px solid #666633; width:50em; background-color:#A19A66;}
#navigation #mainnavmenulist a:link, #navigation #mainnavmenulist a:visited, #navigation #mainnavmenulist a:hover, #navigation #mainnavmenulist a:active {color:#323C26; text-decoration:none; background-color:transparent;}
#navigation #mainnavmenulist a:hover, #navigation #mainnavmenulist a:active {color:white;}
#navigation #mainnavmenulist li {float:left; margin:0px; padding:0px 0.8em 0px 0.8em; border-right:2px solid #666633;}
#navigation #mainnavmenulist li:hover {background-color:#807638;}
#navigation #mainnavmenulist li:hover a {color:white;}
#navigation h5 {padding:0px; margin:0px; display:inline; font-weight:normal;}
/* Sub-navigation */
#navigation dl {margin:2.5em 0px 0px 0px; padding:0px;}
#navigation dt {background-color:#A19A66; color:#323C26; border-bottom:1px solid #323C26; margin:0px 0.4em; font-size:1.1em; font-weight:normal; padding:0.05em 0.2em;}
#navigation dt a:link, #navigation dt a:visited, #navigation dt a:hover, #navigation dt a:active {color:#323C26; background-color:transparent; text-decoration:none;}
#navigation dd {margin:0.75em 0.55em 2.3em 1.7em; background-color:#807638; color:white; padding:0.2em; font-size:0.8em; }
/* Description of current page */
#desc {position:absolute; top:0.625em; left:24em; width:20em; font-size:1em; color:white; border:2px solid #666633; overflow:auto; background-image:url("../images/decoration/descback.png"); background-position:top left; background-repeat:repeat;}
#navigation p, #desc p {background-color:transparent; padding:0.2em 0.5em; font-size:0.8em; margin:0.5em; height:4.75em; background-color:#807638;}
#desc h2 {font-size:0.8em; height:1em; padding:0.2em 0.5em 0.3em 0.5em; margin:0px; background-color:transparent; border-bottom:2px solid #666633; color:#A19A66;}

/* Currently displaying selected section/page */
body.prof li#menuprof h5 {font-weight:bold;}
body.prof li#menuprof {background-color:#D1CFA9;}
body.pers li#menupers h5 {font-weight:bold;}
body.pers li#menupers {background-color:#D1CFA9;}
body.cont li#menucont h5 {font-weight:bold;}
body.cont li#menucont {background-color:#D1CFA9;}
body.album li#menualbums h5 {font-weight:bold;}
body.album li#menualbums {background-color:#D1CFA9;}
body.searchpage li#menusearch h5 {font-weight:bold;}
body.searchpage li#menusearch {background-color:#D1CFA9;}

/* Footer area */
#footer {clear:both; background-color:#A19A66; margin:0.5em 0px 0px 0px; padding:0.5em; border-bottom:10px solid white;}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {background-color:transparent; color:black; text-decoration:underline;}
/* General styling */
h2 {background-color:#A19A66; font-size:1.75em; margin:1.4em 0px 0.8em 0px; padding:0.1em 0.3em; color:#323C26; position:relative;}
h3 {background-color:#A19A66; font-size:1em; margin:0.3em 0px; width:25%; padding:0.1em 0.3em; color:#323C26;}
a:link {color:#666633; text-decoration:underline;}
a:visited {color:black; text-decoration:underline;}
a:hover, a:active {background-color:#D1CFA9;}
blockquote {margin:2em; border:1px solid #666633; background-color:#A19A66; padding:0.3em 0.5em;}
blockquote:hover {background-color:transparent;}
abbr, acronym {text-decoration:none; border:none; cursor:help; background-image:url("../images/decoration/qmark.png"); background-position:bottom right; background-repeat:no-repeat; letter-spacing:0.05em;}
.hide {display:none;}
/* Labelled diagram blocks (250px wide if floated left/right) */
div.diaright {float:right; margin-left:0.5em; margin-bottom:0.5em; text-align:center; width:250px; border:1px solid #666633;}
div.dialeft {float:left; margin-right:0.5em; margin-bottom:0.5em; text-align:center; width:250px; border:1px solid #666633;}
div.diainline {text-align:center; border:1px solid #666633; margin-bottom:0.5em;}
div.diaright p, div.dialeft p, div.diainline p {text-align:left; margin:0.1em 0.3em 0.1em 0.3em;}
div.diaright img, div.dialeft img, div.diainline img {margin-top:0.1em;}
/* Lists of programs, resources, etc marked as definition lists */
dl.proglist {margin:0.4em 0px;}
dl.proglist dt {margin:0.8em 0px 0.5em 0px;}
dl.proglist dd {margin:0px 1em 0px 2em;}
.eggraphic {text-align:center;}

/* Search */

p.fdseForm {text-align:center; border:1px solid #666633; background-color:#A19A66; padding:0.4em; margin:0.3em;}
p.fdseForm input,p.fdseForm select {border:1px solid #666633; font-family:sans-serif; background-color:#D1CFA9; color:black;}
span.searchterms {font-weight:bold;}
h3.searchreshead {width:auto;}
p#searchgoogle {text-align:center; font-size:0.8em;}

/* Stat counters */

div#counters {position:absolute; left:-100em; top:0px;}

/* ----------------------------------------CSS Hacks --------------------------------------------- */
/* _______________________________________________________________________________________________ */


/* ------------------- IE/WIN ------------------- */

/* Hides from IE5-mac \*/
* html #navigation dt, * html #navigation dd {height:1%;}
/* End hide from IE5-mac */

/* ------------------- IE5.x/WIN ------------------- */

/* Tantek's midband pass for IE5.x Filter in a new stylesheet to fix the box model (as much as I can be bothered to anyway */
@media tty {
 i{content:"\";/*" "*/}} @import 'ie5xwin.css'; /*";}
}/* */