body {
	background: #97C23D;
	background-image: url(/images/bkg-page.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;	
	text-align: center;
	margin: 5px auto 78px auto;
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
	/*font-family: Verdana, Arial, Helvetica, sans-serif; */ /*will this take care of all sub sections inc tables? */	
}

.pagewrapper {
	width: 770px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	position: relative;
}


/*#header {width: 770px; height: 110px; background-image:url('/images/snhp-banner-2008.gif');} */
#header {width: 770px; height: 180px; background-image:url('/images/snhp-banner-spring.jpg');} 
/*#header {width: 770px; height: 180px; background-image:url('/images/snhp-banner-summer.jpg');} */
/*#header {width: 770px; height: 180px; background-image:url('/images/snhp-banner-autumn.jpg');} */
/*#header {width: 770px; height: 180px; background-image:url('/images/snhp-banner-winter.jpg');} */

/*Start General Nav */
#generalnav {
	position: absolute;
	height: 30px;
	top: 0px;
	left: 294px;
	text-align: right;
	font-size: 8pt;


	width: 476px;
}

#generalnav li {
	display: inline;
	padding: 0;
	height: 19px;
	background: #ccc;

}

#generalnav a, #generalnav a.visited, #generalnav a.active {
	font-size: 8pt;
	font-weight: bold;
	color: #333399;
	text-decoration: none;
	margin: 5px 0 30px 10px;	
	
	
}

#generalnav a:hover {
	color: #FF9933;
}

/* End General Nav */

/* Start Content Area Formatting */
#contentwrapper {
	color: #000000;
	background: #fff;
	margin: 0;
	
	position: relative;
	
/*	width: 100%;  why does commenting this out screw up the colors of the h1 and first para of the homepage and the menu on all pages in IE???? including it blows out all pages on FF and Opera, and all but home on IE*/
}


/* Start Menu */
#navbar {
	/* background: #99CC66; */
	background: #A7D323;
	background-image: url(/images/bkg-nav.gif);
	background-repeat: repeat-x; 
	margin: 0;
	padding: 0 0 3px 0;
}

#menu {
	text-align: right;
	margin: 0;
	padding: 0;
}

#menu li {
	display: inline;
	padding: 0;
	margin: 0;
}

#menu li:hover {
	color: #FFFFFF;
	background: #FF9900;
	background-image: url(/images/bkg-h2.gif);
	background-repeat: repeat-x; 	
}


#menu A {
	color: #FFFFFF;

	font-size: 10pt;
	font-weight: bolder;
	text-decoration: none;
	
	padding: 2px 10px 3px 10px;
}

#menu A:active, #menu A:visited {
	color: #FFFFFF;
}

#menu A:hover {
	color: #FFFFFF;
	background: #FF9900;
	background-image: url(/images/bkg-h2.gif);
	background-repeat: repeat-x; 		
}
/* End Menu */

#content {

	font-size : 10pt;
	color: #000000;
	background: #ffffff;
}

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


#content {display: inline-block;} /*fix for IE issue on detail if text is shorter than floated image */

#bottomdivider {
	width: 740px;
	font-size: 6pt;
	margin: 0;
	padding: 0;
}

#content P, #content table P {

	font-size: 10pt;
	color: #000000;
	margin: 5px 0px;
	padding: 0;
}

#content .smalltext {
	font-size: 8pt;
}
/* End Content Area Formatting */


/* Start Footer Formatting */
#footer {
	margin: 0;
	padding: 0;
	width: 770px;
	position: relative;
	text-align: right;
}

#footertab {
	background: White url(images/_footer-icon.gif) no-repeat bottom;
	width: 295px;
	height: 69px;
	margin: 0px;
	padding: 0px;
	float: right;
	
	vertical-align: bottom;
}

#footertext {
	margin: 0;
	text-align: left;
	padding: 0 40px 10px 15px;

	font-size: 7.5pt;
	color: #666666;
}

#footertext a, #footertext a:visited, #footertext a:active{
	font-size: 7.5pt;
	color: #666666;
	text-decoration: underline;
}
/* End Footer Formatting */


/* Start General Page Element Formatting */
#content a:hover {
	color: #FF9900;
}
H1 {
	font-size: 13pt;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	color: #333399;
}

#content H1 A, #content H1 A:Visited, #content H1 A:Active {
	color: #333399;
	text-decoration: none;
}

H2 {
	font-size: 10pt;
	color: #FFFFFF;
	/* background: #FF9900;*/
	background: #FFA61E;
	background-image: url(/images/bkg-h2.gif);
	background-repeat: repeat-x; 	
	padding: 0px 4px 2px 4px;
}

#content H2 A, H2 A:active, #content H2 A:visited, #content H2 A:hover {
	color: #FFFFFF;
	text-decoration: none;
}

H3 {
	font-size: 10pt;
	color: #333399;
	padding: 0;
	margin: 10px 0 0 0;
}

UL {
	margin-top: 5px;
	margin-bottom: 5px;
}


ABBR {
	border: 0px;
}



