/*
 	Rotary Norfolk Sunrise
 	New Template
 	May 9, 2008 - GSC
 	
	<div id="the-body">
		<div id="the-left-menu"><div id="the-left-menu-spacer">&nbsp;</div><div id="the-left-menu-menu"><?php mosLoadModules ( 'left' ); ?></div></div>
		<div id="the-left-spacer">&nbsp;</div>
		<div id="the-content-area1"><?php mosMainBody(); ?></div>
		<div id="the-middle-spacer">&nbsp;</div>
		<div id="the-right-modules"><div id="the-right-menu-spacer">&nbsp;</div><div id="the-right-menu-menu"><?php mosLoadModules ( 'right' ); ?></div></div>
		<div id="the-right-spacer">&nbsp;</div>		
	</div>
 
	<table id="the-body" cellpadding="0" cellspacing="0" border="0" height="100%">
	<tbody>
	<tr>
		<td id="the-left-menu" valign="top"><?php mosLoadModules ( 'left' ); ?></td>
		<td id="the-left-spacer" valign="top">&nbsp;</td>
		<td id="the-content-area1" valign="top"><?php mosMainBody(); ?></td>
		<td id="the-middle-spacer" valign="top">&nbsp;</td>
		<td id="the-right-modules" valign="top"><div id="the-right-menu-spacer">&nbsp;</div><div id="the-right-menu-menu"><?php mosLoadModules ( 'right' ); ?></div></td>
		<td id="the-right-spacer" valign="top">&nbsp;</td>
	</tr>		
	</tbody>
	</table> 	
*/

h1 {
	font: 16px Verdanna;
	font-weight: bold;
	color: #00002b;
}

h2, th {
	font: 14px Verdanna;
	font-weight: bold;
	color: #00002b;
}

h3 {
	font: 12px Verdanna;
	font-weight: bold;
	color: #00002b;
}

h4 {
	font: 10px Verdanna;
	font-weight: bold;
	color: #00002b;
}

h5 {
	font: 10px Verdanna;
	font-weight: bold;
	color: #00002b;
}

p, td, div, span {
	font: 12px Verdanna;
	color: #14357e;
}


.inputbox-search {
	float: left;
	background: url(../images/search.gif) no-repeat;
	display: block;
	text-indent: 5px;
	margin-top: 5px;
	width: 122px;
	height: 18px;
	border: none;
}

.button-search {
	float: right;
	background: url(../images/go.gif) no-repeat;
	display: block;
	text-indent: -3000pt;
	color: blue;
	font-size: 0px;
	padding-top: 5px;
	margin-top: 5px;
	width: 46px;
	height: 28px;
	border: none;
}

html, body {
	background: #0060a9 url("../images/background_repeat.gif") repeat-x;
	font: 12px Verdana, sans-serif;
	color: #000000;
	height: 100%;
}

textarea {
	background: #ffffff;
	color: #000000;
}

a, a:active, a:link {
	font-family:  Verdana,Helvetica,Arial,sans-serif; 
	font-size:  12px; 
	line-height:  12px; 
	color:  #d87930; 
	text-decoration: underline;
}
a:hover {
	font-family:  Verdana,Helvetica,Arial,sans-serif; 
	font-size:  12px; 
	line-height:  12px; 
	color:  #00002b; 
	text-decoration: underline;
}

table.moduletable {
	padding: 0px;
	margin: 0px;
}

#body-area {
	width: 826px;
	margin: 0px auto 0px auto;
	background: #ffffff;
	z-index: 1;
	height: 100%;
	max-height: 100% !important;
	background: #0060a9;
}

#leftmenu-area {
	background: #d87930 url(../images/menu_repeat.gif) repeat-x;
	border-right: 2px solid #0060a9; 
	border-image: url(../images/background_repeat.gif) ;
	border-left: none;
	border-top: none;
	border-bottom: none;
	width: 162px;
}

#rightmenu-area {
	background: #f3ebdf;
	width: 194px;
}

#leftspacer-area, #middlespacer-area {
	background: #ffffff;
	width: 20px;
}

#rightspacer-area {
	background: #ffffff;
	width: 15px;
}

#content-text {
	background: #ffffff;
	width: 411px;
}

#content-text2 {
	background: #ffffff;
	width: 640px;
}

.4px-space {
	width: 4px;
	
}

#the-left-menu {
	background: #d87930 url(../images/menu_repeat.gif) repeat-x;
	border-right: 2px solid #000000;
	width: 162px;
	float: left;
	height: 100%;
	max-height: 100% !important;
	min-height: 600px;
}
#the-left-menu-spacer {
	width: 8px;
	height: 100%;
	float: left;
}
#the-left-menu-menu {
	width: 162px;
	height: 100%;
	float: left;
}
#the-left-spacer {
	background: #ffffff;
	width: 15px;
	float: left;
	height: 100%;
	max-height: 100% !important;
	z-index: 99;
	min-height: 600px;
}
#the-content-area1 {
	background: #ffffff;
	float: left;
	width: 415px;
	height: 100%;
	max-height: 100% !important;
	min-height: 600px;
}
#the-content-area2 {
	background: #ffffff;
	float: left;
	width: 629px;
	height: 100%;
	max-height: 100% !important;
	min-height: 600px;
}
#the-middle-spacer {
	background: #ffffff;
	width: 15px;
	float: left;
	height: 100%;
	max-height: 100% !important;
	z-index: 99;
	min-height: 600px;
}
#the-right-modules {
	background-color: #f3ebdf; 
	width: 192px;
	float: left;
	height: 100%;
	max-height: 100% !important;
	min-height: 600px;
}
#the-right-menu-spacer {
	width: 8px;
	height: 100%;
	float: left;
}
#the-right-menu-menu {
	width: 186px;
	height: 100%;
	float: left;
}
#the-right-spacer {
	background: #ffffff;
	width: 13px;
	float: left;
	height: 100%;
	max-height: 100% !important;
	z-index: 99;
	min-height: 600px;
}

