/** Orford NH style sheet 
	Copyright 2005 Web Wise Concepts LLC
******************************************/
body, h1, h2 {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	background-color:#FFF;
	color: #000;
	text-align: center; 
	font:100.01% Verdana, Arial, Helvetica, sans-serif;
	min-width: 770px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge */

}
h1{
	color:#ca1111;
	text-align: center;
	font-family: Papyrus, Georgia, "Times New Roman", serif;
	padding-top: 10px;
}
h2, h3 {
	color: #000066;
	line-height: 125%;
	background-color: inherit;
}
.smit {
	padding: 10px;
	font: italic 75% Arial, Helvetica, sans-serif;
	color: #999999;}
cite#irving {
	font-size: 90%;
	color: #D60831;
	margin: 10px;
	}

#wrapper {
	margin: 5px auto;
	width: 770px;
	position: relative;
	border: 1px solid #000099;
	text-align: left;
}

/*Begin laying out the Banner Div*/
#banner {
	width: 770px;
	height: 75px;
	margin-top: 0;
	text-align: center;
	border-bottom: 3px solid #900;
}
#banner img#orford {
	border: none;
	margin: 10px 0;
	}
img#usa {
	margin: 30px 50px 40px 70px; }

/*Begins laying out the content area */
#container {
	border-top: 3px solid #00C;
	margin-top: 3px;
	margin-bottom: 3px;
}
#content {
	margin: 10px 0 20px 8px;
	width: 560px;
	}
#content ul li{
	font-size: 90%;	}
ul.list, ul.list_exp {
	font-size: 90%; }
ul.list li {
	padding-bottom: 3px;
	list-style: circle url(../images/arrowright.gif);
}
ul.list_exp li {
	list-style: none;
	line-height: 1.45;}
#info, #tour {
	margin: 20px;
	background-color: #ffffff;
	width: 600px;}

/*sets the content text*/
#info p, #content p, #tour p {
	font-size: 80%;/*scales the font to 80% of the default set int he body selector*/
	margin: 20px 0 0 20px;/*sets the required margins on the p element*/
	padding: 0;/*zeroes the padding*/
	color: #333333;/*sets the color for the text*/
	line-height: 140%;/*set a line height for easier reading*/
	text-align: left;
}
#tour p {
	text-align: center;
	}
span.links {
	color: #333333;
	font-size: 80%;
	}
/*sets the styling for the h1 element within the content div*/
#info h1, #content h1, #tour h1 {
	color: #000066;/*sets the text color for the h1 text*/
	font-size: 130%;/*scales the text size against the body selector default*/
	margin: 10px 15px 0 10px;/*sets the margins on the h1*/
	padding: 0 0 1.5em 0;/*sets the padding on the h1 element*/
}
#content h1 {
	background: url(../images/splash.gif) no-repeat top;
	text-align: center;
	color: #fdfdfd;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
#content h3 {
	font-size 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 15px;
	font-style: italic;
	}
h4 {
	font: bold 90% Georgia, "Times New Roman", Times, serif ;
	margin: 0 15px;
	padding: 5px;
	background: #000099; color: #fdfdfd;
	}
#content h2, #info h2, #tour h2 {
	font-family: Georgia, "Times New Roman", Times, serif;/*sets the font face*/
	margin: 15px 15px 0 10px;/*sets the margins on the h2*/
	padding: 20px 0 3px 0;/*sets the padding on the h2 element*/
	font-size: 120%;
}
#content h2#directory{
	font-size: 90%;
	padding-bottom: 25px;
	}
#content #resources {
	font-size: 90%;
	margin:0;
	padding-left: 10px;
	}
a:link {
	text-decoration: none;
	}
/*sets the boxes in the right column, note no width set on the boxes, the width is determined by the margin settings*/
.boxes {
	background-color: transparent;/*no background color required, allow the wrapper background  to show through*/
	border: 1px solid #D60831;/*adds a border around the boxes*/
	margin: 10px 5px 10px 5px;/*set the margins, these margins position the boxes within the nvabox container*/
   padding-bottom: 3px;/*add a little clearance below the final paragraph in each of the side boxes*/
}

/*sets the style for the title in each of the boxes in the right coloumn*/
.boxes h3 {
	font-size: 90%;/*scale the font size off the body selector setting*/
	background-color: #D60831;/*set the background color*/
	margin: 0;/*zero the margins*/
	padding: 2px 0 2px 0;/*set padding to the top and bottom, zero the left and right margins*/
	font-family: Georgia, "Times New Roman", Times, serif;/*set the font face*/
	text-align: center;/*set the text alignment to center*/
	border-bottom: 1px solid #000099;/*set a defining edge between the h3 and the p content below it by adding a border*/
	color: #fff;/*set the h3 text color to white*/
}

