/* This resets all default margins and padding to 0 to eliminate problems with using different browsers */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* This defines how the main body of each page will look */
body {
 margin: 0; 
 background-color: #dcdcdc;
 font-family: Verdana, sans-serif;
 font-size: 0.8em;
 text-align: center;
}

/* This defines how the "container" will be laid out on the site, which is the main area with text, images, etc. */
div#container {
 text-align: left;
 width: 70em;
 margin-left: auto;
 margin-right: auto;
 padding: 0;
 border: 1px solid gray;
 background: #F0F4F0;
 height: auto !important;
 height: 100%;
 min-height: 100%;
}

/* Defines the "content" area, which is all the stuff between the menu bar and the footer */
div#content {
 text-align: left;
 border-bottom: 2px dotted darkgray;
 }

/* Defines the "left" div, which is used for most text within the container */
div.left {
 float: left;
 margin: 0;
 padding: 1em;
 }

/* This defines how normal paragraphs will be formatted */
p {
 font-family: Verdana, sans-serif;
 margin-bottom: 6px;
 }

/* Defines how dates will be written on the news page */
p.date {
 font-family: Arial;
 font-size: .9em;
 border-bottom: 1px dotted black;
 }

/* Defines how indented paragraphs will look */
.indent {
 padding-left: 2em;
 padding-right: 2em;
 }


/* Defines how plain unordered lists will be formatted */
ul {
 margin-left: 0;
 padding-left: 2em;
 list-style-type: none;
 padding-bottom: 1em;
 }

/*Defines list items with a hanging indent */
li.indent {
 text-indent: -1em;
 margin-bottom: 3px;
 margin-left: -1em;
 }

/*Defines list items with small spaces between the lines */
li.space {
 margin-bottom: 3px;
 }

/* Allows images to be "floated" to the right of text */
img.right {
 float:right;
 margin-left: 0.5em;
 margin-right: 0.5em;
 margin-top: 0.5em;
  }

/* Allows a right-floated image to have a caption */
div.caption {
 float: right;
 margin-right: 0.5em;
 margin-top: 0.5em;
 border: 1px solid silver;
 padding: 0.3em;
 }

div.caption p {
 text-align: center;
 font-size: smaller;
 text-indent: 0;
 } 

/* Allows images to be "floated" to the left of text */
img.left {
 float:left;
 margin-right: .5em;
 margin-top: .5em;
 }

/*Makes an image go across the whole container */
#widepic {
 position:relative; 
 margin-top:-1em;
 margin-bottom:0;
 margin-left:-1em;
 margin-right:-1em;
 width:70%;
 }

/* Creates a table with two columns and three rows */
.table1 {position: relative; width: 610px; height: 180px;}
.cell_1_1 {position: absolute; left: 10px; top: 0px; width: 300px; height: 60px;}
.cell_1_2 {position: absolute; left: 310px; top: 0px; width: 300px; height: 60px;}
.cell_2_1 {position: absolute; left: 10px; top: 60px; width: 300px; height: 60px;}
.cell_2_2 {position: absolute; left: 310px; top: 60px; width: 300px; height: 60px;}
.cell_3_1 {position: absolute; left: 10px; top: 120px; width: 300px; height: 60px;}
.cell_3_2 {position: absolute; left: 310px; top: 120px; width: 300px; height: 60px;}

/* Defines how the header at the top of the page will look */
div#header {
 margin-top:0;
 margin-left: 0;
 margin-right: 0;
 width: 100%;
 height:70px;
 background-image: url(gradientblacklr800.png); 
 background-repeat: repeat-y;
 background-color: #8d8d8d;
 }

/* Defines how the footer at the bottom of the page will look */
div#footer {
	margin-right: 1em;
	margin-left: 1em;
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	padding: 1em;
	color: #000;
	}	

/* This defines how the main title at the top of the page will be displayed */
h1 {
 text-align: left;
 margin-left: auto;
 margin-right: 0;
 margin-bottom: 15%;
 margin-top: 0;
 font-family: Impact, sans-serif;
 font-style: italic;
 font-size: 3.5em;
 color: #ff9900;
 padding: 10px 10px 10px;
 position: relative;
 float: none;
}

/* Defines how second-, third-, and fourth-level headings will be formatted, like those at the top of a section of text */
h2 {
 text-align: left;
 margin-left: auto;
 margin-right: auto;
 margin-top: auto;
 margin-bottom: .5em;
 font-family: Arial, sans-serif;
 color: gray;
 font-size: 2em;
 border-bottom: 2px dotted darkgray;
 }

h3 {
 margin-top: 1em;
 font-family: Verdana;
 background-color: #d0d0d0;
 font-size: 1em;
 border-top: dotted 1px #000000;
 }

h4 {
 font-size: 1.2em;
 margin-bottom: .5em;
 margin-top: .7em;
 }

/* Defines calendar items, titles, and dates will look */
#calitem {
 margin-bottom: 1em;
 font-size: 1em;
 font-family: Arial, sans-serif;
 }

#caltitle {
 font-family: Verdana, sans-serif;
 font-weight: bold;
 background-color: #d0d0d0;
 font-size: 1.3em;
 border-top: dotted 1px #000000;
 border-bottom: dotted 1px #000000
 }

#caldate {
 background-color: #d0d0d0; 
 font-family: Verdana, sans-serif;
 font-weight: bold;
 font-size: 1.3em;
 }



/* Defines how the header link will look (no special formatting). */
.class1 A:link {
 text-decoration: none;
 }
.class1 A:visited {
 text-decoration: none;
 }
.class1 A:active {
 text-decoration: none;
 }
.class1 A:hover {
 text-decoration: none;
 }

/* Defines how links will look within paragraphs. */
.class2 A:link {
 text-decoration: none;
 color: darkblue;
 }
.class2 A:visited {
 text-decoration: none;
 color: darkred;
 }
.class2 A:active {
 text-decoration: none;
 }
.class2 A:hover {
 text-decoration: underline; 
 color: darkorange;
 }

/* Creates links with no style */
a.nostyle {
 text-decoration: none;
 }

/* Removes all borders from around linked images */
a img {
 border: 0;
 }


/* Menu Tabs: defines the style for the black tabbed menu bar at the top of each page */

    #tabsH {
      float:left;
      width:100%;
      background-image: url(gradientblacklr800.png); 
      background-repeat: repeat-y;
      background-color: #8d8d8d;
      /* font-size:103%; */
	font-weight:bold;
      line-height:normal;
	 border-bottom: 3px solid gray;
      }
    #tabsH ul {
	margin:auto;
	width: 100%;
	padding:1em 1em 0;
	list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
   
    #tabsH a {
      float:left;
      background:url("tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#ff9900;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }
    #tabsH li a#current {
	background-position:0% -42px;
	}
    #tabsH li a#current span {
	color:gold;
	background-position:100% -42px;
	}