#footer {
	background: #0060a9;
	clear: both;
	width: 100%;
	text-align: right;
	font: 10px Verdanna; 
	color: #8bb0cb;
	z-index: 30;
}

#top-header {
	width: 826px;
	height: 145px;
	background: url("../images/header-home.gif") no-repeat;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#top-header2 {
	width: 826px;
	height: 145px;
	background: url("../images/header-all_other.gif") no-repeat;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#search-area {
	float: right;
	width: 190px;
	height: 40px;
	margin-top: 12px;
}

#login-area {
	float: right;
	width: 84px;
	height: 40px;
	margin-top: 16px;
}

#bottom-menu {
	float: left;
	width: 270px;
	font: 9px;
	font-family: Verdanna;
	color: #ffffff;
	text-align: left;
	padding-top: 10px;
}
#copyright {
	float: right;
	width: 465px;
	font: 9px;
	font-family: Verdanna;
	color: #8bb0cb;
	padding-top: 10px;
	padding-right: 15px;
}

table.moduletable-middle th,  table.moduletable-middle th {
	padding-left: 0px;
	margin-left: 0px;
	font: 18px Georgia;
	color: #000000;
	text-align: left;
}
table.moduletable-middle {
	background: #f3ebdf;
/*	padding-left: 15px;*/
}
table.moduletable-middle tbody tr td table.contentpaneopen tbody tr td.contentheading, td.contentheading {
	font-size: 14px;
	font-family: Verdana;
	color: #0060a9;
	font-weight: bold;
}
table.moduletable-middle tbody tr td {
	padding-top: 5px;
	font-size: 12px;
	font-family: Verdana;
	color: #000000;
}
/* 	background: #0060a9 url("../images/background_repeat.gif") repeat-x;
*/

a.mainlevel, a.mainlevel:link {
	font-family:  Verdana,Helvetica,Arial,sans-serif; 
	font-size:  12px; 
	line-height:  14px; 
	color:  #00002b; 
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	width: 163px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-indent: 9px;
}
a.mainlevel:hover, a.mainlevel:active {
	font-family:  Verdana,Helvetica,Arial,sans-serif; 
	color:  #00002b; 
	text-decoration: none;
	background: #ffffff;
	width: 100%;
}
#active_menu, a#active_menu, a.mainlevel#active_menu {
	font-family:  Verdana,Helvetica,Arial,sans-serif; 
	color:  #002c77; 
	text-decoration: none;
	background: #ffffff;
	color: #000000;
	width: 100%;
}

a.sublevel, a.sublevel:link {
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	line-height: 11pt;
	height: 11pt;
	margin-left: 8px;
}

a.sublevel:hover {
	font-size: 8pt;
	color: #000000;
	text-decoration: underline;
}

#active_menu.sublevel {
	background: none;
	
}

table.moduletable, table.moduletable-mod  {
	margin-bottom: 12px;
}

table.moduletable-mod th {
	margin-top: 6px;
	margin-bottom: 8px;
	background: blue;
	color: white;
	display: block;
	width: 162px;
	text-align: left;
	font-size: 14px;
	font: Arial;
}

ul#mainlevel-quicklinks {
	width: 130px;
	padding-left: 6px;
	margin-left: 12px;
	text-align: left;
}

ul#mainlevel-quicklinks li, table.moduletable-mod tbody tr td ul#mainlevel-quicklinks li, ul#mainlevel-quicklinks li {
	padding-left: 0px;
	margin-left: 0px;
	margin: 0px;
	padding: 0px;
	width: 100px;
	text-align: left;
}

li a.mainlevel-quicklinks {
	padding-left: 0px;
	margin-left: 0px;
	text-align: left;
}

a.mainlevel-quicklinks, a.mainlevel-quicklinks:link {
	font-family:  Verdana,Helvetica,Arial,sans-serif; 
	font-size:  10pt; 
	line-height:  12pt; 
	color:  #000000; 
	text-decoration: underline;
	font-weight:  bold; 
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin-left: 0px;
	text-align: left;
}
a.mainlevel-quicklinks:hover, a.mainlevel-quicklinks:active {
	font-family:  Verdana,Helvetica,Arial,sans-serif; 
	text-decoration: none;
}

a.bottom-menu-link, a.bottom-menu-link:link, abottom-menu-link.active {
	font: 8px;
	font-family: Verdanna;
	color: #ffffff;
	text-decoration: none;
}
a.bottom-menu-link:hover {
	font: 8px;
	font-family: Verdanna;
	color: #ffffff;
	text-decoration: underline;
}