/* ----- CLIENT NAME GLOBAL STYLESHEET ------*/
/* ----- CREATED: 5/7/2008 ------------------*/
/* ----- AUTHOR: Todd Adams -----------------*/

/* -- Changes made by David Joynson -- */
/* 6/3/08: Reduced font size and padding of h1 & h2 - DJ */
/* 6/3/08: Got rid of blank sitelogo - DJ */
/* 6/3/08: Reduced width of headercontent, gnavcontent, 
           footercontent & fixedcontentwrapper - DJ */
/* 6/3/08: Separated fixedcontentwrapper from the other content wrappers - DJ */
/* 6/3/08: Reduced the height of most of the navigation elements 
           to fit in a 600 pixel high area. Also reduced the padding and margins,
           as needed, to reflect the reductions. - DJ */
/* 6/3/08: Removed extra "margin-right" from "ul#bottompnav li" - DJ */
/* 6/4/08: added "../" to all image urls - DJ */
/* 6/11/08: Removed extra "margin-right" from "ul#topnav li" - DJ */

/* ------------------------------------------- */
/* -- general styles for site -- */

body {
  font-size: 10pt;
  font-size: expression(screen.deviceXDPI > 96 ? 10*.8+"pt" : "10pt");
  font-family: arial, verdana;
  line-height: 1.4;
}
a {
  text-decoration: none;
  color: #006ABD;
}
a:hover {
  text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {

}
h1 {
  font-size: 14pt;
  font-size: expression(screen.deviceXDPI > 96 ? 14*.8+"pt" : "14pt");
  font-weight: bold;
  padding: 0px 0px 4px 0px; 
}
h2 {
  font-size: 12pt;
  font-size: expression(screen.deviceXDPI > 96 ? 12*.8+"pt" : "12pt");
  font-weight: bold;
  padding: 0px 0px 4px 0px; 
}
h3 {
  font-size: 10pt;
  font-size: expression(screen.deviceXDPI > 96 ? 10*.8+"pt" : "10pt");
  font-weight: bold;
  padding: 0px 0px 4px 0px; 
}
h4 {}
h5 {}
h6 {}

.printonly {
  display: none;
}
/* ------------------------------------------- */
/* -- general layout styles for containers -- */

table.PageBoundingBox, table.ContentBoundingBox, #headerwrapper, #gnavwrapper, #footerwrapper {  
  width: 100%;
}
table.ContentBoundingBox {
  background: #eae5ce url('/images/system/bgcontentbounding.gif') top repeat-x;/*left; ;*/
/*  background: #eae5ce;*/
/*  background: #eae5ce url('/images/system/background_for_district_web.jpg') repeat-y top left;*/
/*  border-bottom: 1px solid #c4c0ae;*/
/*  border: 1px dotted black;*/
}
#headercontent, #gnavcontent,  #footercontent {
  /* fixed with of site content areas go here */
  width: 960px;
  margin: 0px auto auto auto;
}
#fcwhome {
/* -- Background image for home page. Repeats vertically (y) if content too large. -- */
  background: url('/images/system/background_for_district_web3.jpg') repeat-y top left;
  width: 960px;
  margin: 0px auto 5px auto;
/* -- Added min-height to keep all pages the same size -- */
  min-height:  440px;
  overflow: auto;
}
#fixedcontentwrapper {
  width: 960px;
  margin: 0px auto 5px auto;
    
/* -- Added min-height to keep all pages the same size -- */
  min-height:  440px;
    
/*  border: 1px dotted black;*/
/*  background-color:#66FF00*/
}
td.MainContent {}
td.LSB {}
.nofloat{
  clear: both;
}

/* ------------------------------------------- */
/* -- Header styles -- */

#headerwrapper {
  background: #ffffff url('/images/system/gnavbg.gif') repeat-x top left;
  height: 125px;
}

#headertop {
  width: 960px;
  height: 40px;
}


