@import url('menu.css');
/* 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,  .componentheading h1 {
	font-size: 18pt;
	font-weight: bold;
 	color: #000000;
	text-align:left;
	margin: 0em 0 .2em 0;
	font-family: "Trebuchet MS", Arial;
}	
.contentheading, .componentheading {

}
h3 a {
	color: #555; font-family: Arial, Helvetica, sans-serif;
	font-size: 22px; font-weight: bold;
	}


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: #114101; 
	font-weight: bold;
	text-decoration: underline;
	font-family:  Arial, Helvetica, sans-serif;
	}

a:hover {
	font-size: 13px; 
	color: #000; 
	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 45px;
	width: 580px
	
	
}
.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; }



.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;
}

h3 {
	font-size: 10pt;
	padding-left: 0px;
	margin: 3px 0 3px 0;
	
}

.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 .moduletext{
	visibility: hidden;
	letter-spacing: -6px;
	text-align: left;
	text-size: 20px;
	
}


.moduletext {
	font-size: 20px;
	margin: 0 0 0 12px;
	
	}
#module h3 a {
	font-size: 30pt;
	padding-left: 0px;
	width: 150px;
	margin: 3px 0 3px 0;
	color:#333333;
	
}

img {
	border: 3px solid #EEEBDC;
	padding: 1px;
}

a:hover img {
	border: 3px solid #D4B404;
	padding: 1px;
}



#module h3 a:link, a:visited  {
	font-size: 12pt;
	color: #114101; 
	text-decoration: none;
	}
.questions {
	padding-bottom: 20px;
	}
	
a {
outline: none;
}	

form {
width: 450px;
margin-left: 15px;
}
form p{
font-size: 100%;
}

/* fieldset styling */

fieldset {
margin: 1em 0; /*  space out the fieldsets a little*/
padding: 1em;
border : 1px solid #ccc;
}

/* legend styling */

legend {
font-weight: bold;
color: #2c6015;
}

/* style for  labels */

label {
float: left;
width: 10em;
}
.explanatory {
display: block;
text-align: left;
width: auto;
float: none;
}

/* style for required labels */

label .required {
font-size: 0.9em;
font-style: normal;
color:#FF0000;
}
input#author, input#email, input#address1, input#address2, input#city, input#state {
width: 250px;
}
input#zip, input#phone1, input#phone2 {
width: 100px;
}