body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
}
a{
	color: #006699;
	text-decoration: none;
	font-weight: bold;
}

a:link{
	color: #006699;
	text-decoration: none;
	font-weight: bold;
}

a:visited{
	color: #006699;
}

a:hover{
	color: #EF6D19;
	text-decoration: underline;
}

h1{
 font-family: "Arial Black", Gadget, sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #2F2A7A; /* this controls the outer edge placement which keeps the heading box away from other elements */
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 2px;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	display: block;
	margin-bottom: 16px;
	line-height: normal;
}

h4{
	font-size: 14px;
	font-weight: bold;
	color: #000099;
	margin: 10px 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
#navBar p {
	margin-bottom: 12px;
	margin-top: 0px;
}
h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#innerwrapper {
	background-image: url(iinnerbg.jpg);
	background-repeat: repeat-x;
	position: relative;
	width: 100%;
}

#wrapper {
	margin: auto;
	width: 780px;
	background-repeat: repeat-x;
	border: 1px solid #999999;
	background-image: url(innerbg.jpg);
	background-color: #FFFFFF;
}
#homecontent {
	float: left;
	background-color: #83B4DD;
	width: 478px;
	padding-bottom: 30px;
	color: #BDD1EC;
	background-image: url(indexback2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
	display: block;
}
#homecontent #homeback {
	margin: 0px;
	padding:0px;
	background-image:url(homeback.jpg);
	background-repeat: no-repeat;
	color: #BDD1EC;
	height: 231px;
	text-align: right;
	position: relative;}
#homeback h2 {
	font-size: 36px;
	color: #BDD1EC;
	padding-top: 50px;
	padding-right: 15px;
	text-align: right;
	font-weight: bold;
}
#masthead{
	padding: 0px;
	width: 100%;
}

#navBar{
	float: left;
	width: 137px;
	margin: 0px;
	padding: 15px 8px 0px 6px;
	font-size: 11px;
}

#headlines{
  float:right;
	width: 130px;
	margin: 0px;
	padding: 10px 5px 20px 0px;
	font-size: 11px;
}

#content{
	float: left;
	background-color: #FFFFFF;
	width: 480px;
	padding-bottom: 16px;
	color: #003366;
}
#innerhomeback {
	margin: 0px;
	padding:0px;
	background-image:url(innerhomeback.jpg);
	background-repeat: no-repeat;
	color: #BDD1EC;
	height: 231px;
	text-align: right;
	display: block;

}
#innerhomeback h2 {
	font-size: 36px;
	color: #BDD1EC;
	padding-top: 50px;
	padding-right: 15px;
	text-align: right;
	font-weight: bold;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}


/************* #globalNav styles **************/

#globalNav{
	background-color: #FF6600;
	clear: both;
	padding-top: 6px;
	height: 28px;
	padding-left: 140px;
}

#globalNav img{
 display: block;
}

#globalNav a {
}

/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}


/************** .feature styles ***************/

.feature{
	padding: 20px 20px 0px;
	margin: 0px;
	font-size: 11px;
	color: #000099;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
}


/************** .story styles *****************/

.story{
	clear: both;
	padding: 5px 18px 0px 12px;
	font-size: 11px;
	color: #000099;
}

.story p{
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	font-size: 11px;
	color: #cccccc;
	background-color: #FFFFFF;
	background-image: url(footerback.jpg);
	background-repeat: repeat-x;
	text-align: center;
	background-position: top;
	display: block;
	padding-bottom: 8px;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4C94CF;
	padding-bottom: 8px;
	padding-top: 3px;
}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	border-bottom: 1px solid #EEE;
	padding-bottom: 6px;
}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
}



#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	text-decoration: underline;
}

#sectionLinks a:hover{
	background-color: #dddddd;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}

/************** #advert styles **************/

#advert{
	padding: 20px 0px 10px;
}

#advert img{
	display: block;
	text-align: center;
	margin-left: 3px;
	margin-bottom: 5px;
}

#headlines p{
	padding: 0px;
	margin: 0px;
}


