/* CSS Document */
body, html {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	color: #222;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height:100%;
}

#outer {
height:100%;
min-height:100%;/*for mozilla*/
background-image: url(../images/page_bg.jpg);
	background-repeat: repeat-y;
	background-position: top;
	background-color: #F4F4F4;
}
html>body #outer {height:auto}


td,tr,p,div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	}
.contentheading h1, .contentheading, .componentheading h1, .componentheading {
	font-size: 18pt;
	font-weight: bold;
 	color: #000000;
	text-align:left;
	margin: 0em 0 .3em 0;
	font-family: "Trebuchet MS", Arial;
}	
h4 {
	color: #555; font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
	}

h5 {
	color: #555; font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; font-weight: bold;
	}

h6 {
	color: #555; font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; font-weight: bold;
}	
/* Links */
a:link, a:visited {
	font-size: 13px; 
	color: #AB252E; 
	font-weight: bold;
	text-decoration: underline;
	font-family:  Arial, Helvetica, sans-serif;
	}

a:hover {
	font-size: 13px; 
	color: #A09174; 
	font-weight: bold;
	text-decoration: underline;
	font-family:  Arial, Helvetica, sans-serif;
	}

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
 	color: #808080;
	text-align:left;
	}

a.contentpagetitle:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:left;
	color: #FF6600;
	text-decoration: underline;
	font-weight: bold;
	}
	
.contentpane {
	background-color : #FFFFFF;
	}

.contentpaneopen {
	border : 0px ridge #DCDCDC;
	}

.contentpagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
 	color: #333333;
	text-align:left;
	}


div.module {
	margin: 0px 0px 0px 0px;
	width: 150px;
	border-left: solid 0px #000000;
	border-right: solid 0px #000000;
	border-top: solid 0px #000000;
	border-bottom: solid 0px #000000;
	}

table.moduletable th {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	height: 18px;
	line-height: 18px;
	white-space: nowrap;
	width: 100%;
	background-color: #8a8a8a;
	}
	
table.moduletable td {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	}
	
.button {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	color: #000000;
	border-style: solid;
	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
	}

.inputbox {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background: #FFFFFF;
	border: 1px solid;
	}

.poll {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 14px
	}

ul {
	margin: 0px 0px 0px 10px;
	text-indent: 0px;
	width: auto;
	}

li {
	/*list-style: inside url(../images/arrow.png);
	list-style-image: url(../images/arrow.png);*/
	margin-left:3px;
	}
li ul {

	margin: 0px 0px 0px 0px;
	text-indent: 3px;
}