/* global nav styles */
#gnav {
  float: left;
  height: 40px;
  width: 750px;
	/*background-color: #ff4500;*/
  /*border: 1px dotted black;*/
}
#gnav ul {
  list-style: none;
}

#gnav li {
  display: inline;   
}
#gnav a {    
  text-transform: uppercase;
  font-size: 7.5pt;
  font-size: expression(screen.deviceXDPI > 96 ? 7.5*.8+"pt" : "7.5pt");
  font-weight: bold;
  background: url('/images/system/gnavleftcap.gif') no-repeat 0px 0px;  
  padding: 0px 0px 0px 3px; /* width of left graphic */
  margin: 0px 5px 0px 0px;
  color: #ffffff;
  float: left;
  display: block;
}
#gnav a span {  
  background: url('/images/system/gnavrightcap.gif') no-repeat 100% 0px;
  padding: 5px 11px 6px 10px;  
  display: block;
  float: left;
}
#gnav a:hover {
  color: #003a69;
  background: url('/images/system/gnavleftcap.gif') no-repeat 0px -30px;
  text-decoration: none;
  cursor: hand;
}
#gnav a:hover span {
  background: url('/images/system/gnavrightcap.gif') no-repeat 100% -30px;
}
/* -- top nav styles -- */
ul#topnav {
  float: right;
  text-align: right;
  width: 209px;
  margin: 10px 0px 0px 0px;
	/*background-color: aqua;*/
  /*border: 1px dotted black;*/
}
ul#topnav a {
  color: #ffffff;
}
ul#topnav li {
  display: inline;
  margin: 0px 3px 0px 5px;
  font-size: 8pt;
  font-size: expression(screen.deviceXDPI > 96 ? 8*.8+"pt" : "8pt");
/*  border: 1px dotted black;*/
}
ul#topnav li img {
  border: none;
  padding: 0px 5px 0px 0px;
}
li#home {}
li#sitemap {}
li#contactus {}

/* -- lower header styles -- */

#sitelogo {
  float: left;
  padding: 2px 25px 0px 5px;
/*  border: 1px black dotted;*/
}
#headerheadshot {
  float: left;
/*  border: 1px black dotted;*/
}

/*------ search box area ------------- */
#searcharea {  /* style of overall area */
  font-size: 9pt;
  font-size: expression(screen.deviceXDPI > 96 ? 9*.8+"pt" : "9pt");
  float: right;
  background: #ffffff url('/images/system/bgsearchbox.gif') no-repeat left 5px;  
  width: 187px; /*209 minus 22 padding */
  height: 85px;
  padding: 0px 2px 0px 0px;
  margin: 0px 0px 0px 0px;
}
#searchbut {
  margin: 0px 0px 0px 0px;
}
#searchtextbox { /* search box wrapper */
  font-size: 10px;
  margin: 38px 0px 0px 0px;
  color: #fff;
}
#searchbox { /* style of actual input box for seach */
  background-color: #f5f5f5;
  font-size: 10px;
  width: 135px;
  border-left: 1px solid #888;
  border-top: 1px solid #888;
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  margin: 0px 3px 0px 0px;
  padding: 2px 5px 2px 5px;  
}
#searchtextbox input {
  vertical-align: top;
}
input#searchbut { /* the search button icon */
  width: 30px;
  height: 18px;  
  vertical-align: middle;
} 

#quicklinkswrapper {
  margin: 6px 0px 0px 0px;
}
#quicklinkswrapper select {
  width: 100%;
  background-color: #f5f5f5;
  border-left: 1px solid #888;
  border-top: 1px solid #888;
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  font-size: 8pt;
  font-size: expression(screen.deviceXDPI > 96 ? 8*.8+"pt" : "8pt");
  margin: 0px 0px 0px 0px;
  padding: 1px 0px 1px 5px;
}


/* ------------------------------------------- */
/* -- footer styles -- */

