@charset "utf-8";
#wrapper {
	width: 950px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}
#banner {
	height: 130px;
	width: 930px;
	background-image: url(images/banner_bgnd.jpg);
	padding-top: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
}
#left_column {
	float: left;
	width: 200px;
	background-color: #FFFFFF;
}
#right_column {
	width: 248px;
	background-color: #FFFFFF;
	float: right;
}
#right_column a img{
	text-decoration: none;
	border-color: #CCCCCC;
	
}
#content {
	width: 480px;
	float: left;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
}
#banner a {
	text-decoration: none;
}
body {
	background-image: url(images/bodybg.gif);
	background-color: #003366;
}
#content h1 {
	font-size:22px;
	color: #003399;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#contentHeader {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #AFD8D8;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
}
#contactInfo {
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
	color: #333333;
}
#footer {
	background-color: #FFFFFF;
	border-top-style: solid;
	border-top-color: #AFD8D8;
	border-top-width: 3px;
	text-align: right;
	clear: both;
	width: 930px;
	margin-right: 10px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footer a{
	text-decoration: none;
	color: #333333;
}
#footer a:hover{
	text-decoration: underline;
	color: #666666;
}
a.no_underline{
	text-decoration: none;
}
a.no_underline:hover{
	text-decoration: underline;
}








/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0;}
.menu {margin:5px 10px 20px 5px;}
/* for IE7 to position the tables correctly */
.menu {position:relative; float:left;}

/* for IE5.5 and IE6 to position the tables corectly */
.menu {position:static;}

/* Set up the size of the list items and float left to place inline */
.menu li {background:#4096c8; width:142px; height:27px; margin:2px 0 0 0; border:1px solid #000;}

/* Give the sub level list item a diffent background color to make it 'stand out'. */
.menu li.sub {background:#80e6ff;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table, .menu ul ul table {border-collapse:collapse; width:0; height:0; position:absolute; bottom: 0; top:auto; left:0; font-size:3em;}
.menu ul table, .menu ul ul ul table {top:5px; bottom:auto;}

/* Default link styling */
.menu li a {display:block; color:#000; font-family:arial, sans-serif; font-size:14px; line-height:27px; width:142px; text-decoration:none; text-indent:10px;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {color:#ffffff; background:#003399;}

/* For all browsers except IE5.5 and IE6 to keep the hover state through the menu cascade. */
.menu :hover > a {color:#ffffff; background:#003399;}

/* Give the link OR list a relative position. Depends on which browser is used */
.menu li.sub:hover,
.menu li.sub a:hover {position:relative;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul {position:absolute;left:-9999px; width:145px;}

/* Position the flyout sub levels to the right or left when hovering over the sub level list OR link. */
.menu :hover ul {padding:9px 3px; left:100px; bottom:0; background:transparent url(transparent.gif); padding-top:1px;}
.text_table {
}
.table_centered td {
	text-align: center;
}