/*styles the text content in each of the boxes in the right column*/
.boxes p {
	font-size: 70%;/*scale the font size of the default on the body selector*/
	margin: 5px 3px 3px 5px;/*set margins to keep the text away from the borders*/
	padding: 0;/*zero off the padding*/
	line-height: 130%;/*set a line height for easier reading*/
	background-color: transparent;/*no background color required, allow the wrapper background  to show through*/
}
/*sets out the main right hand column that the boxes are contained within*/
#navbox {
	clear: both;
	float: right;/*floats the navbox container to the right of the page*/
	width: 180px;/*set the width for IE 5.x*/
	w\idth: 175px;/*set the width for other browsers*/
	margin-right: 3px;/* for IE takes into account misplacement with a float bug*/
	border: 1px solid #D60831;/*set a border around the div*/
	margin-bottom: 20px;/*set a margin on the bottom*/
	margin-top: 10px;/*move the div down 10 pixels from the banner*/
	background: transparent url(../images/bkgrd.gif) no-repeat ;
}

/*Fix the right margin for good browsers from the right margin hack in the above selector*/
html>body #navbox {
   margin-right: 8px;/*correctly align the margin for good browsers after the hack in the rule above*/
}

/*set the h2 styles*/
#navbox h2 {
	font-size: 95%;/*scale the font size from the default in the body selector*/
	background-color:#D60831;/*set the background color*/
	margin: 4px 5px 6px 5px;/*set the margins on the h2*/
	padding: 2px 0 2px 0;/*set the padding on the h2*/
	font-family: Georgia, "Times New Roman", Times, serif;/*set the font family*/
	text-align: center;/*align the text to the center*/
	border: 1px solid #D60831;/*set a 1 pixel boreder around the h2*/
	color: #fff;/*set the text color to white*/
}

/*Begin styling the navigation*/
#navbox ul {
	list-style-type: square;/*set the appearance of the bullet*/
	list-style-position: inside;/*set the list position to inside*/
	padding: 5px 0 5px 8px;/*set the padding on the ul*/
	margin: 0 3px;/*set the margin on the ul*/
	color: #000099;/*set the text color - this provides the title to each of the link sub divisions, for instance: About Us, Getting Involved, Contact Us*/
	font-weight: bold;/*sets the font weight to bold*/
	background-color: transparent;/*no background color required, allow the wrapper background  to show through*/
}

/*sets the styling of li element*/
#navbox ul li {
	padding: 0;/*zeroes the padding*/
	margin: 0;/*zeroes the margins*/
	line-height: 150%;/*set the line-height*/
	font-size: 70%;/*scales the font size to 70% of the default on the body selector*/
}

/*styles the nested ul element that contains our navigation links*/
#navbox ul li ul {
	padding: 0 0 0 8px;/*zero the padding to 3 sides and 8px to the left*/
	border: none;/*declare none to prevent inheriting a border*/
}

/*styling the li in the nested ul*/
#navbox ul li ul li {
	padding: 0;/*zero the padding*/
	margin: 0;/*zero the margins*/
	line-height: 120%;/*set the line height*/
	font-size: 100%;/*increase the font size in relation to the parent ul*/
}

/*start laying out the links styles on the nested list*/
#navbox ul li a {
	color: #000099;/*set the link color*/
	text-decoration: none;/*remove the underline*/
}

#navbox ul li a:hover, #navbox ul li a:focus {
	color: #D60831;/*set the hover and focus text color*/
}

/*styles the links in each of the boxes in the right column*/
.boxes a:link, .boxes a:visited {
	color: #0000ff;/*set the link color*/
	font-weight: bold;
}

/*styles the link hover and focus states in each of the boxes in the right column*/
.boxes a:hover, .boxes a:focus {
	color: #D60831;/*set the text color*/
	text-decoration: none;/*remove the underline*/
	font-weight: bold;
}

/*float styles for the images in the content div*/
.left {
	float: left;/*float the image to the left*/
	margin: 5px 10px 10px 0;/*set a margin to the top and right to give clearance against the text the top margin aligns the image with the top of the p element*/
	font-size: 80%;
}

.right {
	float: right;/*float the image to the right*/
	margin: 5px 10px 0 10px;/*set a margin to the top and left to give clearance against the text the top margin aligns the image with the top of the p element*/
}

