@charset "utf-8";
/* CSS Document */

body {  
  padding : 0;
  margin : 0;
  background-color: #f0f8ff;
  background: url(../images/gradient.gif);
  font : 120% 'lucida sans', 'lucida sans unicode', 'lucida grande', 'trebuchet ms', helvetica, arial, sans-serif; 
}

/* 
  This is the inner wrapper which contains the entire site 
*/
#wrap {
  width : 95%;
  background-color : #fff;
  margin : auto;
  border : 1px solid #2e8b57;
}

/*
  Global link styling except where specified otherwise 
*/
a {
  color : #1e90ff; /* 00ced1 */
  text-decoration : none;
}

a:hover, a:focus, a:active {
  color : #00ff7f; /* #cc0099; /* 800080 */
  text-decoration : none;
}

a:focus, a:active {
  color : #00ff7f; /* f0f8ff*/
  background-color : #2e8b57; /* 800080 */
}

.text-lime {

	font-family: 'lucida sans', 'lucida sans unicode', 'lucida grande', 'trebuchet ms', helvetica, arial, sans-serif;
	color: #99CC00;
}
.text-blue {


	font-family: 'lucida sans', 'lucida sans unicode', 'lucida grande', 'trebuchet ms', helvetica, arial, sans-serif;
	color: blue;
}
.text-orange {

	font-family: 'lucida sans', 'lucida sans unicode', 'lucida grande', 'trebuchet ms', helvetica, arial, sans-serif;
	color: #FF6600;
}

/*
  Jump link navigation styling 
*/
ul#jumplinks {
  display : block;
  padding : 5px 0;
  margin : 0;
  width : 100%;
  background-color : #f0e68c; /* #fof8ff */
  font-size : 0.8em;
}

ul#jumplinks li {
  display : inline;
  float : left;
}

ul#jumplinks li a {
  padding : 0 5px;
  margin : 0 5px;
}

/*
  Contact styling
*/
ul#contact {
	display:block;
	padding:5px 0;
    margin-left:5px;
	width:75%;
	background-color:#FFF;
	font-size:0.9em;
	text-decoration:overline underline;
	text-align:center;
}

ul#contact li {
	display:inline;
	float:left;
	color:#2e8b57;
}

ul#contact li a {
	color:#2e8b57;
	text-decoration:overline underline;
}

ul#contact li a:active {
	background-color:#2e8b57;
	text-decoration:overline underline;
	color:#FC0;
}
ul#contact li a:hover {
	background-color:#2e8b57;
	text-decoration:overline underline;
	color:#9F0;
}

/*
  The masthead and h1 styling 
*/
#header {
  width : 100%;
  height : 101px;
  /* background-color : #2e8b57; /* #cc0099 */
  background-image:url(../images/header-bg.gif);
  background-repeat:repeat-x;
  border-top : 1px solid #2e8b57; /* #cc0099 */
}

#header h1 {
  display : block;
  width : 80%;
  height : 100px;
  vertical-align : middle;
  margin-left : 5px;
  color : #f0f8ff;
  font-family : 'trebuchet ms', helvetica, arial, sans-serif;
  text-decoration : none;
}

/*
  Layout the content area 
*/
#content {
  float : right;
  display : inline;
  width : 75%;
  /* margin : 5px 5px; */
}

#calendar
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:98%;
border-collapse:collapse;
}
#calendar td, #calendar th 
{
font-size:1em;
border:1px solid #2e8b57;
padding:3px 7px 2px 7px;
}
#calendar th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#2e8b57;
color:#f0ffff;
}

/* 
  The nvaigation bar positioning
*/
p#navbar {
  font-size : 0.8em;
  float : right;
}

/*
  Content elements positioning tweaks and styling
*/
h2, h3 {
  color : #cc00ff;
} 

ul {
  list-style-type : square;
  padding-left : 40px;
  margin-left : -5px;
}  

dl {
  margin-left : 20px;
}

dt {
  font-weight : bold;
  color : #386088;
}

blockquote {
  margin-left : 20px;
  padding-left : 15px;
  border-left : 1px dashed #b22222;
  border-right : 1px dashed #b22222;
  color : #900; /* #6a5acd */
}

div.exlink {
  margin-left : 20px;
  padding-left : 15px;
  border-left : 1px dotted #b22222;
  background:#ffffcf;
}
/*
  Content elements positioning tweaks and styling
*/
h2, h3 {
  color : #6b0018;
} 

blockquote {
  margin-left : 20px;
  padding-left : 15px;
  border-left : 2px dashed #b22222;
}

blockquote cite {
  display : block;
  text-align : right;
  font-weight : bold;
  color : #386088;
}