/* these float styles can be used to float images with text next to them */
.fltrt {
	float: right;
	margin-left: 8px;
	margin-bottom: 10px;
}
.fltlft {
	float: left;
	margin-right: 11px;
	margin-bottom: 10px;
}
.brclear { /* Use a break with this class to clear float containers on both sides */ 
clear:both; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 
.clearrt { /* Use a break with this class to clear float containers only on the right */ 
clear:right; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 
/* These are standard sIFR styles... they must be included... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... Make sure to change these for your own font... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash #logo h2 {
	visibility: hidden;
	font: 26px Arial, sans-serif;
	line-height: normal;
}

#siteInfo li {
	float: left;
	width: 75px;
	list-style-type: none;
}
#feedbackbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: right;
}
#feedbackbutton a, .feedbackbutton a:link {
	font-size: 14px;
	font-weight: bold;
	padding-right: 30px;
	background-image: url(button_f2.gif);
	background-repeat: repeat;
	background-position: right top;
}
#siteInfo a {
	color: #999999;
	margin-right: 6px;
	margin-left: 6px;
}
.orange {
	color: #FF6600;
}

#homecontent h2 {
	color: #6AA9D7;
	font-weight: bold;
	font-size: 18px;
}
#homecontent h3 {
	color: #E1EBF7;
	padding-right: 12px;
	padding-left: 12px;
	font-size: 18px;
}
#homeback h1 {

	font-size: 30px;
	color: #BDD1EC;
	padding-top: 50px;
	padding-right: 15px;
	text-align: right;
}
#siteInfo p {
	margin-top: 8px;
	margin-bottom: 5px;
}
#logo {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	display: block;
	height: 54px;
}
#logo img {
	float: left;
	margin-right: 20px;
}
#logo h1 {
	float: right;
}
#logo h2 {
	padding-top: 12px;
	color: #000000;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 22px;
	font-weight: bold;
	float: right;
	padding-right: 15px;
}
#innerhomeback h1 {
	font-size: 36px;
	color: #BDD1EC;
	padding-top: 50px;
	padding-right: 15px;
	text-align: right;
	font-weight: bold;
}
#content .story h4 {
	color: #000099;
	margin-bottom: 3px;
	margin-top: 5px;
}
#navBar a {
	color: #003366;
	font-weight: normal;
}
#navBar h4 {
	color: #2F2A7A;
}
/* 
* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  Style Theme:10 - Plum Royale
  -----------------------------------
*/
#p7PMnav {
	margin: 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#p7PMnav li {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	background-image: url(button.gif);
	background-repeat: no-repeat;
	background-color: #FF6600;
	background-position: right center;
}
#p7PMnav ul {
	margin: 0;
	padding: 0;
	position: absolute;
	left: -9000px;
	z-index: 10000;
	background-color:#FF6600;
}
#p7PMnav ul li {
	background-image:none;
	padding-right:5px;
	text-align:left;
	font-size:12px;
	border-bottom:1px solid #E14900;
}
#p7PMnav ul ul {
}
#p7PMnav a {
	display: block;
	text-decoration: none;
	background-color: transparent;
	padding: 5px 30px 5px 10px;
	color: #333333;
	line-height: 1;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	background-image: url(button.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#p7PMnav ul li a {
	padding: 4px 4px 4px 4px;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	background-image: none;
}
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus,
#p7PMnav .p7PMon, #p7PMnav .p7PMon:hover, 
#p7PMnav .p7PMon:active {
	color: #FFFFFF;
	letter-spacing: 0.01px;
	background-image:  url(button_f2.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-decoration: none;
}
#p7PMnav ul a:hover, #p7PMnav ul a:active, #p7PMnav ul a:focus,
#p7PMnav ul .p7PMon, #p7PMnav ul .p7PMon:hover, 
#p7PMnav ul .p7PMon:active {
	color: #FFFFFF;
	letter-spacing: 0.01px;
	background-image:  none;
}

/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark, #p7PMnav .p7PMmark:hover {
	font-weight: bold;
	color:#FFFFFF;
}
/* ------ the trigger link styles ------- */


/*the normal trigger link */
#p7PMnav ul.p7PMtrg a {
background-image:url(button_f3.gif);
}
#p7PMnav.p7PMtrg a:hover, #p7PMnav ul.p7PMtrg a:hover, #p7PMnav .p7PMtrg a:active, #p7PMnav.p7PMtrg a:active {background-image:url(button_f3.gif);
}
/*the submenu classes */
#p7PMnav .p7PMhide {
	left: -9000px;
	border: 0;
}
#p7PMnav .p7PMshow {
	left: auto;
	z-index: 20000 !important;
}
/* Top level menu width */
#p7PMnav li {
	float: left;
	width: 90px;
}
#p7PMnav ul li {
	float: none;
}
/* 2nd and subsequent Submenu widths */
#p7PMnav ul, #p7PMnav ul li {
}
#pmmcrumb {
	font-weight: bold;
	color: #333333;
}
#pmmcrumb a, #pmmcrumb a:visited {
	font-weight: normal;
	color: #333333;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
	font-weight: normal;
	color: #956870;
}

#secnav {
	margin: 0;
	padding:0;
	text-align: right;
	clear: left;
}
#secnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#secnav ul {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	position: absolute;
	left: -9000px;
	z-index: 10000;
}
#secnav a {
	display: block;
	text-decoration: none;
	padding: 3px 25px 2px 4px;
	color: #000000;
	line-height:1;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(smallbutton_f2.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-weight: bold;
	margin-top: 2px;
}
#secnav a:hover, #secnav a:active, #secnav a:focus {
	letter-spacing: 0.01px;
	background-image: url(smallbutton.gif);
	color: #FFFFFF;
	text-decoration: underline;
	background-repeat: no-repeat;
	background-position: right center;
}

/* ------ the current page marker style ------ */
#secnav .secmark {
	color: #333333;
	font-weight: bold;
}
/* ------ the trigger link styles ------- */


/* Top level menu width */
#secnav li {
	width: 200px;
	float: right;
	margin-right: 50px;
	margin-top:0px;
}
#secnav ul li {
	float: none;
}
#secnav ul, #secnav ul li {
	width: 172px;
}