/*begin laying out the footer div*/
#footer {
	clear: right;/*ensures the footer is always placed below the right column no matter what its contents dictate*/
	font-size: 70%;/*scale the font size off the body element*/
	text-align: right;/*align the footer text to the right*/
	margin-top: 20px;/*set a margin on the top of the footer*/
	border-top: 3px solid #00C;
}

#footer ul {
	padding: 2px 0 4px 0;/*sets the padding on the ul gives a little space around the li elements*/
	margin: 0;/*zero off the margins*/
}

#footer p {
	padding: 3px;
	margin: 0;
	color:#999999;
	border-top: 1px solid #0000FF;
	border-bottom: 1px solid #0000FF;
	background-color: #FFFFFF ;
	font-size: 80%;
}

#footer ul li {
	padding: 4px;/*2px 4px 2px 2px; sets the padding values*/
	margin: 0;/*zeroes off the margins */
	display: inline;/*sets the list to display inline*/
	font-size: 80%;
}


#footer a {/* Styles the links within the footer */
	color:#0000FF;/*sets the text to white*/
	text-decoration: none; /*removes the underline*/
}

#footer a:hover, #footer a:focus {
	text-decoration: none;/*removes the underline*/
}
/*Start laying out the index page  */
#front {
	width: 770px;/*set a width */
	margin-top: 0; /*20px;sets a margin to the top*/
	text-align: center;/*centers the text*/
	padding-top: 20px;
}

/*styles the h1 on the index page*/
#front h1 {
	font-size: 120%;/*scale the font size*/
	font-family: Georgia, "Times New Roman", Times, serif;/*set the font family*/
	margin: 10px 15px 0 0;/*set the margins*/
	padding: 0 0 20px 0;/*set the padding*/
	color:#0000FF;/*set the text color*/
	font-weight: 500;/*sets the font weight a little less than bold*/
}
/* the following styles are used on the home page only */
#floatcontainer h2 {
	background: #ca1111;
	color: #ececec;
	text-align: center;
	font-family: Papyrus, Georgia, "Times New Roman", serif;
	margin-bottom: 15px;
}
#floatcontainer {/*this container holds the boxes at the bottom of the index page*/
	width: 770px;/*set a width*/
	height: 400px;/*set a height for the container*/
	padding-left: 2px;
	}
.floatboxes {/*set up the floated boxes - these are held within the above selector*/
   width: 246px;/*set a width for IE pc*/
	w\idth: 248px;/*set the width for good browsers*/
	height: 390px;/*set a height for the four boxes so they remain consistent*/
	margin:  0 2px;/*set the margins for IE5.5*/
	ma\rgin: 0 2px;/*set the margins for IE 6 and other browsers allows for a float bug in IE 6*/
	float: left;/*float them to the left*/
	background-color:#ffffff;
	overflow: auto;
	padding-top: 10px;
	padding-left: 1px;
	}
/* This selector fixes the horizontal scroll in IE Mac and would be seen by IE 5.01 PC except for the escape characters */
.floatboxes p {/*style the text in the boxes*/
	font-size: 80%;/*scale the font size off the body selector*/
	margin: 5px;/*set a margin to all four sides of 5 pixels*/
	padding-bottom: 4px;/*adds padding to the bottom of the p element*/
	line-height: 1.5;
	}
#img1, #img2, #img3, #img4 {
	padding-left: 15px; /*centers the image in the box*/
	}
#hwelcome {
	background: url(../images/photos/history.jpg) no-repeat top;
	padding-top: 130px;
	}
#cwelcome {
	background: url(../images/photos/community.jpg) no-repeat top;
	padding-top: 130px;
}
/*set the links in the boxes*/
.floatboxes a, #content a {
	color: #000099; /*set the text color*/
	font-weight: bold;
	}
.floatboxes h2 a {color: #ececec;}
.floatboxes a:hover, .floatboxes a:focus, #content a:hover, #content a:focus {
	color:#D60831;/*set the text color on hover and focus*/
	background-color: #ffffff;/*set the background color*/
	text-decoration: none;/*remove the underline*/
	font-weight: bold;
	}


/*create a marker to show the user where in the site they are at any given time*/
.youarehere {
	color:#999999;/*set a link in the navigation to this class to show where the user is - remove the link and apply this class to the li tag*/
	}

/**** table styles ****/
table#business, table#pamphlets {
	margin-top: 25px;
	margin-left: 10px;
	padding: 10px 5px;
	width: 95%;	}
table.minutes {
	margin-top: 25px;
	margin-left: 10%;
	padding: 10px 5px;
	width: 70%;}
