@charset "iso-8859-1";
body {
	margin: 0px;
	color: #000000; /*black*/;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}
/*===============
image styles
================= */
body img {
	border: 0px;
	text-decoration: none;
}
.imglft {
	margin: 10px 10px 10px 10px;
	float: left;
}
.imgrgt {
	margin: 10px 10px 10px 10px;
	float: right;
}
.imgcenter {
	text-align: center;
}
/* ===================
contains all page elements
====================== */
#container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
/*==============
top masthead
================ */
#top {
	background-repeat: repeat;
	height: 180px;
	background-color: #FFFFFF;
	background-image: url('images/banner-background.gif');
}
#top img {
	margin-top: auto;
	margin-bottom: auto;
	float: right;
	margin-right: 15px;}
/* ===================
top navigation menu
==================== */
#topnav {
	font-size: .9em;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ffffff;
	border-top: 4px #D9C99D ridge;
	border-bottom: 4px #D9C99D ridge;
	text-align: right;
}
#topnav ul {
	padding: 0px;
	font-weight: bold;
	list-style-image: none;
	margin: 0px;
}
#topnav li {
	list-style-type: none;
}
#topnav ul li {
	display: inline;
}
#topnav ul li a {
	padding-right: 1.2em;
	padding-left: 1.2em;
	padding-bottom: 0.2em;
	padding-top: 0.2em;
	color: #195a6d;
	background-color: transparent;
	text-decoration: none;
}
#topnav ul li a:hover {
	color: #ffffff;
	background-color: #195a6d;
}
/* *****************************************************
Navigation Bar - Left hand side 
**************************************************** */
#leftnav {
	color: #000;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	border: 1px solid #4D6365;
	float: left;
	background-color: #CDE3E5; /*teal*/;
	width: 180px;
	font-size: .9em;
}
#leftnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
}
#leftnav li {
	list-style: none;
	padding: 2px 0;
}
#leftnav ul li a {
	display: block;
	color: #FFFFFF;
	padding: 4px;
	text-decoration: none;
	background-image: url('images/gradient-teal-dk.jpg');
	border: 1px solid #4D6365;
	margin-top: 2px;
	background-repeat: no-repeat;
	background-color: #749498;
}
#leftnav a:hover {
	color: #000;
	background-color: #9ac5ca;
	border: 1px solid #4D6365;
	background-image: url('images/gradient-teal-lt.jpg');
	background-repeat: no-repeat;
}
/* *****************************************************
The body content - the area not in the Dynamic Web Template
**************************************************** */
/*============
use with 2 column content
================*/
#content {
	margin-left: 240px;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	margin-top: 10px;
}
#content ul {
	list-style-image: url('images/cutback_bullet2.gif');
	margin: 5px;
	padding: 5px;
	margin-bottom: 4px;
}
#content li {
	list-style-image: url('images/cutback_bullet2.gif');
	padding: 2px 0;
}
/*============
use with 3 column content
================*/
#ctrcontent {
	margin-left: 240px;
	margin-right: 225px;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	margin-top: 10px;
}
#ctrcontent ul {
	list-style-image: url('images/cutback_bullet2.gif');
	margin: 5px;
	padding: 5px;
	margin-bottom: 4px;
}
#ctrcontent li {
	list-style-image: url('images/cutback_bullet2.gif');
	padding: 2px 0;
}
/* ================
Right Side Bar
====================  */
#rightsde {
	color: #000;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	border: 1px solid #4D6365;
	float: right;
	background-color: #CDE3E5; /*teal*/;
	width: 180px;
}
#rightsde ul {
	list-style-image: url('images/cutback_bullet2.gif');
	margin: 10px;
	padding: 10px;
	margin-bottom: 4px;
}
#rightsde li {
	list-style-image: url('images/cutback_bullet2.gif');
	padding: 2px 0;
}
.headingrgt {
	display: block;
	color: #ffffff;
	background-color: #749498;
	padding: 4px;
	text-decoration: none;
	border: 1px solid #A79780;
}
/*================
footer styles
==================*/
#footer {
	font: bold .9em Verdana, Arial, Helvetica, sans-serif;
	color: #195a6d;
	text-align: center;
	background-color: #FFFFFF; /*white*/;
	border-top: 4px #D9C99D ridge;
	border-bottom: 4px #D9C99D ridge;
	clear: both;
	padding: 4px 2px;
}
#footer p {
	margin-top: 2px;
	margin-bottom: 2px;
}
#footer A:link {
	color: #195a6d;
	background-color: transparent;
	text-decoration: underline;
}
#footer A:visited {
	color: #195a6d;
	background-color: transparent;
	text-decoration: underline;
}
#footer A:hover {
	color: #ffffff;
	background-color: #195a6d;
	text-decoration: none;
}
#footer A:active {
	color: #ffffff;
	background-color: #195a6d;
	text-decoration: none;
}
/*===============
style heading tags
================= */
h1, h2, h3 {
	padding: 2px;
	color: #195a6d;
}
h1 {
	border: 2px solid #195a6d;
	font-size: 1.6em;
	font-variant: small-caps;
	text-align: center;
}
h2 {
	font-size: 1.4em;
	background-color: #ffffff;
	text-align: left;
	font-style: oblique;
}
h3 {
	font-weight: bold;
	font-size: 1.2em;
	font-style: oblique;
	text-align: left;
}
/* ==================
styling for any special notices
===================== */
.notice {
	display: block;
	padding: 2px 8px 2px 8px;
	border-top: #195a6d 1px solid;
	border-bottom: #195a6d 1px solid;
	color: #195a6d;
	background-color: #ffedb9;
	text-align: left;
	margin: 2px 8px 2px 8px;
}
.notice2 {
	padding: 2px 8px 2px 8px;	
	font-weight: bold;
	font-size: 1.2em;
	color: #e2a13b;
	font-style: oblique;
	text-align: left;
	margin: 2px 8px 2px 8px;
}
.notice3 {
	padding: 2px 8px 2px 8px;	
	font-weight: bold;
	font-size: 1.2em;
	color: #3a7d90;;
	font-style: oblique;
	text-align: left;
	padding-right: 8px;
	margin: 2px 8px 2px 8px;


}


/*==================
link styles
==================== */
A:link {
	color: #195a6d;
	background-color: transparent;
	text-decoration: underline;
}
A:visited {
	color: #195a6d;
	background-color: transparent;
	text-decoration: underline;
}
A:hover {
	color: #ffffff;
	background-color: #195a6d;
	text-decoration: none;
}
A:active {
	color: #ffffff;
	background-color: #195a6d;
	text-decoration: none;
}
