body {
  font-size: small;
  font-family: Myriad Web Pro, sans-serif;
  color: #505050;
  background-color: #161668;
  text-align: center;
  margin: 0;
  padding: 0;
  behavior: url(cssHoverFix.htc);
}


/* set font sizes for body copy and headers */
* html body {
  font-size: x-small; /* for IE5 Win */
  f\ont-size: small;  /* for other IE versions */
}

h2 {
  font-size: 150%;
  margin: 0;
  padding: 0;  
}

h3 {
  font-size: 140%;
  margin: 0;
  padding: 0;  
}

h4 {
  font-size: 130%;
  margin: 0;
  padding: 0; 
  padding-left: 10px;
}

h5 {
  font-size: 110%;
  margin: 0;
  padding: 0;  
}

h6 {
  font-size: 105%;
  margin: 0;
  padding: 0;
}   

a {
  text-decoration: none;
  color: #505050;
  border: none;
}

img {
  border: none;
}

.img_right {
  float: right;
  margin: 10px;
  display: inline;
  border: #505050 ridge thick;
}

.img_left {
  float: left;
  margin: 10px;
  display: inline;
  border: #505050 ridge thick;
}

hr {
  border: 0;
  color: #9E9E9E;
  background-color: #9E9E9E;
  height: 1px;
  width: 95%;
  text-align: left;
}

.no_list_style {
  list-style: none;
}

.no_list_style li {
  padding-bottom: 5px;
}

.clear {
  clear: both;
}

.center {
  text-align:center;
  margin-bottom: 30px;
}

/* centers site in window and sets background color */
#wrapper {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 956px;
  background-image: url('images/background.jpg');
  background-repeat: repeat-y;
  background-position: top right;
  background-color: #79c2f0;
  min-height:800px;
  height: auto !important;
  height: 800px;
}

/* page banner image */
#banner {
  margin-top: 200px;
  margin-left: 10px;
  border: none;
  float: left;
}

/* this is the white area that holds the info divs */
#content {
  margin-left: 128px;
  margin-right: 128px;
  width: 700px;
  background-color: #ffffff;
  min-height:800px;
  height: auto !important;
  height: 800px;
}

#logo {
  margin-top: 10px;
  margin-left: -100px;
  border: none;
  float: left;
  position: relative;
  z-index: 2;
}

#contact {
  margin-top: 0px;
  text-align: right;
  padding-top: 40px;
  padding-bottom: 45px;
  padding-right: 10px;
}

/* main navigation dropdown */
#main_nav {
  width: 690px;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #161668;
  padding-top: 3px;
  padding-bottom: 5px;
  z-index: 2;  
}

#main_nav ul {
  margin: 0;
  padding: 0;
  padding-top: 4px;
  white-space: nowrap;
  z-index: 2;
  height: 17px;
}

#main_nav ul li {
  display: inline;
  list-style: none;
  font-size: 14px;
  font-weight: bold;
  position: relative;  
}

/*\*/
html*#main_nav ul li {
  font-size:13px;/*Affects Google Chrome amd Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also hidden from older Firefox and Netscape browsers.*/
}/**/

/*\*/
* html #main_nav ul li {
  font-size:14px;/*Finally, be sure to reapply a fix that affects IE 5-6 only here. IE for Mac and IE 7 for PC are not affected here, which means purple above should work only in IE 7 above!*/
}
/**/

#main_nav a:link, #main_nav a:visited {
  padding: 5px 15px 5px 15px;
  color: #ffffff;
  text-decoration: none;  
}

 #main_nav a:hover {
  background-color: #79c2f0;
  position: relative;
}


/* SUB NAV */
#main_nav li ul {
  display: none;
  margin: 0;
  padding: 0;
  padding-top: 20px;
  font-size: 80%;
  position: absolute;
  left: 0px;
  top: 21px;
  height: auto;
}

/*\*/
* html #main_nav li ul {
  margin-top: 10px;
}
/**/

#main_nav li:hover ul {
  display: block; 
  background-color: #79c2f0;
  width: 200px;
  z-index: 0;
}

#main_nav li li {
  display: list-item;
  padding-bottom: 20px;
}

#main_nav li li a {
  color:#ffffff; 
  text-decoration:none;
}

#main_nav li li a:hover {
  color:#161668; 
  text-decoration:none;
}


/* left side panel to hold subnav or callouts */

#left_column {
  float: left;
  width: 183px;
  margin: 10px 5px 10px 5px;
  display: inline;
}

.left_panel {
  background: url(images/side_bar_bg.jpg) no-repeat bottom right;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.left_panel h6 {
  background: url(images/side_bar_header.jpg) no-repeat top right;
  color: #ffffff;
  margin-bottom: 0;
  padding: 10px;
}

.left_panel p {
  padding: 0 10px 0 10px;
  color: #000000;
  line-height: 160%
}

/* the main info holders.  there will be one for each heading */

.info_div {
  float: right;
  width: 495px;
  margin: 10px 5px 10px 5px;  
  background: url(images/main_bg.jpg) repeat-y bottom right;
  display: inline;
  padding-bottom: 20px;
}

.info_div h5 {
  background: url(images/main_header.jpg) no-repeat top right;
  color: #161668;
  margin-bottom: 0;
  padding: 10px;
}

.info_div p {
  padding: 0 10px 0 10px;
} 

/* sub navigation */
.sub_nav {
  padding: 10px 10px 0 10px;
  color: #333;
  list-style: none;
  margin: 0;
}

.sub_nav li {
  padding-bottom: 15px;
}

.sub_nav a:link, .sub_nav a:visited {
  text-decoration: none;
  color: #333;
  font-size: 110%;
}

.sub_nav a:hover {
  color:#181669;
  font-weight: normal;
}

/* data table */
.datatable {
  border: 2px solid #d6dde6;
  border-collapse: collapse;
  width: 95%;
  margin: 10px;
  background-color: #ffffff;
}

.datatable td {
  border: 1px solid #d6dde6;
  padding: 4px;
}  

.datatable th {
  border: 1px solid #828282;
  background-color: #bcbcbc;
  font-weight: bold;
  text-align: left;
  padding-left: 4px;
}

.datatable caption {
  font-weight: bold;
  color: #33517a;
  text-align: left;
  padding: 10px;
}

.datatable tr.altrow {
  background-color: #dfe7f2;
}

/* tuesday tidbits */
.tidbits li {
  list-style-type: none;
  list-style-image: none;
  width: 150px;
  float: left;
}

.tidbits li a:hover {
  color: #000;	
}

/* holder div for google iframe */
#calendar {
  width: 680px;
  margin: 10px 10px 10px 10px;  
  padding-bottom: 20px;
}

#calendar h5 {
  color: #161668;
  margin-bottom: 0;
  padding: 10px;
}

/* holder for flash slideshow viewer */
#slideshow {
  width: 680px;
  margin: 10px 10px 10px 10px;  
  padding-bottom: 20px;
}

#slideshow h5 {
  color: #161668;
  margin-bottom: 0;
  padding: 10px;
}

#bottom_nav {
  clear: both;
  text-align: center;
}

#bottom_nav li {
  display: inline;
  padding: 0 20px 0 0;
}

/* footer bar to hold copyright and admin links */
#footer {
  clear: both;
  text-align: center;
  font-size: 80%;
}