table#business caption, table#pamphlets caption, table.minutes caption {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 100%;
	color: #fff;
	line-height: 1.2;
	background-color: #0000ff;
	margin-top: 20px;
	}

table#business th, table#pamphlets th, table.minutes th {
	text-align: center;
	}
table#business th, table#business td.item, 
table#pamphlets th,
table.minutes th {
	font-size: 80%;
	font-weight: bold;
	padding: 3px;
	}
table#business td, table#pamphlets td, table.minutes td{
	font-size: 80%;
	font-weight: normal;
	padding: 3px;
	vertical-align: top;
	}
th {
	color: #fdfdfd; background-color:#d60831;}

td.chgcolor {
	background: #CCCCFF;}

/****** Description styles *****/
dl {
	text-align: left;
	margin: .5em 0.5em;
	}
dt {
	font-size: 90%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	}
dd {
	font-size: 80%;
	font-weight: normal;
	line-height: 1;
	padding-bottom: 10px;
	}
dd.red {
	color: #D60831;
	font-size: 85%;
	margin-bottom: 5px;
	}
	
#attention {
	color: red;
	line-height: normal;
	font-weight: bold;
	margin: 25px 0;
	}
/****** List styles ***/
.albumlist {
	list-style-type: none;
	width: 458px;
	}
.albumlist li {
	float: left;
	margin-right: 6px;
	margin-bottom: 10px;
	}
.albumlist img {
	display: block;
	border: none;
	}
ol li {
	font-size: 80%;
	line-height: 1.25;
	}
.clears { 
	clear: left;
	padding-top: 10px;
	}
div.crumb {
	font-size: 65%;
	margin: 25px 0 15px 50px;
	}
/****** sponsor styles ******/
.enhanced, .basic {
	border: thin solid #999999;
	margin: 25px 10px;
	padding: 3px;
	width: 425px;
	}
.basic {
	border-top: none;
	border-right: none;
	border-left: none;
	}
p#business {
	font-weight: bold;
	margin: 3.5em;
	padding-bottom: 25px;
	border-bottom: medium solid #D60831;
	}


/**** Form layout ****/
form dt { /* allows form controls in dd tags to align to the right */
	float: left;
	width: 25%;
	font-size: 70%;
	}
form dd {
	margin-top: 10px; /* used to align form control with dt tag */
	margin-left: 25%; /* used to keep all lines left aligned */
	font-size: 70%;
	}
form legend {
	font-size: 95%;
	font-weight: bold;
	color:#0000FF;
	}
form p {
	font-size: 80%;/*scale the font size against the body selector*/
	margin: 0 0 20px 0;/*set a 20 pixel margin on the bottom, zero the rest*/
	padding: 0;/*zero the padding*/
}

/*style the inputs*/
form input {
	border: 1px inset #cccccc;/*set a border on the inputs - gives them an inset appearance*/
	margin: 0;/*zero off any margins*/
}


/*style the textarea*/
formtextarea {
	background-color: #B3C184;/*set the background color*/
	color: #556660;/*set the text color*/
	border: 1px solid #4C5854;/*add a border to give it a flat appearance*/
}

/* shows focus in the form inputs and textarea */
form input:focus, form textarea:focus {
	background-color:#0000FF; /*set the background color of the input and textarea when the cursor is inside*/
   color: #fff; /*set the text color to white*/
}
form#buttons {
   background-color: #ccffff;/*set the background color of your form buttons*/
   color: #fff;/*set the text color to white*/
   width: 80px;/*provide a width*/
   margin-top: 20px;/*set a 20 pixel top margin to give some "air" below the inputs*/
}
ul.downloads {
	font-size: 85%;
	list-style: none;
	margin-left: 25px;
}
ul.downloads li{padding: 4px 0;}

.gallerycontainer{
	position: relative;
	height: 450px;
	margin-top: 1em; margin-bottom: 3em;}
.gallerycontainer p {
	padding: 5px;
	font-size: 75%; font-style: italic;}
.thumbnail img{
	border: 1px solid white;
	margin: 0 5px 5px 0;}
#dynloadarea {
	border: 1px dashed #d06319;
	padding: 5px;
	width: 503px;
	height: 296px;
	position: absolute;
	top: 5px;
	left: 181px;
}
#groups {margin-bottom: 25px;}
h3.handcursor {
	font-size: 90%;
	margin: 5px;
	
	}
.hilite {
	font-size: .7em;
	font-style: italic;
	color: #CE4242;
	font-weight: bold;
	padding: 0 3px;
}
/* Print Styles -------------------- */
@media print {
#navbox { display: none; } /* sets div not to print */}