body  { font-size: small; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #7ec879 !important; background-image: url(../graphics/nav/FW_ghost.jpg); background-repeat: repeat; background-attachment: fixed; background-position: 0 0; min-width: 1000px; margin: 0; padding: 0   ; border-color: #000; border-width: 1pt; }
p   { font-style: normal; font-weight: normal; font-size: 0.9em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 10px }
ul   { font-style: normal; font-weight: normal; font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin-top: 10px }
h1      { color: red; font-weight: bold; font-size: 1.5em; line-height: 6px; font-family: Optima, Palatino, Arial, Swiss, SunSans-Regular, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: center }
h2       { color: red; font-style: normal; font-weight: bold; font-size: 1.2em; line-height: normal; font-family: Optima, Palatino, Arial, Swiss, SunSans-Regular, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; vertical-align: baseline }
h3   { color: #327830; font-style: italic; font-weight: normal; font-size: 1em; line-height: normal; font-family: Optima, Palatino, Arial, Swiss, SunSans-Regular, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-transform: uppercase;}
h4    { color: black; font-weight: bolder; font-size: 0.8em; line-height: 11pt; font-family: Optima, Palatino, Arial, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
#page_content   { background-color: white; min-width: 1000px; margin-top: 0; margin-right: 10%; margin-left: 10%; min-height: 500px; border-left: 3px ridge #004600; border-bottom: 3px ridge #004600; border-right: 3px ridge #004600; border-top-color: #004600; border-top-style: ridge; }
#top_nav   { font-size: small; text-decoration: none; text-align: right; top: 0; z-index: 1; float: right; margin-right: 10px; padding-left: 10px      }
#top_nav li   { list-style-type: none; float: right; padding-left: 10px; display: inline }
#top_nav a   { color: #565ea6; text-decoration: underline; }
#top_nav a:hover   { color: #fff; background-color: #565ea6; text-decoration: underline; padding-right: 3px; padding-left: 3px; }
a { color: #565ea6; text-decoration: none }
#header { background-color: black; text-align: center; width: 100%; height: 150px ; clear: both; }
#header img { text-align: center; z-index: 10; margin-bottom: 12px; }
#header h1  { color: #5f021f; font-weight: bold; font-size: 2em; line-height: 1em; font-family: "Times New Roman", Georgia, Times; text-align: left; top: 30px; left: 10% }
#header h3  { color: #5f021f; font-style: oblique; font-weight: normal; font-size: small; line-height: normal; font-family: "Times New Roman", Georgia, Times; text-align: left; margin-top: -14px; top: -6px }
#main_nav     { color: white; text-decoration: none; background-position: right 50% ; list-style-type: none; clear: both; margin-top: 4px; margin-left: 0; border-bottom: 6px solid #0e426c; width: 100% }
#main_nav li     { list-style-type: none; float: left; padding-left: 2px; display: inline }
#main_nav a    { color: white; text-decoration: none; background-color: #0e426c; padding: 4px 15px; display: inline }
#main_nav a:hover   { color: #faeed6; font-weight: bold; font-size: 102%; padding-left: 60px; display: inline }
#navbar   { font-size: x-small; background-image: url(../graphics/nav/barred.jpg); text-decoration: none; list-style-type: none; margin-right: 10px; padding-left: 10px  }
#navbar li   { list-style-type: none; float: right; padding-left: 10px; display: inline }
#banner   { background-color: black; background-repeat: no-repeat; background-position: center; text-decoration: none; text-align: center; clear: both; padding-left: 10px        }
#navbarrt  { color: white; font-weight: bold; font-size: 95%; font-family: arial, helvetica, sans-serif; background-image: url(../graphics/nav/barred.jpg); margin-left: 0; padding-left: 0; width: 100%  ; margin-top: 8px; margin-bottom: 8px; }
#navbarrt a  { color: white; text-decoration: none; float: right; width: 6em }
#navbarrt a:link   { color: white; font-weight: bold; font-family: arial, helvetica, sans-serif; text-decoration: none; text-align: center; margin-left: 0; padding-left: 2em; width: 100% ; padding-right: 2em; }
#navbarrt a:hover { color: #000; }
#navbarrt a:visited  { font-weight: bold; font-size: 85%; font-family: arial, helvetica, sans-serif; text-decoration: none; float: right; width: 100% }
#navbarrt ul { width:100%; padding:0; margin:0; list-style-type:none; }
#navbarrt li {display:inline}
#horizontalnav  { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; font-variant: normal; line-height: 1em; background-image: url(../graphics/nav/barredbot.jpg); background-position: 100% 100%; position: relative; clear: both; }
#horizontalnav a{ color: white; width: 100%; display: inline; text-indent: 3px; padding: 2px 12px; text-decoration: none; font-weight: bold; background-image: url(../graphics/nav/barredtop.jpg); text-align: center; clear: both; }
#horizontalnav a:hover { background-color: aqua }
#all_content { float: none; clear: both; margin: 0; padding: 0  }
#main_wide { max-width: 1000px; margin-right: auto; margin-left: auto; padding-right: 5%; padding-left: 5%; }
#main_content       { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left; width: 60%; float: left; clear: none; min-width: 600px; margin: 0 5% 0 3%; padding: 30px 0 10px; _width: 60%   }
#main_content h1 { color: #327830; font-size: 1.5em; font-family: "Times New Roman", Georgia, Times;}
#main_content h2 { color: #327830; font-weight: bold; font-size: 1.2em; text-decoration: none; text-transform: capitalize }
#main_content p  { font-size: 1em ; line-height: 1.25em; }
#main_content li { }
#news      { float: right; margin-right: 20px; padding-top: 26px; width: 294px; min-width: 294px; }
#news p { color: black; font-size: 0.9em; text-align: left ; text-indent: 10px; padding-left: 10px; }
#news h3   { color: #f00; font-style: italic; font-weight: normal; font-size: 1em; line-height: normal; font-family: Optima, Palatino, Arial, Swiss, SunSans-Regular, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-transform: uppercase; text-align: center; padding-left: 10px; }
#news li   { margin-left: 9px; }
.sideblock     { font-size: small; line-height: 1em; background: url(../graphics/nav/boxgreenBs.gif) no-repeat left bottom; margin-bottom: 1em  ; }
.sideblock h1   { color: #004600; font-size: small; background: url(../graphics/nav/boxgreenT.jpg) no-repeat left top; text-align: justify; margin: 0; padding: 16px 10px 8px; border-bottom: 1px solid #83ae84 }
.sideblock h2 { color: #327830; font-weight: bold; font-size: small; padding: 0 6px  }
.sideblock h3   { font-style: italic; font-size: small ; line-height: 1em; text-align: center; margin-right: 12px; margin-bottom: 12px; margin-left: 12px; padding-bottom: 12px; }
.sideblock p  { font-style: oblique; font-size: x-small; line-height: 0.8em;}
.sideblock a   { font-style: italic; font-size: small ; line-height: 1em; text-align: center; margin-right: 12px; margin-bottom: 12px; margin-left: 12px; padding-bottom: 12px; }
.sideblock a:hover   { font-style: italic; font-size: small ; font-weight: bolder; line-height: 1em; }
#botblock   { text-align: center; clear: both; width: 100%  ; margin-right: auto; margin-left: auto; }
#support     { font-size: x-small; background-color: #fff; background-attachment: scroll; float: left; min-width: 180px; max-width: 30%; margin-right: 1em; margin-bottom: 1em   ; padding: 10px 4px 6px; border: solid 1px #f00; }
#support h1   { color: #fff; font-size: medium; font-weight: bolder; background-color: #f00; text-align: justify; margin: -10px -4px -4px; padding: 12px 8px 10px; border-bottom: 1px solid #f00        }
#support h2 { font-weight: bold; font-size: small; padding: 0px 6px }
#support p  { font-style: oblique; font-size: small; background-color: #fff; padding: 0 6px 4px   }
#support a   { font-style: italic; font-size: small ; text-align: right; }
#jobs     { font-size: x-small; background-color: #fff; background-attachment: scroll; float: left; min-width: 180px; max-width: 30%; margin-right: 1em; margin-bottom: 1em   ; padding: 10px 4px 6px; border: solid 1px #54bb50; }
#jobs h1   { color: #fff; font-size: medium; font-weight: bolder; background-color: #54bb50; text-align: justify; margin: -10px -4px -4px; padding: 12px 8px 10px; border-bottom: 1px solid #54bb50        }
#jobs h2 { font-weight: bold; font-size: small; padding: 0px 6px }
#jobs p  { font-style: oblique; font-size: small; background-color: #fff; padding: 0 6px 4px   }
#jobs a   { font-style: italic; font-size: small ; text-align: right; }
#resources     { font-size: x-small; background-color: #fff; background-attachment: scroll; float: left; min-width: 180px; max-width: 30%; margin-right: 1em; margin-bottom: 1em   ; padding: 10px 4px 6px; border: solid 1px #565ea6; }
#resources h1   { color: #fff; font-size: medium; font-weight: bolder; background-color: #565ea6; text-align: justify; margin: -10px -4px -4px; padding: 12px 8px 10px; border-bottom: 1px solid #565ea6        }
#resources h2 { font-weight: bold; font-size: small; padding: 0px 6px }
#resources p  { font-style: oblique; font-size: small; background-color: #fff; padding: 0 6px 4px   }
#resources a   { font-style: italic; font-size: small ; text-align: right; }
.classes     { font-size: medium; text-align: center; margin-bottom: 1em  ; }
.classes h1   { color: #004600; line-height: 1.5em; margin: 0; padding: 16px 10px 8px; border-bottom: 1px solid #83ae84   }
.classes h2 { color: #327830; font-size: 1.25em; font-weight: bold; text-decoration: underline; padding: 0 6px    }
.classes h3   { font-style: italic; font-size: small ; line-height: 1em; text-align: center; margin-right: 12px; margin-bottom: 12px; margin-left: 12px; padding-bottom: 12px; }
.classes p  { font-style: oblique; font-size: small; line-height: 1em;}
.classes a   { font-style: italic; margin-right: 12px; margin-bottom: 12px; margin-left: 12px; padding-bottom: 12px; }
.classes a:hover   { font-weight: bolder; }
#links   { font-style: normal; font-weight: normal; font-size: x-small; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 1em; text-decoration: none; text-align: center; clear: both; width: 100%    }
#links li     { list-style-type: none; display: inline }
#links a     { color: #f00; font-size: x-small; line-height: 1em; background-color: #fff; text-decoration: none; margin-right: auto; margin-left: auto; padding: 4px 15px; display: inline    }
#links a:hover     { color: #fff; background-color: #f00; text-decoration: none; }
#footer { color: #7ec879; font-size: small; background-color: black; text-align: center; clear: left; margin-right: auto; margin-left: auto; padding: 6px 15px 15px; border-top: 4px solid #000    }
.staffname  { font-size: 1.2em; font-weight: bolder; line-height: 1em; display: inline; }
.stafftitle  { font-style: italic; display: inline; }
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
.all_center  { text-align: center; }
.all_left  { text-align: left; margin-right: 12px; margin-left: 12px; }