/* When adding styles, please follow the naming covention in place:
   .(feature)(Type)(Attributes)
   feature    - content, nav, poll, peer, etc...
   Type       - Link, Text, SectionText, BorderCell, BodyCell, SectionCell, etc...
   Attributes - Tiny, Small, Medium, Big, Bold, etc...
*/

body {
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	height: 100%;
	background-color: #486B8D;
	background-image: url(grafx/background.gif);
}

.formjump {
margin: 0;
padding: 0;
}

.menutable {
	background-image: url(grafx/m11.gif);
	background-repeat: repeat;
}
A.menu:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
A.menu:visited { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
A.menu:hover {
	color: #E6FFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}
.menuindent {
	margin-right: 15px;
	padding-right: 15px;
}
.secondnav {
	background-image: url(grafx/back_sec_nav_table.gif);
	background-repeat: repeat;
}

.selectQN {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt;
background-color: #FFFFFF;
border: thin solid #145FA8;
}

.breadcrumb{
	font: bold 11px Geneva, Arial, Helvetica, sans-serif;
	color: #2A4D6F;
}

.breadcrumb a{
	text-decoration: none;
	color: #2A4D6F;
	padding-right: 5px;
	padding-left: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: #2A4D6F;
}

.breadcrumb a:hover{
text-decoration: underline;
}
.breadimage{

	padding-right: 4px;
}

.quickcontact {
	text-indent: 15px;
}
.contacthead {
	background: url(grafx/contactbox_top.gif) no-repeat;
	height: 25px;
	width: 150px;
}
.contactbody {
	background: url(grafx/contactbox_body.gif) no-repeat;
	width: 150px;
	height: 120px;
}
.contactWtext {
	margin: 0;
	width: 150px;
	padding-top: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.contactBtext {
	width: 150px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #658BAD;
	height: 20px;
	vertical-align: middle;
	line-height: 20px;
}
.contactDBtext {
	width: 150px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2A4D6F;
	height: 20px;
}


.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -155px;
	width: 150px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-indent: 10px;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
	width: 250px;
	height: 150px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bolder;
	color: #1E69B2;
	line-height: 1.3em;
}
.mainbodytext {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: justify;
	line-height: 1.1em;
}

.mainbodytext a{
	text-decoration: underline;
	color: ##1E8FDC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.mainbodytext a:visited, .mainbodytext a:active{
color: #1E8FDC;
text-decoration: underline;
}

.mainbodytext a:hover{
	text-decoration: underline;
	color: #1E69B2;
}

.rightbox {
	background-color: #F5F5F5;
	border-top: 1px solid #1E69B2;
	border-right: 1px solid #1E69B2;
	border-left: 1px solid #1E69B2;
	background-image: url(grafx/rigth_box_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 148px;
}

.rightboxcontent {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	width: 130px;
	padding: 8px 8px 14px;
}
/*.darker right hand side box:

*/

.rightboxD {
	background-color: #1E8FDC;
	border-bottom: 2px solid #002B78;
	border-right: 2px solid #002B78;
	border-left: 2px solid #002B78;
	background-image: url(grafx/right_box_top.gif);
	background-repeat: no-repeat;
	width: 146px;
	border-top-width: 4px;
	border-top-style: none;
	background-position: top;
}
.rightboxcontentD {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	width: 126px;
	padding: 10px 10px 14px;
	color: #FFFFFF;
}
.rightboxtopD {
	width: 150px;
	padding: 0px;
	background-image: url(grafx/right_box_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	height: 10%;
	background-color: #0066FF;
}

.rightboxbottomD {
	width: 150px;
	background-color: #F5F5F5;
	padding: 0px;
	background-image: url(grafx/right_box_bottom_db.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	height: 52px;
}
.rightboxcontentbotD {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 10px;
	width: 130px;
	padding-left: 10px;
	padding-right: 10px;
}
/*.footer navigation

*/

.footer{
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #2A4D6F;
	height: 25px;
}

.footer a{
	text-decoration: none;
	color: #2A4D6F;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.footer a:visited, .footer a:active{
color: #2A4D6F;
}

.footer a:hover{
text-decoration: underline;
}

.legal {

	font: normal 8pt Arial, Helvetica, sans-serif;
	color: #2A4D6F;
}
.indent {
	display: inline;

}
.pformfont {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.divbody {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
ul {
	padding-top: 0px;
	padding-bottom: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
}
/*.right hand side email

*/
.rhsmail {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}
a.rhsmail:link {color: #2A4D6F;}     /* unvisited link */
a.rhsmail:visited {color: #2A4D6F;}  /* visited link */
a.rhsmail:hover {color: #AED0F0;}   /* mouse over link */
a.rhsmail:active {color: #AED0F0;}   /* selected link */ 

/*.left hand side submenu */
.submenu {
	width: 150px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #749EC3;
	height: 15px;
	vertical-align: middle;

}
A.submenu:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #749EC3;
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
A.submenu:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #749EC3;
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
A.submenu:hover {
	color: #749EC3;
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}
/*.left hand side submenu submenu dark blue*/




.submenuopen {
	width: 150px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #2A4D6F;
	height: 15px;
	background-color: #99CCFF;
}

A.submenuopen:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #2A4D6F;
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
A.submenuopen:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #2A4D6F;
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
A.submenuopen:hover {
	color: #2A4D6F;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}



.submenuopenitem {
	width: 150px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #2A4D6F;
	height: 15px;
	text-indent: 23px;
	background-color: #CCCCCC;
}


A.submenuopenitem:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #2A4D6F;
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
A.submenuopenitem:visited { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #2A4D6F; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
A.submenuopenitem:hover {
	color: #2A4D6F;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-decoration: underline;
}

/*.left hand side submenu submenu dark blue*/


.nav 	{
		padding: 0; margin: 50px 0 0 70px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		overflow: visible;
		}
		
.nav ul {		
		display: block;
		list-style: none;
		margin: -11px 0; padding: 0;
		border: 0;
		}
		
/* HACK >>> IE 5  Positioning with position relative <ul> Part I */
html + body .nav ul {position: relative; top: -10px;}

/* HACK >>> first margin for IE 6, after voice-family the hacks for gecko-based browsers and IE 5 (Win & Mac?) */
.nav ul li 	{
			position: relative; top: 0px; left: -11px;
			margin: 10px 0 5px 0; padding: 0; 
			border: 0;
			voice-family: "\"}\""; /* Gecko Stuff follows */
			margin: 10px 0 5px 10px; 
			}
			
/* HACK >>> IE 5  Positioning with position relativ, display: inline fixes an ugly margin-effect in IE 5 */
html + body .nav ul li {display: inline; width: 100%; position: relative; top: 0px; left: -12px; margin: 10px 0 5px 0;}

.nav a, .nav a:visited {
				width: 18.4em; height: 1.5em;
				display: block; 
				margin: 0 0 0 3px; padding: 1px;
				font-weight: bold; font-size: 110%; line-height: 1.5em; 
				text-indent: 0.5em; text-align: left; text-decoration: none;
				voice-family: "\"}\""; /* Gecko Stuff follows */
				margin: 0 0 0 -10px;
				}

/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .nav a, html + body .nav a:visited { text-indent: 0; padding: 0 0 0 8px; }

.nav ul ul {	
			padding: 12px 0 18px 0;
			background: none;
			}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul ul {position: relative; top: 0px; }
				
.nav ul li li	{
			position: relative; top: 0px; left: 10px;
			margin: 10px 0 5px 1px; padding: 0 0 0 25px;
			voice-family: "\"}\""; /* Gecko Stuff follows */
			left: 0px;
			/* margin: 10px 0 5px 1px; padding: 0 0 0 25px; */
			}
			
/* HACK >>> IE 5  */
html + body .nav ul li li {position: relative; left: 12px; margin: 10px 0 5px 0;}

.nav ul li .sub-sub {
			/* position: relative;  top: 0px; */ left: 10px;
			margin: 10px 0 0 1px; /* padding: 0 0 0 25px;  */
			voice-family: "\"}\"";
			position: relative; top: 0px; left: 0px;
			}

.nav ul ul a, .nav ul ul a:visited 	{
					width: 15.9em; height: 1.3em;
					margin: 0; /* padding: 1px; */
					font-size: 110%; line-height: 1.3em; font-weight: normal; text-indent: 0.4em; 
					}

.nav ul ul ul {margin: 0 0 30px 12px; padding: 12px 0 0 0;}

.nav ul li li li	{
			position: relative; top: 10px; left: 0px;
			margin: 10px 0 5px 0; padding: 0 0 0 20px; 
			}

/* 1 Pixel Difference position relative <ul> for gecko-based Browsers */
html>body .nav ul li li li {top: 10px;}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul li li li {top: 14px;}
																		
.nav ul ul ul a, .nav ul ul ul a:visited 	{
					width: 14.9em;
					padding: 1px;
					font-size: 100%;
					}
					
/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .nav ul ul a, html + body .nav ul ul a:visited {text-indent: 0; padding: 0 0 0 8px; }


/* ### Global Settings >>> colors, borders and images  ### */
.nav 	{ border: 0; border-left: 1px solid #2A71E4; }
.nav ul li li	{color: #000; background:  url("images/line-01.gif") left center no-repeat;}	
.nav ul ul ul {border-left: 1px solid #2A71E4; }
.nav ul li .sub-sub {background:  url("images/line-01.gif") top left no-repeat;}
.nav a, .nav a:visited	{color: #4F4F4F; border: 1px solid #2A71E4; background: #FFF; }				
.nav a:active, .nav a:hover, .nav a:focus,  a:focus .sffocus 	{color: #000; border: 1px solid #000; background: #FAFAFA;}			
.nav ul ul a, .nav ul ul a:visited 	{color: #4F4F4F; border: 1px solid #9292A1;background: #FFF;}			
.nav ul ul a:active, .nav ul ul a:hover, .nav ul ul a:focus	{color: #000; border: 1px solid #000;	background: #FAFAFA; }
.tableborder {
	border: 1px solid #002B78;
}
.lisquare {
	list-style-type: square;
	list-style-position: inside;
}
.blueText {
	color: #1E69B2;
	font-weight: bold;
}