﻿
@import url('topmenu.css');
@import url('footer.css');
@import url('content.css');
@import url('sidemenu.css');

/*********************/
/* HTML Selectors    */
/*********************/

body
	{

	/*	background: #555533;*/
		background: #807f84 url('../images/background.gif') repeat 0 0;
		margin: 0;
		padding: 0;
		font-family: verdana,helvetica,sans-serif;
		font-size: 9pt;
		color: #003399;
	}

H1
	{
		font: 12pt, arial;
		font-weight: bold;
		color: #003399;
		line-height: 180%;
	}

H2	{		font: 11pt, arial;		font-weight: bold;		color: #003399;		line-height: 180%;	}H3
	{
		font: 10pt, arial;
		font-weight: bold;
		color: #003399;
		line-height: 1.4em;
	}

.subscriptionHeading
	{
	color: #eb6531;
	font-weight: bold;
	}

img { border: none; }


a
	{
		color: #003399;
	}

a:hover
	{
		color: #008223;
	}

/*********************/
/* Layout Structures */
/*********************/

#TopBanner, #TopSubBanner, #MainMenu, #Content, #Footer
	{
		position: relative;
		margin: 0;
		padding: 0;
		width: 850px;
		height: auto;
		text-align: left;
	}

#TopBanner
	{
		height: 85px;
		overflow: hidden;
		background: url('../images/topBannerBackgroundbubbles.png') no-repeat top left;
		text-align: left;
	}
 
#TopSubBanner 
	{
		width: 850px;
		background: url('../images/topBannerMenu_bg_blue.gif') no-repeat 0 0;	
		height: 30px;
		overflow: hidden;
	}
 
#MainMenu
	{
		width: 500px;
		float: left;
		height:30px;
		margin-left: 15px;
		color: #002977;
		top: 0;
	}
 
.btnav
	{
	background-color: #d7e2fa;
	height:30px;
	} 
 
.MainMenuLinks
	{
		color: #002977;
		text-decoration:none;
		font-size: 9pt;
		height:28px;
		width:90px;
		margin-top:1px;
	}

a:hover.MainMenuLinks
	{
		font-size: 9pt;
		text-decoration:none;
		color: #fff;
		height:28px;
		width:90px;
		margin-top:1px;
	}

#HeaderSearch
	{
	position: relative;
	right: 26px;
	top: 2px;
	width: 300px;
	height: 100%;
	float: right;	
	text-align: right;
	color: #003399;
	}
 
#Content
	{
	clear: both;
	overflow: auto;
	background: url('../images/contentBackground.gif') repeat-y 0 0;
	font-size: 1.1em;
	}
 
#SideMenu
	{
		position: relative;
		float: left;
		width: 200px;
		overflow: auto;
		text-align: left;
		margin: 0;
		padding: 0;
		overflow: visible;
		font-size:9pt;
	} 
 
#Footer
	{
		overflow:hidden;
		height: 200px;
		background: url('../images/footer_bg.gif') 0 0;
		color: #666;
		font-size: 1.1em;
		padding: 0;
	}
 
/*********************/
/* Base Classes      */
/*********************/
 
p
	{
		font-family: Arial;
		font-size: 10pt;
	}

a.tLink { color: #c00; }
a:hover.tLink { color: #008223; text-decoration: none; }

.text {font: 9pt, Arial; color: #003399; line-height: 180%;}a.text {font: 9pt, Arial; color: #003399; text-decoration: none; }a:hover.text {font: 9pt, Arial; color: #008223; text-decoration: underline; }.textSmall { font: 8pt, Arial; color: #003399; line-height: 180%;}a.textSmall { font: 8pt, Arial; color: #008223; text-decoration: none; }a:hover.textSmall { font: 8pt, Arial; color: #008223; text-decoration: underline; }.text_white {font-size:9pt; font-family: Arial; color: #FFFFFF; line-height: 180%;}
a.text_white { font-size:9pt; font-family: Arial; color: #FFFFFF; text-decoration: none; }
a:hover.text_white { font-size:9pt; font-family: Arial; color: #006633; text-decoration: underline; }

.text_white_d {font-size:9pt; font-family: Arial; color: #FFFFFF; line-height: 180%;}
a.text_white_d {font-size:9pt; font-family: Arial; color: #FFFFFF; text-decoration: none; }
a:hover.text_white_d {font-size:9pt; font-family: Arial; color: #008223; text-decoration: underline; }

.text_green { font: 9pt, Arial; color: #008223; }
a.text_green { font: 9pt, Arial; color: #008223; text-decoration: none; }a:hover.text_green { font: 9pt, Arial; color: #006633; text-decoration: underline; }.text_blue { font: 9pt, Arial; color: #3366CC; }a.text_blue { font: 9pt, Arial; color: #3366CC; text-decoration: underline; }a:hover.text_blue { font: 9pt, Arial; color: #003366; text-decoration: none; }.footer { font: 9pt, Arial; color: #5BC863; }a.footer { font: 9pt, Arial; color: #5BC863; text-decoration: none; }a:hover.footer { font: 9pt, Arial; color: #FFFFFF; text-decoration: none; }.sidemenu {font-size:9pt; font-family: Arial; font-weight: bold; color: #FFFFFF; }
a.sidemenu {font-size:9pt; font-family: Arial; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a:hover.sidemenu {font-size:9pt; font-family: Arial; font-weight: bold; color: #5BC863; text-decoration: none; }

.sidemenu_on { font: 9pt, Arial; font-weight: bold; color: #009933; }
a.sidemenu_on { font: 9pt, Arial; font-weight: bold; color: #009933; text-decoration: none; }a:hover.sidemenu_on { font: 9pt, Arial; font-weight: bold; color: #003366; text-decoration: none; }.faq { font: 9pt, Arial; color: #003399; }a.faq { font: 9pt, Arial; color: #008223; text-decoration: none; }a:hover.faq { font: 9pt, Arial; color: #5BC863; text-decoration: none; }.top { font: 9pt, Arial; color: #008223; }a.top { font: 9pt, Arial; color: #008223; text-decoration: none; }a:hover.top { font: 9pt, Arial; color: #5BC863; text-decoration: none; }

.noShow { display: none; }

.clear { clear: both; }

.FloatR { float: right; }

.FloatL { float: left; }

.InstructionsHilight
	{
	display: block;
	color: #666; 
	background-color: #b4e2ae; 
	text-align: left;
	padding: 8px;
	border: 1px solid #ccc;
	font-size: .9em !important;
	line-height: 1.5em;
	margin-bottom: 15px;
	}

/**************************/
/* FROM STOREFRONT        */
/* Default CSS Stylesheet */ 
/* for a new Web Application project  */
/**************************/

.Instructions
	{
	display: block;
	color: #666; 
	background-color: #b4e2ae; 
	text-align: left;
	padding: 8px;
	border: 1px solid #ccc;
	font-size: 0.8em !important;
	line-height: 1.5em;
	margin-bottom: 15px;
	width: 98%;
	}

.ErrorMessages
	{
	display: block;
	font-weight: bold; 
	text-align: center;
	padding: 5px 0;
	font-size: 1em;
	background: #F80 url('../images/errorbox.gif') no-repeat 0 0;
	height: 50px;
	overflow: auto;
	}

.ErrorMessages, .ErrorMessages a {color: #fff !important;}

.Messages
	{
	display: block;
	border-bottom: 1px solid #ccc;
	color: #393; 
	font-weight: bold; 
	text-decoration: none; 
	text-align: center; 
	width: 95%;
	padding: 3px 8px;
	font-size: 1em;
	}

.Inputs
	{
	color: black; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none; 
	background-color: #fff; 
	background-image: none;
	font-size: 1em;
	}