/* CSS Document 

=Contents
   Initial Resets
   Structure
   Sidebar Structure
   Slideshow
   Nav
   Search
   Headings
   Lists
   Forms
   Links
   Misc
----------------------------------------------------------------------------- */
/* 
  =Initial Resets
----------------------------------------------------------------------------- */
* {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
  }

ol, ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }

body {
  text-align: center;
  background: #E6E6E6;
  }

p {
  text-indent:20px;
  margin-top: 5px;
  margin-bottom: 5px;
  }

p.first-line {
  line-height:150%;
  }

/* 
  =Structure
----------------------------------------------------------------------------- */
#wrapper {
  width: 1024px;
  text-align: left;
  font-family: verdana;
  font-size: .9em;
  color: green;
  border: 0px solid red;}

#header {
  width: 984px;
  text-align: left;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:20px;
  margin-right:20px;
  border: 0px solid blue;}

#content {
  width: 984px;
  clear:both;
  text-align: left;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:20px;
  margin-right:20px;
  border: 0px solid black;}

#footer {
  clear: both;
  width: 984px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
  border: 0px solid yellow;}

/*
  =Sidebar Structure
----------------------------------------------------------------------------- */
.primary {
  margin-right:0px;
  padding-right: 0;
  float:right;
  display:block;
  border: 0px solid black;}

.secondary{
  margin-left:40px;
  float:left;
  display:block;
  border: 0px solid black;}

#header .primary {
  width: 762px;
  margin: 0px;
  border: 0px solid black;}

#content .primary {
  width: 472px;
  border: 0px solid black;}

#header .secondary  {
  width: 222px;
  margin: 0px;
  border: 0px solid black;}

#content .secondary {
  width:472px;
  border: 0px solid black;}

#header img.secondary  {
  width: 210px;
  height: 131px;
  border-width: 0px;
  margin-bottom: 10px;
  border: 0px solid black;}

/*
  =Headings
----------------------------------------------------------------------------- */
#header h1.primary  {
  margin-top: 20px;
  margin-left: 0px;
  margin-bottom: 5px;
  text-align: center;
  font-style: italic;
  border: 0px solid black;}

#header h2.primary  {
  margin-top: 20px;
  margin-bottom: 0px;
  text-align: center;
  font-style: oblique;
  font-size: 150%;
  border: 0px solid black;}

h3 {
  font-size: 1.2em;
  font-weight:bold;
  text-align:center;
  }
/*
  =Tables
----------------------------------------------------------------------------- */
table td {
  font-family: verdana;
  font-size: .9em;
  color: green;
  font-weight:bold;
  border:1px solid black;
  padding:5px;
  }

table ul {
	margin-left: 10px;
	padding: 0px;
	text-indent: 10px;
  }

table li {
	list-style-type: disc;
	margin-left: 10px;
	text-indent: 10px;
  }
  
/*
  =Slideshow
-----------------------------------------------------------------------------
*/
#slideshow {
    position:relative;
    height:350px;
	margin-top: 100px;
}

#slideshow IMG {
    position:absolute;
	top: 0;
    left:0;
    z-index:8;
	opacity:0.0;

}

#slideshow IMG.active {
    z-index:10;
	opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* 
  =Nav
----------------------------------------------------------------------------- 
 ol.menubar {
  clear:both;
  font-family: Verdana;
  font-size: .7em;
  }

ol.menubar li {
  float:left;
  margin-right: 0em;
  }

ol.menubar  a,
ol.menubar  li.selected {
  display: block;
  padding:0.2em 0em;
  text-decoration: none;
  background-color: #9F9;
  color:white;
  }

ol.menubar a:hover,
ol.menubar a:focus,
ol.menubar li.selected {
  background-color: blue;
  color: white;
  }

*/
/* 
  =Nav
----------------------------------------------------------------------------- */
#centeredmenu {
   float:left;
   width:100%;
/*   background:#fff;*/
   border-bottom:4px solid #000;
   overflow:hidden;
   position:relative;
   font-family: Verdana;
   font-size: .75em;
   color:#FFF;

}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#centeredmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 3px;
   background:#CCC;
   color:green;
   text-decoration:none;
   line-height:1.3em;
}
#centeredmenu ul li a:hover {
   background:#369;
   color:#fff;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}
/* 
  =Calendar Styling
----------------------------------------------------------------------------- */
#calendar h3{  /* h3 used for Calendar Heading */
  display:block;
  padding:1em 1em 0;
  font-family: verdana;
  }

#calendar a {
  font-weight: bold;
  color: green;
  text-decoration: none;
  }.page-break {
  display:none;
  }

#calendar ol {
  width:55em;
  margin:0 auto;
/*  display:block;*/
  }

#calendar li {
  list-style:none;
  }

#calendar p.link {
  text-align:center;
  display:block;
  }

/* -------------------------
	Day styles */
#calendar li li {
  width:7em;
  height:7em;
  float:left;
  margin:.1em;
  border:1px solid #444;
  padding:.2em;
  overflow:auto;
  }

/* ------------------------- *
	Day content (UL/OL & P)*/
#calendar li li p  {
  font-size:.7em;
  display:block;
  text-indent: 0px;
  border-bottom:1px solid #ddd;
  }

#calendar li li ol {
  width:auto;
  }

#calendar li li ul li,
#calendar li li ol li {
  font-size:.7em;
  display:block;
  height:auto;
  width:auto;
  margin:0;
  padding:.2em 0;
  float:none;
  border:0;
  border-bottom:1px solid #ddd;
  }

/* ------------------------- *
	Holiday class*/
#calendar li li.holiday {
  border-color:#f00;
  }

/* ------------------------- *
 * Inactive months */
li#lastmonth li {
  background:#f5f5f5;
  border:1px solid #999;
  }
li#nextmonth li {
  background:#f5f5f5;
  border:1px solid #999;
  }
  
/*
  =Search
----------------------------------------------------------------------------- */
/*
  =Lists
----------------------------------------------------------------------------- */
ul.indented {
	list-style-type:disc;
	margin: 25px;
	}
ul.indented li{
	margin-left: 50px;
	}
/*
  =Forms
----------------------------------------------------------------------------- */
/*
  =Links
----------------------------------------------------------------------------- */
/*
  =Misc
----------------------------------------------------------------------------- */