/* ------ menu widths ------ */
#p7PMnav #news {
	width: 85px;
}
#p7PMnav #faq {
	width: 85px;
}
#p7PMnav #about {
	width: 125px;
}
#p7PMnav #articles {
	width: 120px;
}#p7PMnav #contact {
	width: 115px;
}#p7PMnav #services {
	width: 120px;
}
#p7PMnav #about ul li{
width:125px;
	}
	#p7PMnav #contact ul li{
width:115px;
	}
		#p7PMnav #services ul li{
width:120px;
	}
			#p7PMnav #articles ul li{
width:120px;
	}
.topquote {
	background-image: url(topquote.jpg);
	background-repeat: no-repeat;
	background-position: 140px 79px;	
	padding: 0px 12px;
	font-size: 11px;
	color: #000099;
}
.spring {
	padding: 9px 18px 0px 5px;
	font-size: 11px;
	color: #4F854B;
	margin: 0px;
	background-image: url(springback.jpg);
	background-repeat: repeat-x;
	background-position: top;
}.bottomquote {

	background-image: url(bottomquote.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.topquote p {
	margin-bottom: 0px;
}
.marginlesstopdiv {
	padding: 0px 12px 0px 20px;
	font-size: 11px;
	color: #000099;
	position: relative;
}

.marginlesstopdiv p {
	margin-bottom: 0px;
}#p7PMnav #home {

	width: 85px;
}
#content li {
	padding-top: 2px;
	background-image: url(bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* the following selectors are the form styles */
#content form {
	margin: 0 15px 0 0; /* zeros the margin for a level playing field */
	padding: 0 0 10px; /* floating this form element keeps the internal clearing BR's within the form from clearing the external floated side column. */
}	
#content fieldset {
	margin: 6px 6px 8px 0px;
	padding: 15px 0 10px 20px;
	border: 1px solid #cccccc;
}
#content legend {
	background: #FFFFFF;
	padding: 1px 5px 2px;
	margin-bottom: 5px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #EF6D19;
	border: 1px solid #EF6D19;
}
#content label, #content vllabel {
	float: left;
	width: 160px;
	clear: both;
	font-size: 11px;
	text-align: right;
	margin-top: 3px;
	color: #000099;
	font-weight: normal;
	margin-right: 6px;
	}
#content input, #content textarea, #content select {
	color: #000099; /* creates the text color */
	border: 1px solid #999999; /* gives the input and textarea a border */
	padding: 1px; /* this keeps the text from touching the edges of the input and textarea */
	background: #ffffff; /* creates a background color */
	margin: 5px 5px 2px; /* These inputs and the textarea are floated next to the labels. */
	font-size: 11px;
}
#content input.hidden {	background-color: #FFFFFF;
	border: #FFFFFF;
}
#content #SubmitButton {	
	background: #FFFFFF;
	padding: 1px 5px 2px;
	margin-bottom: 5px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #EF6D19;
	}

/*\*/ /*/
#content input, #content textarea {
	float: none;
}
/* End show to IE Mac */
/* IEmac must not see these elements floated or it is buggy. That browser, however, is good without floating. The above hack can be read only by IEmac. Be sure you do not add any comments INSIDE the hack or it will close. */

#content input.sminp {
	width: 160px;
	margin-right: 50px;
}

/* this selector changes the inputs and textareas when the cursor is inside in supported browsers */
#content input:focus, #content input:active, #content textarea:focus, #content textarea:active, #content select:focus {
	color: #000066;
	background: #EFEFEF;
}.emph {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EF6D19;
	font-weight: bold;
}
#wrapper #content .feature .story ul {
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 8px;
}
#wrapper #content .feature .story ul ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
}
#wrapper #content .feature .story ul li ul li {
	list-style-image: none;
	list-style-type: disc;
	background-image: none;
	list-style-position: outside;
	margin-left: 0px;
	padding-left: 0px;
}
#headlines h3 {
	color: #FF6600;
	margin: 0px;
	padding: 0px;
}
#navBar h3 {
	font-family: "Arial Black", Gadget, sans-serif;
	line-height: 0.9em;
	font-size: 15px;
	font-weight: normal;
}
hr {
	color: #FF6600;
	height: 1px;
	width: 75%;
	text-align: center;
}
#content .marginlesstopdiv li {
	padding-bottom: 2px;
	padding-left: 0px;
	list-style-position: inside;
	background-image: url(none);
	list-style-type: square;
}
#content .marginlesstopdiv ul {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}
.emph a {
	color: #EF6D19;
}
#wrapper #content .spring h2 {
	color: #003300;
	padding-left: 50px;
}
#wrapper #content .spring li {
	background-image: url(Flowertiny.jpg);
	background-position: left top;
	padding-left: 50px;
	padding-bottom: 15px;
	padding-top: 10px;
}
.spring a {

	color: #4F854B;
}
#wrapper #content .spring h2 {
	color: #4F854B;
	padding-top: 25px;
	font-size: 32px;
	font-weight: normal;
}
.large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.cool {
	color: #D9E8FF;
}
.mandatory {
	color: #F00;
}