.leftphoto {
	margin: 0 10px 0 0;
	padding: 0;
	position: relative;
	float: left;
}

.rightphoto {
	margin: 0 0 0 10px;
	padding: 0;
	position: relative;
	float: right;
}

.nowrap {
 	white-space: nowrap; 
}

input.button { /*not used yet, but should be used by forum */
	color: #FFFFFF;
	font-size: .9em;
	font-weight: bold;
	background: #FF9900;
	border: 1px solid #333399;
	padding: 0px 2px;
	margin-top: 15px;
}


/* Start Specific Element Formatting */
#logo, #homelogo {
	margin: 0;
	vertical-align: bottom;



/* 	border-top: 20px solid #fff; - Add for top menu */
}



/* advertising wrappers */
#adwraptop, #homeadwraptop {
	position: absolute;
	height: 66px;
	top: 0px; /*****************************************************change to 20 to support top menu */
	left: 294px;
	margin-left: 8px;
}

#adwrapbottom {
	position: absolute;
	top: 7px;
	left: 0px;
}

#adwrapbottom IMG, #adwraptop IMG {
	border: 0;
}



/* for home page */


#homeadwraptop {
	left: 290px;
	margin-left: 0px;
}

#homerightphoto {
	margin: 0 0 10px 25px;
	padding: 0;
	float: right;
	border: 0px;
}

#hometopleft  {

}	

/* Divider for top and bottom */
.clear {
	clear: both;

}

/*Home Left Column */

.homeleft {
	width: 525px;
	margin-top: 0;
}

.h2left {
	background: #FF9900;
	margin-top: 0px;
	width: 525px;
	margin-right: 0px;
}

/* Home Right Column */

#contentright {
	font-size : 10pt;
	color: #000000;
	width: 195px;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	padding-right: 0px;
	
	float: right;
	position: relative;
}

#contentright h2 {
	/* background: #FF9900; */
	background: #FFA61E;
	background-image: url(/images/bkg-h2.gif);
	background-repeat: repeat-x; 		
	margin: 0;
}


#ZZZcontentright p { /*not used because of events table. Save just in case */
	margin: 5px 2px 2px 0px;
	font-size: 9pt;
	padding-left: 5em;
	text-indent: -4.75em;
}



#twitter_update_list li {
		margin: 5px 0;
}


#content #homeeventstable {
	width: 195px;
	padding: 10px 0 0 0;
}

#homeeventstable td {
	padding-bottom: 7px;
}
 
#addlinkp {
 	text-align: right;
}
#addeventslink {
	padding-left: 5px;
	text-indent: 0;
	font-size: 8pt;
}

/* For Resources Page */

.resourcesfeature {
	margin-bottom: 10px;
}

.resourcereview {
	margin-top: 10px;
}

.resourcestable li {
	margin-bottom: 10px;
}

/* For Resources Detail */

#resourcedetails { width: 750px;}


.country-name {display: none;}

#ReviewFormFields {
	width: 680px; padding: 10px; margin-bottom: 1px;
	font-weight: bold; font-size: 10pt;
	background: #FBFBFF;
	border: 1px solid #333399;
	margin-top: 20px;
}

label {
	width: 8em;
	font-weight: bold;
	float: left;
	margin-top: 5px;
}
.required {
	color: #CC3333;
}
.inputfield, #Rating {
	width: 10em;
	border: 0px;
	border: 1px solid #333399;
	margin-top: 5px;
	padding: 3px;
}

.inputfield {
	width: 25em;
}

#ReviewText {
	width: 600px;
	border: 1px solid #333399;
	margin-top: 5px;
	padding: 3px;
}

#MReset, #MSubmit { /* also on resources form */
	width: 6em;
	color: #FFFFFF;
	font-size: .9em;
	font-weight: bold;
	background: #FF9900;
	border: 1px solid #333399;
	padding: 0px 2px;
	margin-top: 15px;
}
#Name {
	background: #FBFBFF; border: 0;
}
	
.alert {
	color: #FF0000;
}

/* For Resources Form */

fieldset {
	border: 0;
	margin-bottom: 15px;
}

legend {
	font-size: 105%;
	font-weight: bold;
	color: #FF9900;
}

label {
	font-weight: bold;
	font-size: 100%;
}

#info label, #personalinfo label {width: 180px; font-weight: bold; float: left; margin-top: 5px;}
#info {float: left; padding-left: 20px; padding-right: 20px;}
.required {color: #CC3333;}
.fakelabel {font-weight: bold;}
#info .inputfield, #State, #Submitteremail, #SubmitterName, #Resource_Relationship {width: 200px; margin-top: 5px; border: 1px solid #333399;}
#options {width: 260px; border-left: 1px solid #333399; padding-left: 20px; float: right;}
#Description {width: 380px; border: 1px solid #333399; padding: 3px;}

#personalinfo {margin-left: 20px;}

#formbuttons {margin-left: 20px;}

#tablecategories {width: 360px; margin: 0; padding: 0;}

.smalltext {font-size: 6pt;}


/* For Articles */

#ArticleNav {margin-top: 25px;}