/* html {overflow: visible !important} */
html, body {padding: 0; margin: 0; width: 100%; height: 100%; min-width: 1000px; font-family: Georgia, serif}
body, #menu_fillback {background: #FFFFBB url(http://www.SchoolsAreForFish.net/imgs/?l=backgrounds-topbar.png) repeat-x fixed;}
.biggest {width: 100%; height: 100%}

span.linkcaption {display: block;}

.nobr {white-space: nowrap;}

#waterdiv a:focus {-moz-outline-style: none}

.sidebutton {position: relative; clear: right; float: right; cursor: pointer}
.sidebutton:focus {-moz-outline-style: none}

a img {border: none}

a.nofocus:focus {-moz-outline-style: none;}
a {color: blue; text-decoration: none}
a:visited {color: purple;}
a.nevervis:visited {color: blue;}
a:active {text-decoration: none;}
a:hover {color: red; text-decoration: underline;}
a:active {color: black;}

/*
a[target] {background: url(http://www.schoolsareforfish.net/imgs?l=linkimgs-icons-external-normal.png) no-repeat scroll bottom right; padding-right: 13px;}
a[href^="mailto:"] {background: url(http://www.schoolsareforfish.net/imgs?l=linkimgs-icons-email-normal.png) no-repeat scroll bottom right; padding-right: 18px}
a:visited {color: purple; text-decoration: none}
a[target]:visited {background: url(http://www.schoolsareforfish.net/imgs?l=linkimgs-icons-external-visited.png) no-repeat scroll bottom right; padding-right: 13px}
a[href^="mailto:"]:visited {background: url(http://www.schoolsareforfish.net/imgs?l=linkimgs-icons-email-visited.png) no-repeat scroll bottom right; padding-right: 18px}
a:active {color: black; text-decoration: none}
a[target]:active {background: url(http://www.schoolsareforfish.net/imgs?l=linkimgs-icons-external-pressed.png) no-repeat scroll bottom right; padding-right: 13px}
a[href^="mailto:"]:active {background: url(http://www.schoolsareforfish.net/imgs?l=linkimgs-icons-email-pressed.png) no-repeat scroll bottom right; padding-right: 18px}
a:hover {color: red; text-decoration: underline}
a[target]:hover {background: url(http://www.schoolsareforfish.net/imgs?l=linkimgs-icons-external-hover.png) no-repeat scroll bottom right; padding-right: 13px}
a[href^="mailto:"]:hover {background: url(http://www.schoolsareforfish.net/imgs?l=linkimgs-icons-email-hover.png) no-repeat scroll bottom right; padding-right: 18px}
*/

#linkslabel {display: none; position: fixed; text-align: center; z-index: 20; margin-bottom: .5em; font-size: 16pt; top: 136px; width: 191px}

#content {z-index: 3; position: absolute; top: 209px; left: 134px; right: 191px; bottom: 1em; padding: 0 2em .5em 2em}
#menu {z-index: 5; position: fixed; top: 0; left: 0; width: 134px; height: 100%; overflow: auto}
#header {z-index: 4; position: fixed; top: 0; left: 134px; right: 0; height: 209px}
#links {z-index: 2; position: absolute; right: 0; width: 191px; top: 209px; bottom: 0; text-align: center}
#footer {z-index: 1; position: fixed; bottom: 0; height: 1.2em; left: 134px; right: 191px; text-align: center; white-space: nowrap; font-size: 10pt; font-family: Times New Roman, serif}

#topfade, #linkfade {position: fixed; top: 0; z-index: 11; height: 209px; background: url(http://www.SchoolsAreForFish.net/imgs/?l=backgrounds-topfade.png) repeat-x fixed;}
#topfade {left: 0; right: 191px}
#linkfade {width: 191px}

#header * {position: fixed}
#logo {z-index: 1000}
#header img.title {top: 134px; left: .85em; margin-left: 134px}

#content p {text-indent: 2em; text-align: justify; margin-bottom: .4em}

#links div.divider {padding: 1.3em 0; background: url(http://www.schoolsareforfish.net/imgs/?l=blogside-bar-divider.png) no-repeat center center}
#links a {margin-bottom: 1.75em}
#links a img {max-width: 188px}

h1 {font-family: vagabond, verdana, sans-serif; font-size: 30pt; z-index: 12}