@charset "utf-8";
body, html  {
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	color: #004263;
	background: #0075b0;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
	margin: 0; /*  this zeroes the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	border: 0;
	text-align: center; /* this centers the container in IE 5* browsers.  */
}



/*CONTAINERS*/

 
#container {
  position: relative;
  width: 925px;
  padding: 10px 0 10px 0;
  margin: 0px auto 0px auto;
}

/*HEADER*/
#header {
  width: 915px;
  height:150px; 
  color:#fff;
  margin: 0 5px 5px 5px;
  background: url(images/header.gif) no-repeat;
  }

/*FOOTER*/
#footer {
  bottom:0; 
  left:0; 
  padding: 5px; 
  margin: 5px;
  color:#dbdbec;
  overflow:hidden; 
  background:#004264;
  font: 10px;
  clear: both;
  font-size:12px;
  }
/*style for footer address*/
.address{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

/*ASK WAVE ENVELOPE*/
#envelope {
	width: 120px;
	background: #004264;
	float: left;
	}

#envelope a {
   display: block;
   width: 120px;
   height: 66px;
   background: url(images/env_rollover.jpg) 0 0 no-repeat;
   text-decoration: none;
   border: 0px;
   }

#envelope a:hover {
	background-position: -120px 0;
}
 
/*Main MENU*/
/* Add a margin and a relative position with a high z-index to make it appear over any element below */
#menu_container {
	margin:0 5px 5px 5px; 
	position:relative; 
	width:925px; 
	height:50px; 
	z-index:100;
	}

/* Get rid of the margin, padding and bullets in the unordered lists */
#menu, #menu ul {
	padding:0; 
	margin:0; 
	list-style-type: none;
	}

/* Set up the link size, color and borders */
#menu a, #menu a:visited {
	display:block;
	width:182px; 
	font-size:12px; 
	font-weight:bold;
	color:#dbdbec; 
	height:25px; 
	line-height:24px; 
	text-decoration:none; 
	text-indent:5px; 
	border:1px solid #0075b0 ; 
	border-width:1px 0 1px 1px;
	}

/* Set up the sub level borders */
#menu li ul li a, #menu li ul li a:visited {
	border-width:0 1px 1px 1px;
	}
#menu li a.enclose, #menu li a.enclose:visited {
	border-width:1px;
	}

/* Set up the list items */
#menu li {
	float:left; 
	background:#004264;
	}

/* For Non-IE browsers and IE7 */
#menu li:hover {
	position:relative;
	}
/* Make the hovered list color persist */
#menu li:hover > a {
	background:#dbdbec; 
	color:#2a6e23;
	}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#menu li ul {
	display:none;
}

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#menu li:hover > ul {
	display:block; 
	position:absolute; 
	top:-11px; 
	left:80px; 
	padding:10px 30px 30px 30px; 
	width:120px;
	background: transparent url(images/transparent.gif);
	}
/* Position the first sub level beneath the top level liinks */
#menu > li:hover > ul {
	left:-30px; 
	top:16px;
	}

/* get rid of the table */
#menu table {
	position:absolute; 
	border-collapse:collapse; 
	top:0; 
	left:0; 
	z-index:100; 
	font-size:1em;
	}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #menu li a:hover {
	position:relative; 
	background:#dbdbec; 
	color:#2a6e23;
	}

/* For accessibility of the top level menu when tabbing */
#menu li a:active, #menu li a:focus {
	background:#dbdbec; 
	color:#2a6e23;
	}

/* Set up the color and pointers for the sub level indication */
#menu li.drop {
	background:#004264
	url(images/arrow.gif) no-repeat right center;
	}

/*set color for drop down*/
#menu li ul a, #menu li ul a:visited {
   background:#339933;
   color:#dbdbec;
   }
#menu li ul a:hover {
   background: #5FA542;
   color: #2a6e23;
   }
/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #menu li ul {
	visibility:hidden; 
	display:block; 
	position:absolute; 
	top:-11px; 
	left:80px; 
	padding:10px 30px 30px 30px; 
	background:transparent url(transparent.gif);
	text-align: center;
	}


/* make the second level visible when hover on first level link and position it */
#menu li a:hover ul {
	visibility:visible; 
	left:-30px; 
	top:14px; 
	lef\t:-31px; 
	to\p:15px;
}

