/* CSS Document */
html, body {
height: 100%;
}
body {
	/*#fff url("../images/body_bg.gif") repeat-x 0 100%*/
 background:#ffffff url(images/map_bg.gif) top center no-repeat;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	height:100%;
	min-height:100%;
	margin: 0px;
	clear: both;
	}
	

/*Div Holds Shadow around main container*/
.shiftcontainer{
	left: 5px; /*Number should match -left shadow depth below*/
	top: 5px;

}

/*Main Container to Hold Page Content, Shadowed Border*/
.container
{
	width: 958px;
	margin: 0px auto;
	background-color: #d1cfd0;
	
}

.container .innerdiv{
	/* Add container height here if desired */
	background-color: white;
	border: 1px solid #999;
	padding-left: 20px;
	padding-right: 20px;
	left: -5px; /*shadow depth*/
	top: -5px; /*shadow depth*/
	margin-top:0px;

	
}
.container .innerdiv_long{
	/* Add container height here if desired */
	background-color: white;
	border: 1px solid #999;
	padding-left: 20px;
	padding-right: 20px;
	left: -5px; /*shadow depth*/
	top: -5px; /*shadow depth*/
	position: relative;
	 min-height:1800px;
  height:auto !important;
  height:1950px;
  overflow:visible;
  

}

.spacer {
  clear: both;
}

/*Top Header to Hold Logo*/
#header
{
	margin-left: 20px;
	margin-right:0px;
	height: 88px;
	width: 938px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-top: 0px;
	text-align: left;
}

/*Top Header to Hold Flash*/
#Flash
{
	height: 321px;
	width: 918px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	vertical-align: top;
	background-color: white;
}

#PageImage{
	margin-left:5px;
	height: 191px;
	width: 918px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	vertical-align: top;
	background-color: white;
}





A.menulink {
display: block;
width: 180px;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:12px;
color: #000000;
BORDER: none;
border: solid 1px #FFFFFF;
}

A.menulink:hover {
border: solid 1px #999;
background-color:white;
}

/*--Next Three SEctions Used For Three-Column Layout in Page Content--*/

#sisterscontext{
   padding: 0;
width: 935px;
	text-align:left;
	clear:both;
}

#sisters
{
	margin:0px;
   width: 200px;
	background: url(images/Sister.gif) top left no-repeat;
	background-color:white;
	float:left;
	
}

#context
{
	padding:0px;
	top: 10px;
	margin-left: 210px;
	margin-right:186px;
	background-color:white;
	width:500px;
	padding: 1em;
max-width: 500px;
}

/*Used for 2 Column Layout--*/
#context_w
{
	padding:0px;
	top: 10px;
	margin-left: 210px;
	margin-right:50px;
	background-color:white;
	width:630px;
	padding: 1em;
max-width: 630px;
}

/*Latest News Box --*/
#latestnews
{
	margin-top:10px;
	margin:0px;
	 float: right;
  width: 156px;
	background-color: white;
	border: thin #A2A2A3 solid;
	border-top-style: none;
	background:transparent url(images/events.gif) top center no-repeat;
	background-color: white;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #666666;
	
}

/*Adobe Reader Box for Newsletters Page--*/	
#adobereader
{
	margin-top:10px;
	margin-right:10px;
	 float: right;
  width: 156px;
	background-color: white;
	border: thin #A2A2A3 solid;
	border-top-style: none;
	background:transparent url(images/getadobereader.gif) top center no-repeat;
	background-color: white;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #666666;
	
}


/*Div to hold page content - Welcome Line, verbage, contact info*/
#pagebody 
{
	position: absolute ;
	margin-left: 220px;
	width:506px;
	background-color: white;
	text-align:left;
	float:left;
	padding: 5px;
	left: 245px;
	top: 445px;
	height:100%;
	clear:both;
	
	
}

 .title{
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #666;
	margin-top:20px;
		
}

 .subtitle{
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #666;
	margin-top: 15px;
		
}

 .bodytext{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666;
	margin-top: 10px;
	text-align: left;
	height:100%;
	
}

.bodytext a:link { color: #002379; text-decoration: none; font-weight: bold; }
.bodytext a:active { color: #002379; text-decoration: none }
.bodytext a:visited { color: #002379; text-decoration: none }
.bodytext a:hover { color: #002379; text-decoration: underline }


.RightBarText{
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #666;
	margin-top: 40px;
	margin-left: 2px;
	margin-right: 2px;
	line-height: 1.7em;
	text-align: center;

}

.RightBarText a:link { color: #996600; text-decoration: none; font-weight: bold; }
.RightBarText a:active { color: #996600; text-decoration: none }
.RightBarText a:visited { color: #996600; text-decoration: none }
.RightBarText a:hover { color: #d1b270; text-decoration: underline }

Footer-----------------
#bottom
{
	padding-top: 2%;
  text-align: center;
  clear: both;
background-color: #002379;
height:50px;
width: 958px;
padding-bottom: 0px;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 10px;
overflow: hidden;
vertical-align: top;
position: relative;
clear: both;
}


p.copyright{
	color: #002379;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: center;
	line-height: 1.2em;
	padding-bottom:10px;

}

p.copyright a:link { color: #002379; text-decoration: none }
p.copyright a:active { color: #002379; text-decoration: none }
p.copyright a:visited { color: #002379; text-decoration: none }
p.copyright a:hover { color: #002379; text-decoration: underline }

End Footer-----------------


/*Style for Lists*/
.BodyList{
margin-top: 0px;
margin-left: 20px;
padding: 0;
padding-left: 5px;
line-height: 1.7em;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666;
}

.BodyList ul{
list-style-type: disc;
margin: 5px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666;
line-height: 1.9em;
}

.BodyList ol{
list-style-type: decimal;
margin: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: black;
line-height: 1.7em;
}