body { 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#ECE9D8;
	color:#000000; 
	width: 785px;
	margin-right: auto;
	margin-left: auto;
	}

/* main and content are both divs wrapping the body 
	content of the general site (interior) pages */

#main {
    width: 785px;
	height: 100%;
	border-left: inherit;
	border-right: inherit;
	border-top: 25px;
	border-width:0px;
	background-image: url(../images/bg3.gif);
	margin: 0px;
	padding: 0px;
	}

#content {
    margin-left: 0px;
    width: 785px;
	line-height: 135%;
	border-right: inherit;
	border-left: inherit;
	}


/* header div contains the pictures on the interior pages */

#header {
	text-align: center;
	z-index: 0;
	padding-top: 5px;
	}

.picture {
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	}

/* topNavBlock is home, contact us and site map */

#topNavBlock {
  	width: 100%;
  	height: 100px;
  	color:#000000;
  	margin-right: auto;
  	margin-left: auto;
  	z-index: 99;
	}

#topNavImage {
	float:left;
	width: 466px;
	height: 93px;
	margin-left: 35px;
	border: 0px;
	padding: 0px;
	}

#topNavLinks {
	float:right;
	width: 200px;
	height: 30px;
	margin-top: 70px;
	top: 192px;
	}

#topNavLinks a {
	text-decoration: none;
	color: #6e88A1;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	background-color:#FFFFFF;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-top-width: medium;
	}

#topNavLinks a:hover, #midNav a.active {
 	color:#000000;
	text-decoration: none;
	text-align:center;
	}
	
/* topHomeNavLinks, below, is for the Home / Splash page: Contact | Site Map */

#topHomeNavLinks {
	float:right;
	width: 200px;
	height: 30px;
	margin-top: 10px;
	top: 192px;
	}

#topHomeNavLinks a {
	text-decoration: none;
	color: #ffffff;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	background-color:#333333;
	
	}

#topHomeNavLinks a:hover, #midNav a.active {
 	color:#6e88A1;
	text-decoration: none;
	text-align:center;
	}



/* leftNav, buttonsContainer and buttons are all for the left-navigation 
	on interior sections of the site. We would have preferred to avoid
	the absolute positioning stuff we have here, but that was impossible
	due to browser compatibility issues. In particular, Internet Explorer
	on Windows goes nuts with varying numbers of 'buttons' in the left 
	navigation - the top margin of the body would move around dramatically.
*/

#leftNav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	text-indent: 20px;
	width: 170px;
	}

#buttonsContainer {
	float: left;
	width: 200px;
	padding-top: 10px;
	visibility: visible;
	left: 0px;
	}

#buttons a {
	color: #6e88A1;
	font-weight:bold;
	padding: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	display: block;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px dashed #6e88A1;
	}



#buttons a:hover, a:active
	{
	color:#000;
	text-decoration: none;
	background-repeat: no-repeat;
	}
	
#buttons #sideActive {
	color:#000;
	text-decoration: none;

}

/* End of left-navigation stuff - yes, that is a lot of css for what
	seems like a little bit of display goodness... :-/
*/


/*------------------------------------------------------------*/

/* We also have some static positioning here for the maintext - 
	maintext is a Div that holds all the body content from the initial 
	header up to the footer. Same deal as above: we needed the static 
	positioning to get over browser compatibility issues. 
*/

#maintext {
	position:static;
	display: block-level;
	text-align: left;
	font-size:12px;
	line-height:22px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 540px;
	left: 0px;
	}


/* Footer and fcontent are both for the footer of the interior pages */

#footer {
	position:static;
    height: 30px;
	width:100%;
	}

#fcontent {
   	text-align: center;
   	padding-top: .5em;
   	margin-top: .5em;
   	color: #FFFFFF;
	font-size:11px;
   	background-color:#000;
   	height: 20px;
	}
	

/*--------------------------------------------

the following styles for navcontainer apply to the horizontal navigation
across the mid-top of the interior pages of the site. This took MANY
revisions (rounds of minor tweaks) to get right. 
See minor additional comments below.

*/


#navcontainer ul
{
text-align: center;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #000000;
color: white;
width: 100%;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-variant: small-caps;
line-height: 19px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 10px;
/* matches link padding except for left and right */
padding-top: 10px;
}

#navcontainer ul li a

{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 10px;
color: white;
text-decoration: none;

}

#navcontainer ul li a:hover
{
background-color: #6e88a1;
color: black;
}

#navcontainer #active {  
background-color: #6e88a1;
color: black;
}

/*--------------------------------------------*/

/* homeNavContainer is the 2-row navigation on the front page */

#homeNavContainer ul
{
text-align: left;

padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #9DACBF;
color: white;
width: 100%;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-variant: small-caps;
line-height: 19px;
/* fixes Firefox 0.9.3 */
}

#homeNavContainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 10px;
/* matches link padding except for left and right */
padding-top: 10px;
}

#homeNavContainer ul li a

{
padding-left: 10px;
padding-right: 10px;


color: white;
text-decoration: none;

}

#homeNavContainer ul li a:hover
{

color: black;
}

#homeNavContainer #active {  
background-color: #6e88a1;
color: black;
}

.pageHeader {
color: #000000;
font-size:18px;
line-height:22px;
}

a:visited {
	color: #424A7F;
	text-decoration: underline;
}
a:active {
	color: #6e88A1;
	text-decoration: underline;
}
a:link {
	color: #6e88A1;
	text-decoration: underline;
}

a:hover {
	color: #424A7F;
	text-decoration: none;
	}
	
#borderless{
	border:0;
	}
	
html {
  	overflow: scroll;
}

#popup { 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#ECE9D8;
	color:#000000; 
	width: 450;
	margin-right: auto;
	margin-left: auto;
}