/*RIGHT NAVIGATION*/
#right_nav{
    width: 375px;
	margin: 5px 5px 5px 5px;
	padding: 0;
	background: #004264;
	height: 875px;
	float: right;
}

/*PROGRAM IMAGE MENU MAIN PAGE ONLY*/

#program_menu {
position:relative; 
margin:10px 10px 10px 40px;
padding:0;
font-size: 14px;
}

/* Get rid of the margin, padding and bullets in the unordered lists */
#program_menu ul {
	padding:0; 
	margin:0;
	list-style-type: none;
	}
/*add top padding and height of list items*/
#program_menu li{
	padding: 20px 0 0 0;
	margin: 0;
	margin-top: 1px;
	height: 125px;
	clear: both;
	list-style-type: none;
	}

/*float image left and add right margin*/
#program_menu img{
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
	}

/*align text and pad top*/
#program_menu p{
	text-align: left;
	height: 75px;
	margin: 0;
	padding: 45px 0 0 0;
	font-weight: bold;
	}

/*MAIN CONTENT for homepage*/
#homecontent {
  position: relative;
  margin: 10px 0px 5px 5px;
  overflow:hidden; 
  background:#dbdbec;
  height: 875px;
  }

/*SLIDESHOW*/
#centerslide{ 
     width:445px;
	 height: 300px;
	 margin-left: auto;
	 margin-right: auto;
	 background: #dbdbec;
	 border: 2px solid #004264;	 
     }


  
  
/*paragraph style for main page content*/
.welcome{
	margin: 0;
	padding: 20px 35px 20px 35px;
}
.testimonial{
	margin: 0;
	padding: 20px 40px 0px 40px;
	overflow: visible;
}

/*NEWS FRAME*/
/*news and event header*/
#newshead {
	width: 445px;
	height: 25px;
	margin: 30px auto 0px auto;
	border: 2px solid #339933;
	background: #339933;
	}
/*frame with scroll bar*/
#newsframe{
	width: 445px;
	height: 265px;
	margin: 0 auto 5px auto;
	background: #dbdbec;
	border: 2px solid #339933;
	font-size: 12px;
	overflow-y: scroll;
	overflow-x: none;
}
/*news and events paragraph*/
.news {
text-align:left;
color: #2a6e23;
}



/*CONTENT*/
#content {
  position: relative;
  margin: 10px 5px 5px 5px;
  padding: 10px;
  overflow:hidden; 
  background:#dbdbec;
  }
  
/* for internet explorer */

* html body {
  padding:120px 0 50px 0; 
  }

* html #contents {
  height:100%; 
  width:100%; 
  }

* html #homecontent {
	overflow: hidden;
	o/verflow: visible;
	width: 100%;
	w/idth: auto;
	zoom: 1;
}

/*TEXT STYLES*/
  
p {
font-size: 100%;
padding: 10px 20px 10px 20px;
margin: 0px;
text-align:justify;
}

.right {
float:right;
}
.left {
float:left;
}

.clear{
clear: both;
}

.center_text {
text-align: center;
}
.right_text {
text-align: right;
}
.left_text {
text-align: left;
}
.super {
vertical-align:super;
font-size: 9px;
}

.bold {
font-weight: bold;
}

.big {
font-size: 18px;
}

.medium {
font-size: 16px;
}

.break {
clear:both;
}

.text_left{
text-align: left;
}

.italic{
font-style:italic;
}

.pad{
display:block;
clear:both;
height: 10px;
}

.quote{
margin: 0;
padding: 10px 40px 2px 40px;
font-style:italic;
}

.right_indent{
text-align:right;
padding:0px;
margin: 0px;
padding-right: 75px;
}


.lt_blue{
color:#0075b0;
}

.green{
color: #2a6e23;
}


/*Main Heading Dark Blue Centered Large*/
h1{
clear:both;
margin: 0px;
padding: 20px 5px 5px 5px;
text-align:center;
font-size: 20px;
color: #004264;
font-weight: bold;
}

/*Paragraph Headings Left Adjusted Green large*/
h2{
clear: both;
margin:0;
padding: 20px 20px 0px 20px;
text-align:left;
font-size: 18px;
color: #2a6e23;
font-weight: bold;
}