#footerwrapper {
  background: #00467f url('/images/system/bgfooter.gif') top left repeat-x;
  height: 60px;
}
#footercontent {
  color: #ffffff;
  font-size: 8pt;
  font-size: expression(screen.deviceXDPI > 96 ? 8*.8+"pt" : "8pt");
}
#footercontent p {
  float: left;
  margin: 15px 0px 0px 0px;
}
#footerlinks{
  min-width: 10px;
  float: right;
  color: #ffffff;
/*  border: 1px black solid;*/
  margin: 15px 0px 0px 0px;
}
#footerlinks br {
  line-height: 12px;
  clear: both;  
}
/*---------------------------------------------------*/
#footerlinksbot {
  float: left;
  list-style: none;
  display: block;
}
#footerlinksbot li {
  font-size: 8pt;
  font-size: expression(screen.deviceXDPI > 96 ? 8*.8+"pt" : "8pt");
  float: left;
  line-height: 12pt;
  padding: 0px 5px 0px 0px;
}
#footerlinksbot a {
  text-decoration: none;
  color: #ffffff;
/*  border-left: 1px solid #ffffff;*/
}
#footerlinksfirstbot a {
  border: none;
}
#footerlinksbot a:hover {
  color: #ffffff;
  text-decoration: underline;
}
/*---------------------------------------------------*/
#footerlinkstop {
  float: left;
  list-style: none;
}
#footerlinkstop li {
  font-size: 8pt;
  font-size: expression(screen.deviceXDPI > 96 ? 8*.8+"pt" : "8pt");
  float: left;
  line-height: 12pt;
  padding: 0px 5px 0px 0px;
}
#footerlinkstop a {
  text-decoration: none;
  color: #ffffff;
/*  border-left: 1px solid #ffffff;*/
}
#footerlinksfirsttop a {
  border: none;
}
#footerlinkstop a:hover {
  color: #ffffff;
  text-decoration: underline;
}
/*---------------------------------------------------*/
ul#bottompnav {
  float: right;
  margin: 15px 0px 0px 0px;
}
ul#bottompnav a {
  color: #ffffff;
}
ul#bottompnav a:hover { }
ul#bottompnav li {
  display: inline;
  margin: 0px 5px 0px 0px;
}

/* ------------------------------------------- */
/* -- Iconize extensions, these will add an icon automatically to the predefined content types below.  Works in all browsers except IE 6 -- */
/*
a[href$='.doc'], a[href$='.rtf'] {
  padding: 5px 20px 5px 0px;
  background: transparent url('/images/system/icons/icon_doc.gif') no-repeat center right;  
}
a[href$='.txt'] {
  padding: 5px 20px 5px 0px;
  background: transparent url('/images/system/icons/icon_txt.gif') no-repeat center right;  
}
a[href$='.xls'] {
  padding: 5px 20px 5px 0px;
  background: transparent url('/images/system/icons/icon_xls.gif') no-repeat center right;
}
a[href$='.pps'] { 
  padding: 5px 20px 5px 0px;
  background: transparent url('/images/system/icons/icon_pps.gif') no-repeat center right; 
}
a[href$='.pdf'] { 
  padding: 5px 20px 5px 0px;
  background: transparent url('/images/system/icons/icon_pdf.gif') no-repeat center right;
}
a[href$='.fla'], a[href$='.swf'] { 
  padding: 5px 20px 5px 0px;
  background: transparent url('/images/system/icons/icon_flash.gif') no-repeat center right;  
}
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
  padding: 5px 20px 5px 0px;
  background: transparent url('/images/system/icons/icon_archive.gif') no-repeat center right;  
}
a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
  padding: 5px 20px 5px 0px;
  background: transparent url('/images/system/icons/icon_film.gif') no-repeat center right;  
}
a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { 
  padding: 5px 20px 5px 0px;
  background: transparent url('/images/system/icons/icon_music.gif') no-repeat center right;  
}
a[href ^="mailto: "] {
  padding: 5px 20px 5px 0px;
  background: transparent url('/images/system/icons/icon_mailto.gif') no-repeat center right;  
}*/
/* this is set on images with links to files so they will not get an icon */
.noicon {
  padding-right: 0px !important;
  background: none !important;
}