.greyborder {
	background-color:#A8A8A8;
}
.header { 
 	background-image: url(../images/headerbg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
.maincontent {
	padding: 5px 5px 5px 55px;
	width: 450px
	
	
}
.leftpic {
	background-image: url(../images/leftpic.jpg);
}
.callouts {
	background-image: url(../images/calloutbg.jpg);
	font: Arial, Helvetica, sans-serif;
	color: #666666;
	height: auto;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
.bluespace {
	background-color: #23314B;
}
.logo {
	width: 137px;
	height: 14px;
	
	
}

.nav {
	width: 100%;
	background-image: url(../images/navbg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#fff;
}
.callout {
	float:left;
	height: auto;
	width: 222px;
	margin: 3px;
	padding: 5px;
}.header {
	background-image: url(../images/headerbg.jpg);
}
/* site mgmt integration styles */

.lined table { border-collapse: collapse; }
.lined th { border: 1px solid #000000; background-color: #dddddd; font-size: 115%; }
.lined tr { background-color: #ffffff; }
.lined td { border: 1px solid #000000; padding: 5px; font-size: 100%;}
.errorText{color: #ff0000;}

/* Public page management */

.mh_public_0 { padding-left: 0px; }
.mh_public_1 { padding-left: 15px; }
.mh_public_2 { padding-left: 30px; }
.mh_public_3 { padding-left: 45px; }
.mh_public_4 { padding-left: 60px; }
.mh_public_5 { padding-left: 75px; }
.mh_public_6 { padding-left: 90px; }


/* simple nested menus */

.simp_menu {
	font-weight: bold;
	font-family: arial, sans-serif;
	color:#FFFFFF;
	font-size: 12px;
	color: #ffffff;
	padding-left : 0px;
	text-indent: 0px; 
	margin: 0 1px 0 1px;
	width: 165px;
}

.simp_menu ul { 
	list-style:none; 
	margin: 1px 0 0 0;
	padding-left: 1px;
	width: 165px;
}

.simp_menu ul li { 
	 
	margin: 0 0 0px 0px;
	display: block;
	padding: 0;
	text-indent: 0;
}


.simp_menu a:link, .simp_menu a,.simp_menu a:visited,.simp_menu a:active { 
	display: block;
	width: 162px;
	padding: 6px 0px 6px 8px;
	text-decoration: none;
	border-bottom: 1px solid #eee;

	color: #AB343A;
	font-size: 12px;}

.simp_menu a:hover { 
color: #000; 
background-color:#DCDCDC; }

.simp_menu li li { 
	padding: 0px;
	margin: 0;
	text-indent: 10px;
}


.simp_menu li li a:link, .simp_menu li li a,.simp_menu li li a:visited,.simp_menu li li a:active { 
	display: block;
	color: #FFF;
	background-color: #B9B0A7;
	width: inherit;
	padding: 3px 5px 3px 15px;
	text-decoration: none;
	border-bottom: 1px solid #eee;
	font-weight: normal;
	margin: 0;
		background-image: url(../images/bullet.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-indent: 0;
}

.simp_menu li li a:hover { 
	background-color: #A59D92; color: #fff;
	background-image: url(../images/bullet.gif);
	background-position: left;
	background-repeat: no-repeat;
	
}
.simp_menu li li li a:link, .simp_menu li li li a { 
	display: block;
	color: #333;
	background-color: #F0ECE6;
	width: inherit;
	padding: 3px 0px 3px 15px;
	text-decoration: none;
	border-bottom: 1px solid #eee;
	font-weight: normal;
	margin: 0;
		background-image: url(../images/bullet.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-indent: 0;

}
.simp_menu li li li a:active { 
	
}
.simp_menu li li li a:visited { 
	padding: 3px 3px 3px 15px;
	display: block;
	color: #333;
	background-color: #ccc;
	padding: 3px 0px 3px 15px;
	text-decoration: none;
	border-bottom: 1px solid #eee;
	font-weight: normal;
	margin: 0;
	background-image: url(../images/bullet.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-indent: 0;

}
.simp_menu li li li a:hover { 
	background-color: #eee;
	color: #333;
	
}


/* multiple menus, first level */

.mult_menu_0 {
	font-weight: bold;
	font-family: verdana, arial, sans-serif;
	color:#FFFFFF;
	padding-left: 0px;
	padding-right:10px;
	padding-top: 3px;
	padding-bottom: 3px ;  
	font-size: 11px;
	color: #ffffff;
	padding-left: 10px;
	text-indent: 0px; 
	display: inline;
}

.mult_menu_0 ul { 
	list-style:none; 
	margin-left: 0;
	padding-left: 0;
	display: inline;
}


.mult_menu_0 ul li { 
	padding-bottom: 10px;
	padding-right: 10px;
	margin-left: 0  px;
	display: inline;
	
}

.mult_menu_0 a:link { color: #fff; text-decoration: none; }
.mult_menu_0 a:active { color: #fff; text-decoration: none; }
.mult_menu_0 a:visited {color: #fff; text-decoration: none; }
.mult_menu_0 a:hover { color: #8FA4CC; text-decoration: none; }


/* multiple menus, second level */

.mult_menu_1 {
	font-weight: bold;
	font-family: verdana, arial, sans-serif;
	color: black;
	padding: 0px 0px 10px -25px;
	font-size: 11px;
	color: #ffffff;
	padding-left : 0px;
	text-indent: 0px; 
	width: 150px;
}

.mult_menu_1 ul { 
	list-style:none; 
	margin-left: 0;
	padding-left: 0;
}

.mult_menu_1 ul li { 
	padding-bottom: 10px;
}

.mult_menu_1 a:link { color: #022859; }
.mult_menu_1 a:active { color: #022859; }
.mult_menu_1 a:visited {color: #022859; }
.mult_menu_1 a:hover { color: #000 }


/* nested flyout menu */

#container {
	width: 100%;
	text-align: left;
	margin: 1px 0 0 0;
	padding: 0;
	
}

#flyout, #flyout ul {
	/*Change this to make horizontal*/
	width: 100%;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 1px;
	border: solid #555555;
	border-width: 0px;
	z-index: 5;
	margin: 0;
	
	}

#flyout a, #flyout a:link, #flyout a:active, #flyout a:visited {
	color: #fff;
	text-decoration: none;
	padding: 1px 3px 1px 3px;
	font-weight: normal;
	margin: 0 10px 0 0;
	
}

#flyout a:hover {
	color: #fff;
	text-decoration: none;
	padding: 1px 3px 1px 3px;
	font-weight: normal;
	background-color:#444;
	
}


#flyout a.menu_selected {
	text-decoration: none;
	font-weight: normal;
	color: #FFF;
     border-bottom: none;
	}

#flyout a.menu_selected:link {
	color: #FFF;
   	text-decoration: none;
   	border-bottom: none;
	background-color: #0A5C45;
	text-decoration: underline;
	}

#flyout a.menu_selected:visited {
   	color: #FFF;
   	text-decoration: none;
   	border-bottom: none;
	background-color: #0A5C45;
	text-decoration: underline;
	}

#flyout a.menu_selected:hover {
   	color: #fff;
   	border-bottom: none;
   	text-decoration: none;
	background-color: #0A5C45;
	text-decoration: underline;
	padding: 1px 3px 1px 3px;
	}

#step-father {
	background: url(../images/rightarrow.gif) center right no-repeat;
	border: 1px;
	
}

/*Controls Main Level Nav*/

#flyout li {
	
  float: left;
  position: relative;
  width: auto;
  margin: 0em;
  dispplay: inline;
}


#flyout li ul {
  display: none;
  position: absolute; 
  top: 12px;
  left: 0;
  background-color: #0C5B45; 
  padding: 3px;
  width: 12em;
  
	
}

#flyout li li {
	padding-left: 0;
	padding-right: 0;
	left: inherit;
	display: block;
}

#flyout li li a, #flyout li li a:link,#flyout li li a:active,#flyout li li a:visited {
	 width: 10.7em;
	 display: block;
	 padding: 2px 3px 2px 3px;
	
	
}


/*Controls The Position of the 3rd level*/

#flyout li ul ul {
	margin-bottom:0;
	margin-top:-1.2em;
	margin-left:11.9em;
	margin-right:0;
	border-top:0px solid #555555;
	width: 12.5em;
}

#flyout li:hover ul ul, #flyout li:hover ul ul ul, #flyout li.sfhover ul ul, #flyout li.sfhover ul ul ul {
	left: -999em;
	
}

#flyout li:hover ul,  #flyout li.sfhover ul {
	position: absolute;
	display: block;
	
}
#flyout li li:hover ul, #flyout li li li:hover ul, #flyout li li.sfhover ul, #flyout li li li.sfhover ul {
	position: absolute;
	left: 0px;
}

#flyout li:hover, #flyout li.sfhover {
	
	
	
	
	
}
.footer {
	clear: both;
	text-align: center;
	color: #999;
	font-size: 7pt;
	font-weight: normal;

}
.footer a:link {
	color: #999;
	font-size: 7pt;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 0px dashed #CCCCCC;
}
.footer a:visited {
	color: #999;
	font-size: 7pt;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 0px dashed #CCCCCC;
}
.footer a:hover {
	color: #999;
	font-size: 7pt;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dashed #CCCCCC;
}



.module h3 a {
	font-size: 12pt;

	
}

.mosform_group_title {
	color: #555;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 5px;
	text-decoration: none;
	margin-top: 10px;

}
.mosform_error {
 color: red;
}
.pagetext {
	visibility: hidden;
	display: none;
   }
.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... 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 h1 {
	visibility: hidden;
	
}
.sIFR-hasFlash .componentheading {
	visibility: hidden;
}

.sIFR-hasFlash .module h3 {
	visibility: hidden;
	letter-spacing: -6px;
	padding: 0 0 0 0px;
	margin: 2px 0 5px 0;
}


.moduletext {
	font-size: 12px;
	margin: 0 0 2px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #8D7551; 
	
	}
.module h3 {
	font-size: 12pt;
	padding-left: 0px;
	width: 150px;
	margin: 3px 0 3px 0;
	
}
.module h3 a {
	font-size: 12pt;

	
}