body {
	margin: 10px;
	text-align: center;
	background-color: #21496c;
	background-image: url(stock/pattern.gif);}

#container { 
	margin: auto; 	
	width: 720px;
	background-color: #FFFFFF;
	border: solid 5px #dbdddf;
	padding: 5px 15px 2px 15px;}

.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	line-height: 14px;
	color: #333333;}
.body a { color: #00958e; text-decoration: underline; }
.body a:hover { color: #21496c; text-decoration: underline;}

.body h1 {font-size: 14px; font-weight: bold; color: #09589e;}
.body h2 {font-size: 12px; font-weight: bold; color: #09589e;}

.small {
	font-size: 10px;}

.hometext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	line-height: 18px;
	background-color: #407DB4;
	background-image: url(stock/blue_back.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 16px 20px;}
.hometext a { color: #FFFFFF; text-decoration: none;}
.hometext a:hover { color: #CCCCCC; text-decoration: underline;}
.hometexttitle {font-size: 14px; font-weight: bold; line-height: 20px;}

.subnav { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	background-color: #407DB4;
	background-image: url(stock/blue_back.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 14px 4px;}
.subnav a { display: block; color: #FFFFFF; text-decoration: none; padding: 7px 16px;}
.subnav a:hover { background-color: #dbdddf; color: #000000; text-decoration: none;}

.subnav2 { font-weight: normal; padding: 4px 0px;}
.subnav2 a { display: block; color: #FFFFFF; text-decoration: none; padding: 4px 16px 5px 24px;}

.toplinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
	text-align: right;
	color: #333333;
	padding-top: 26px;}
.toplinks a {
	color: #333333;
	text-decoration: none;
	background-image: url(stock/half-circle.gif);
	background-repeat: no-repeat;
	padding: 1px 1px 2px 10px;}
.toplinks a:hover { color: #00958e; text-decoration: underline;}

.footer {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #333333;
	text-align: left;
	padding: 6px 0px;
	border-top: solid 2px #00958e;}
.footer a { color: #333333; text-decoration: none; }
.footer a:hover { color: #000000; text-decoration: underline;}

.footer2 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #666666;
	float: right;
	padding: 0px;}
.footer2 a { color: #666666; text-decoration: none; }
.footer2 a:hover { color: #000000; text-decoration: underline;}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	padding: 6px;}
.copyright a { color: #CCCCCC; text-decoration: none; }
.copyright a:hover { color: #FFFFFF; text-decoration: underline;}

.greyline {border-left: 1px solid #CCCCCC;}
	
.border {border: 1px solid #666666;}

.spacer {height: 4px;}

form {margin: 0; padding: 0}

/* NAVIGATION */	
#rollovermenu {
	margin: 0px;
	padding: 8px 0px 0px 0px;
	background-color: #00958e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	list-style: none;
	height: 22px;}
#rollovermenu li { 
	position: relative;
	display: inline; 
	margin: 0px;
	padding: 0px;}
#rollovermenu a {
	margin: 0px;
	padding: 8px 11px;
	color: #FFFFFF; 
	text-decoration: none;}
#rollovermenu a:hover { 
	background-color: #dbdddf;
	color: #000000;}
#rollovermenu ul { /* second-level lists */
	background-color: #00958e;
	border: 1px solid #FFFFFF;
	width: 130px;
	padding: 0px;
	margin: 0px;
	text-align: left;}
#rollovermenu ul li {
	border-left: none;}
#rollovermenu ul a:link, #rollovermenu ul a:visited {
	display: block;
	font-size: 11px;
	color: #FFFFFF;
	padding: 5px 12px;}
#rollovermenu ul a:hover {
	background-color: #dbdddf;
	color: #000000;}
#rollovermenu li ul { /* hide second-level lists */
	position: absolute;
	left: -999em;} /* using left instead of display to hide menus because display: none isn't read by screen readers */
#rollovermenu li:hover ul, #rollovermenu li.sfhover ul { /* second-level list position in Firefox*/
	left: 0px;
	top: 22px;}
#rollovermenu a:hover ul, #rollovermenu li.sfhover ul { /* second-level list position in IE*/
	left: 0px;
	top: 28px;}