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

	light blue: bad5f0
	med blue: 0055a5
	med gray: 738a96	
	pink: f8a9cb
*/

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#000;  
	background-color: #848c9c; 
	line-height: 1.5em; 
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #0055a5;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #f8a9cb;
}
	
p {
	margin: 6px 0;
}

a img {
	border:0;
}

hr {
	margin: 20px 0;
	border: #ccc 1px dashed;
}

#dark {
	background-color:#EFEFEF;
}
#light {
	background-color:#F7F7F7;
}

.base {
	position:relative; 
	text-align: left;
	margin: 0 auto;
	width: 800px;
	min-height: 830px;
	overflow:auto;
	background-color: #ffffff;
	border: black 1px solid; 
}

.header {
	position:relative; 
	float: left;
}

.tagline {
	position:relative; 
	float: left;
	color: #0055a5;
	font-size: 16px;
	margin: -38px 0 0 284px
}

.leftbar {
	position:relative; 
	/* clear: left; */
	float: left; 
	margin: 0;
	width: 102px;  /* 142px total */
	min-height: 640px; 
	padding: 30px 20px; 
	line-height: 1.8em; 
	color: #0055a5;
	font-size: 16px;
	text-align: center;
	background-image:url(../images/blue_bkgd.gif);
	background-repeat:no-repeat;
}

.rightcol {
	position:relative; 
	float: left;  
	width: 612px; 
	margin: 30px 0 0 46px; 
	padding-bottom: 30px;
	/* background-color:#FFFFCC; */
}	

.content {
	position:relative; 
	float: left; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0 60px 0 0;
	/* background-color:#CCCCCC; */
}

.footer {
	position:relative; 
	width: 600px;
	text-align: left;
	color: #0055a5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: -22px auto 0 auto;
	padding-left: 188px;
	/* background-color:#99CCCC; */
}

.menubar {
	position:relative; 
	clear: left; 
	width: 800px;
	background-color:#bad5f0;
	border-top: 3px solid #738a96;
	height: 35px;
	text-align:center;
}
.menubar ul {
	margin: 0 0 0 142px;
	padding: 0 0 0 0;
	position: relative;
}
.menubar ul li {
	display: inline;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
   	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.menubar ul a:link, .menubar ul a:visited {
	float: left;
	padding: 8px 18px 0 18px;
    margin: 0;
	text-align: center;
    font-size: 13px;
	color: #0055a5;
	text-decoration: none;
}
.menubar ul a:hover {
	text-decoration: none;
	color: #738a96;
}

.menubar ul a.current:link, .menubar ul a.current:visited {
    font-size: 13px;
	text-decoration: none;
	color: #fff;
}

/* Cascading Menus */
.menu {
	position:absolute;
	width: 160px; /* this sets the width of the main menu */
	background-color: #d1d2d4; 
	top: 186px;
	/* left is set inline */
	text-align:left;
	color:#000; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	display:none;
	/* display:block; */
	z-index:100;
}

.menuItem {
	position:relative;
	margin-top: -1px;  
	padding: 2px 0px 0px 10px; 
	height: 18px;
	vertical-align: text-bottom;
	background-color: #d1d2d4; 
	cursor:pointer;
	border: 1px solid #000;
	z-index:100;
}

/* NAV */
a:link, a:visited {
	color: #0055a5;
	text-decoration:underline;
}
a:hover {
	color: #fb8cbc;
	text-decoration:underline;
}