body{ 
	font: 10pt Verdana, Genera, Arial, Helvetica, Sans-serif;
	text-align: center; 
	background-color: #002040; 
	/** background-image: url('../../images/BlueDiagSmall.png'); **/
	background-attachment: fixed; 
	min-width: 800px; 
	font-size: 10pt !important;
	margin: 0;
}

a, a:link, a:visited, a:active { color: #406080; text-decoration: none;}
a:hover {text-decoration: underline;}
a.anchor { color: #404040; text-decoration: none;}

/* these links are for use in the front page, so the color is not the default gray-blue*/ 
.class1 a:link { color: #ffffff; text-decoration: none;}
.class1 a:visited { color: #ffffff; text-decoration: none;}
.class1 a:active { color: #ffffff; text-decoration: none;}
.class1 a:hover {color: #406080; }
.class1 a.anchor { color: #404040; text-decoration: none;}

#maindiv {
	margin-left: auto;
	margin-right: auto;
	background-color: #f0e0c0;
	width: 780px;
	/*height: 800px;*/
	color: #fff;
}
#dataresults {
	margin-left: auto;
	margin-right: auto;
	background-color: #f0e0c0;
	width: 1200px;
	/*height: 800px;*/
	color: #fff;


}

#navcontainer {
	margin-left: auto;
	margin-right: auto;
	background-color: #002040;
	height: 60px;
	color: #fff;
}


#header { 
	background-color: #f0e0c0; 
	background-image: url('../../images/banners/banner_3sisters2.jpg');  /** url('../../images/GMNHBannerInvert.jpg')**/
	height: 125px; 
	color: #002040;
}
html>body #header
{
height: auto;
min-height: 125px;
}


#main_image {
	float: right;
	text-align: right;
	height: 200px;
	width: 780px;
	background-color: #fff;
}


#content {
	padding: 0 10px 10px 10px;

	width: 760px;
	background-color: #f0e0c0;
	color: #404040;
	text-align: left;
}

html>body #content
{
width: auto;
min-width: 760px;
height: auto;
min-height: 40px;
}


#footer {
	width: 780px;
	height: 50px;
	padding: 10px 0 0 0;
	margin-left: auto;
	margin-right: auto;
	background: transparent url('../../images/misc/footer.png') no-repeat;
}

#trailer {
	width: 780px;
	height: 30px;
	padding: 0px 0 0 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #002040;
	
}

#trailer2 {
	width: 780px;
	height: 30px;
	padding: 0px 0 0 0;
	margin-left: auto;
	margin-right: auto;
}

#trailer3 {
	width: 780px;
	height: 40px;
	padding: 10px 10 10 10;
	margin-left: auto;
	margin-right: auto;
}

/***** front page *****/

    
/*** this sets the header for the front page panels ***/
div.fp_article_heading {
	margin: 0;	
	padding: 6px;
	background-color: #002040;
	text-align: center;
	font-size: 16px !important;
	color: #fff;
}

/*** this sets the size of the image for the front page panels ***/
div.fp_article_div {
	margin: 2px;
	padding: 2px;
	float: left;
	width: 245px;
	height: 300px;
	font-size: 10pt !important;
}


/*** this sets style for lists ***/
div.list {
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 10pt !important;
}
		.list ul li{

			padding: 4px;
			margin-top: 3px;
			margin-bottom: 3px;
 			color: #404040;
			font-size: 10pt !important;
		}
/*** CSS for slider ****/
#slider, slider li {
    width:750px;
	overflow:hidden; 
}
#slider img{
    border:none;
}
#slider ul, #slider li{
    position:relative;
    margin:0;
    padding:0;
    list-style:none;
	display:block;
}

/***** General Divs for maintaining min-height *****/
#prop { height: 500px; width: 1px; background-color: transparent; float: left; }
html>body div.prop {width: 30em}

#prop2 { height: 500px; background-color: transparent; float: left; }
div.clear { clear: both; height: 1px; overflow: hidden; }

#quicklinks { float: left; list-style-type: none; padding: 0; margin: 0; height: 80px; overflow: hidden;}
#quicklinks li { background-color: #fff; color: #002040; width: 141px; text-align: left; margin: 4px 0 4px 0;}
#quicklinks li:hover { background-color: #002040; color: #fff; }

/***** Front Page Image Styles *****/
#fpimage_container { position: relative; height: 200px; width: 640px; float: right; }
#fpimage { position: absolute; top: 0px; left: 0px; }

/***** Main Page Panes *****/
#front_modules { width: 756px; height: 400px; }
#front_modules .fppane { width: 246px; float: left; height: 425px; margin: 3px 3px 3px 0; border: solid 1px #002040; }
#front_modules .fppane .header { font-weight: bold; height: 25px; background-color: #002040; color: #fff; font-size: 12pt !important; text-align: center; padding-top: 2px;}
#front_modules .fppane .paneimage { width: 246px; height: 125px; }
#front_modules .fppane p { margin: 5px; }

/***** Paragraphs *****/
p.title { margin-top: 4px; margin-bottom: 2px; font-weight: bold; font-size: 14pt !important; }
p.title2 { margin-top: 10px; margin-bottom: 10px; font-weight: bold; font-size: 14pt !important; text-align: center;}
p.trailer  { margin-top: 0px; margin-bottom: 0px; font-size: 10pt; color: #fff;}
p.trailgrey  { margin-top: 0px; margin-bottom: 0px; font-size: 85%; color: #808080;}
p.center {text-align: center;}
p.center2 {margin-top: 15px; margin-bottom: 15px; margin-left: 15px; margin-right: 15px; color: #002040;text-align: center;}
p.center3 {margin-top: 15px; margin-bottom: 15px; margin-left: 15px; margin-right: 15px; font-size: 11pt !important; color: #002040;text-align: center;}
p.general {margin-top: 10px; margin-bottom: 10px; margin-left: 15px; margin-right: 15px; color: #002040; text-align: left;}
p.general2 {margin-top: 10px; margin-bottom: 10px; margin-left: 15px; margin-right: 15px; font-weight: bold; font-size: 10pt !important;  color: #002040; text-align: left;}
p.gray {margin-top: 10px; margin-bottom: 10px; margin-left: 15px; margin-right: 15px; text-align: left;}

p.bc1{
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14pt !important;
	color: #990000
	}
	
p.bc2{
	text-align: left;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 5px;
	margin-right: 15px;
	font-size: 10pt !important;
	color: #333333
	}
	
p.bc3{
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 12pt !important;
	color: #000060
	}
	
/***** evaluation form styles *****/

table.contact { width: 600px; margin-left: auto; margin-right: auto; }

table.contact td { font-size: 11pt !important; padding: 5px; }

input.eval { border: solid 1px; width: 425px; }

input.invalid { border: solid 2px; width: 425px; background-color: #c99; }

textarea.eval { border: solid 1px; width: 425px; }

textarea.invalid { border: solid 2px; width: 425px; background-color: #c99; }

input.sub  { border: solid 1px; width: 425px; background-color: #A0C0FF; }	


/***** Ajax *****/
.ajax-loading { background:  #ccc url('../../images/misc/ajax-loading.gif') no-repeat; }

/***** Misc *****/
.center { margin: 0 auto 0 auto; }