/*Sub heading centered bold Blue*/
h3{
clear:both;
margin:0;
padding: 10px;
text-align: center;
font-size:14px;
color:#004264;
font-weight: bold;
}

/*bold green medium heading -- not used can be changed*/ 
h4{
clear:both;
margin:0;
padding: 10px 0 0 opx;
text-align: left;
font-size: 16px;
color:#2a6e23;
font-weight: bold;
}

/*Heading same as 2 but blue*/
h5{
clear: both;
margin:0;
padding: 20px 20px 0px 20px;
text-align:left;
font-size: 18px;
color: #004264;
font-weight: bold;
}


/*heading for main page News and events*/
h6{
margin: 0px;
padding: 4px;
font-size: 16px;
text-align: center;
background: #339933;
color: #dbdbec;
font-weight: bold;
}

/*LINK STYLES*/
a:link, a:visited, a img, a:visited img{
text-decoration:none;
color:#0075b0;
border-color: #0075b0;
}
a:hover, a:active, a:hover img{
text-decoration: none;
color: #339933;
border-color: #339933;
}

* html a:hover, #html a:hover img {
color:#339933; 
}


/*IMAGE STYLES*/
.img_left {
float: left;
margin-right: 10px;
}

.img_right {
float: right;
margin-left: 10px;
}

/*Centering a series of images*/
.center_images {
margin-right: auto;
margin-left: auto;
}

.img_row {
display: inline;
padding: 5px;
}

/*Vertically align image with text bottom*/
.text_bottom {
vertical-align:bottom;
}

/*RESCUE MENU images*/
.rescue_menu_container{
width: 600px;
margin-right:auto;
margin-left:auto;
}
.rescue_menu_left{
float:left;
padding: 5px;
}
.rescue_menu_right{
float: right;
padding: 5px;
}
.rescue_menu_right p, .rescue_menu_left p{
font-size: 16px;
text-align: center;
font-weight: bold;
}

/*LIST STYLE*/
#list_plain ul, #list_center ul,#list_plain_title ul{
list-style: none;
padding: 0;
margin-left: 10px;
}
/*link items aligned left with non link title*/
#list_plain_title li {
padding: 8px 20px 2px 30px;
text-align: justify;
}
/*link items aligned left with space for menu*/
#list_plain li {
padding: 8px 20px 2px 60px;
text-align: justify;
}
#list_center li{
padding: 8px 0 0 0;
text-align: center;
}
#list_number ol{
margin-top: 0px;
list-style-type:upper_latin;
}
#list_lower_alpha ol{
list-style-type:lower-alpha;
}

#list_number li, #list_lower_alpha li{
text-align:left;
}

/*dates and rates table*/
.dates_rates_table {
width: 700px;
padding: 0px;
margin: 0;
margin-right: auto;
margin-left:auto;
background: #fff;

}

caption {
padding: 0;
margin: 0px;
margin-right: auto;
margin-left:auto;
width: 700px;	 
font:italic 12px;
text-align: right;
}

th {
font: bold 15px;
color: #fff;
border-right: 1px solid #dbdbec;
border-bottom: 1px solid #dbdbec;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
padding: 8px;
background: #004264;
}

td {
border-right: 1px solid #dbdbec;
border-bottom: 1px solid #dbdbec;
padding: 6px 6px 6px 12px;
}

th.prog_head {
text-transform: uppercase;
background: #2a6e23;
color: #fff;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
}

th.prog_name {
text-transform: uppercase;
background: #e6eded;
color: #004264;
height:20px;
font-weight:bold;
}

th.table_foot {
font-weight: normal;
text-align: right;
font-size:10px;
padding-right:10px;
}


/*table ruler*/
tr.highlight{
background: #f5fafa;
color: #004264;

} 

/*table linked ruler*/
tr.highlight_link{
background:#0075b0;
color:#fff;
cursor: pointer;
}



/*table links*/
a.table_link:link, a.table_link:visited{
text-decoration:none;
color:#2a6e23;
}
a.table_link:hover, a.table_link:active{
text-decoration: none;
color: #fff;
}

* html .table_link a:hover{
color:#fff; 
}