/*
  Layout the sidebar area and style its content
*/
#sidebar {
  float : left;
  display : inline;
  width : 22%;
  height: auto;
  /* background-color : #f0e68c; */
  background-image:url(../images/sidebar-bg.gif);
  background-repeat:repeat-y;
  /* margin : 0 0 5px 0px; */
  padding : 5px; 
  font-size : 0.9em;
}

#sidebar h3 {
  color : #2e8b57; /* #cc0099 */
  font-size : 1.2em;
}

/*
  Style the main navigation menu
*/
ul#navmenu { 
  margin : 0 0 5px 0px;
  padding : 0;
  list-style-type : none;
}

ul#navmenu li {
  margin-bottom : 1px;
}

ul#navmenu a { 
  display : block;
  width : auto;
  height : auto;
  background-color : #f0ffff; /* #ff84c4 */
  padding : 3px 20px 3px;
  text-align : left;
  text-decoration : none;
  color : #2e8b57; /* #cc0099 */
  cursor : pointer; /* Needed for Opera due to selected styling */
}

ul#navmenu a:hover, ul#navmenu a:focus, ul#navmenu a:active {
  background-color : #2e8b57; /* #cc0099 */
  color : #f0ffff;
}

ul#navmenu a.selected, ul#navmenu a.selected:hover, ul#navmenu a.selected:focus, ul#navmenu a.selected:active { 
  background-color : #22eb22; /* #cc5799 */ 
  color : #f0ffff;
  text-decoration : underline;
}

ul#navmenu a.selected { 
  width : auto;
  text-align : left; 
  cursor : default; /* To make it not appear as a link */
  padding : 3px 5px 3px;
}

ul#navmenu a:hover, ul#navmenu a:focus, ul#navmenu a:active { 
  background-color : #2e8b57; /* #cc0099 */
  color : #f0ffff;
}

ul#navmenu a.head { 
  width : auto;
  background-color : #2e8b57; /* #cc0099 */
  color : #f0ffff;
  padding : 3px 10px 3px;
  margin-top : 5px;
}

ul#navmenu a.head:hover, ul#navmenu a.head:focus, ul#navmenu a.head:active { 
  background-color : #f0ffff;
  color : #2e8b57; /* #cc0099 */
  text-decoration : underline;
}

ul#navmenu a.selected1, ul#navmenu a.selected1:hover, ul#navmenu a.selected1:focus, ul#navmenu a.selected1:active { 
  background-color : #22eb22; /* #cc5799 */ 
  color : #f0ffff;
  text-decoration : underline;
}

ul#navmenu a.selected1 { 
  width : auto;
  text-align : left; 
  cursor : default; /* To make it not appear as a link */
  padding : 3px 5px 3px;
  margin-top : 5px;
}

ul#navmenu a.sub { 
  display : block;
  width : auto;
  height : auto;
  background-color : #e0ffff; /* #ff84c4 */
  padding : 3px 25px 3px;
  text-align : left;
  text-decoration : none;
  font-size : 0.9em;
  color : #32cd32;
  cursor : pointer; /* Needed for Opera due to selected styling */
}

ul#navmenu a.sub:hover, ul#navmenu a.sub:focus, ul#navmenu a.sub:active {
  background-color : #32cd32; /* #cc0099 */
  color : #e0ffff;
}

/*
  Layout the footer
*/
#footer {
  clear : both;
  width : 100%;
  height : auto;
  /* padding : 6px; */
  background-color : #2e8b57; /* #cc0099 */
  background-image:url(../images/footer-bg.gif);
  background-repeat:repeat-x;
  text-align : center;
  font-size : 0.9em;
}

/*
  Style the various footer elements
*/
#footer p {
  color : #ddd;
  margin : 5px;
  padding-top : 10px;
}

ul#footnav {
  margin : 0;
  padding : 0;
}

ul#footnav li {
  display : inline;
}

ul#footnav li a {
  padding : 0 5px;
  color : #f0e68c;
}

ul#footnav2 {
  margin : 0;
  padding : 0;
}

ul#footnav2 li {
  display : inline;
}

ul#footnav2 li a {
  padding : 0 5px;
  color : #f0e68c;
}

#footer a {
  padding : 0;
  color : #f0ffff;
}

#footer a:hover, #footer a:focus, #footer a:active {
  color : #f0ffff;
}

ul#footnav li a:hover, ul#footnav li a:focus, ul#footnav li a:active {
  color : #f0f8ff;
  text-decoration : none;
}

#footer a:focus, #footer a:active, ul#footnav li a:focus, ul#footnav li a:active {
  background-color : #22eb22; /* #cc5799 */
}