p, ul, li, div, a { border: none;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;	
	margin: 0;
	padding: 0;
}

body.map {
	background-color: #49A942;
	text-align: center;
	color: #005594;
}

h1 {
	display: block;
	height: 20px; margin: 0 0 5px 0; padding: 0;
	background-repeat:no-repeat;
	background-position: left top;
	font-size: 16px;
	font-weight: bold;
}
	
	h1.twoLines { height: 34px; }

h2 {
	display: block;
	margin: 0 0 7px 0;
	font-weight: normal;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
}

body.map h2 { font-weight:bold; margin-bottom: 20px; }

h2 span {
	font-size: 14px;
}

p { padding: 0; margin: 0 0 .9em 0;}

sup {
	vertical-align: text-top;
}

a {
	color: #E8F0FF;	
	text-decoration: underline;
}

a:hover { color: #005594;}

body.sitemap blockquote {
	margin: 0; padding: 0 0 1.3em 1em;
}

body.sitemap blockquote blockquote {
	margin: 0; padding-bottom: 0;
}
form {}
label { display: block; position: relative; height: 2em; margin: 0 0 .5em 0;}
label.checkbox {
	left: 100px;
}

input, textarea { 
	position: absolute; left: 150px;
	border: 1px solid #A3DA9E; background-color:#fff;
}

input.imgInput { border: 0px; }

input.checkbox { 
	position: relative; left: 0px; top: 2px;
	margin-right: 1em;
	border: 0px; background-color: #49A942; }

.majorLink {
	color: #005596;	
	font-weight: bold;
}

.majorLink a { color: #005596; }
.majorLink a:hover { color:#fff }
#wrapper {
	margin: 10px 0 10px 0px;
	width: 760px;
	text-align: left;
}

body.map #wrapper {
	text-align:center;
	padding: 20px;
	background-color: #fff;
	position:relative;
}
	
#header {
	position: relative;
	margin-bottom: 11px;
	background-image: url(../images/header-tagLine.gif);
	background-repeat: no-repeat;
	background-position: right 70px;
	height: 127px;
}
		
#mainLogo {
	display: block;
	position: absolute;
	width: 113px; height: 127px;
	left: 0; top: 0;
}
		#upperRightLinks {
			position: absolute;
			right: 0;
			top: 40px;
			text-align: right;
			padding: 0; margin: 0;
		}
		
				#upperRightLinks li {
					display: inline;
					padding: 0;
					margin:0;
				}
				
					#upperRightLinks li a {
						font-size: 9px;
						text-decoration: none;
						padding-left: 10px;
						margin-left: 50px;
						background-image:url(../images/nav-bullet.gif);
						background-repeat: no-repeat;
						background-position: left center;
					}
	
#middle {
	clear: both;
	margin: 0; padding: 0;
	background-color: #005594;
}
		#mainArea {
			background-color:#fff;
			margin: 0 0 0 113px;
			padding-left: 11px;
			border: none;
		}
		
					
			/* Hide from IE5-mac. Only IE-win sees this. \*/
 
				* html #mainArea {
				  height: 1%;
				}
			 
			/* End hide from IE5/mac */
			/* this is a hack for the 3 pixel text job bug in IE.  please refer to
				http://www.positioniseverything.net/explorer/threepxtest.html for 
				more information on this problem.
			*/
		
			#displayArea {
				min-height: 380px;
				border: 1px solid #fff;
				padding: 16px 208px 20px 23px;
				margin: 0;
				background-color:#49A942;
				background-image:url(../images/background-photos/mural-wall.jpg);
				background-repeat: no-repeat;
				background-position: right top;
			}
			
			#displayArea li {
				margin-bottom: .7em;
			}
						
			body.home #displayArea {
				background-image: url(../images/background-photos/homepg-bg.jpg);
				padding-right: 189px;
				padding-left: 22px;
				padding-top: 25px;
				padding-bottom: 10px;
				border: 1px solid #49A942;
				
			}
			
			body.housing #displayArea {
				background-image:url(../images/background-photos/housing-bg.jpg);
			}
				
			body.about #displayArea {
				background-image:url(../images/background-photos/about-bg.jpg);
			}
			
			body.calendar #displayArea {
				background-image:url(../images/background-photos/calendar-bg.jpg);
			}
			
			body.commProg #displayArea {
				background-image:url(../images/background-photos/commProg-bg.jpg);
			}
			
			body.contact #displayArea {
				background-image:url(../images/background-photos/contact-bg.jpg);
			}
			
			body.econDev #displayArea {
				background-image:url(../images/background-photos/econDev-bg.jpg);
			}
			
			body.education #displayArea {
				background-image:url(../images/background-photos/education-bg.jpg);
			}
			
			body.findHome #displayArea {
				background-image:url(../images/background-photos/findHome-bg.jpg);
			}
			
			body.list #displayArea {
				background-image:url(../images/background-photos/list-bg.jpg);
			}
			
			body.meetOurComm #displayArea {
				background-image:url(../images/background-photos/meetOurComm-bg.jpg);
			}
			
			body.meetOurCommunity #displayArea { 	/* this is only used on the actual */
				padding-right: 0;					/*	meet-our-community.php to dilineate */
				background-image: none;				/*	it from the other pages in the section */
			}
			
			body.newsInfo #displayArea {
				background-image:url(../images/background-photos/newsInfo-bg.jpg);
			}
			
			body.youthDev #displayArea {
				background-image:url(../images/background-photos/youthDev-bg.jpg);
			}
			
			
			
			
		
			#mainArea #subNav {
				padding: 0;
				margin:0 0 10px 0;
				border-top: 2px solid #005596;
				height: 25px;
			}
				
				#subNav ul {
					padding: 0 0 0 0; margin: 0;
				}
				#subNav li {
					padding: 0; margin: 0;
					list-style: none;
					border: 0;
				}
				
				#subNav li {
					float: left;
				}
			
				#mainArea #subNav a {
					color: #005594;
					display:block;
					text-decoration: none;
					background-color:#66C05F;
					border: 1px solid #005596;
					border-top: 0;
					padding: .3em 1em .3em 1em;
					margin: 0;
				}
				
				#mainArea #subNav a:hover {
					color:	#D5D7CF;
					background-color: #005596;
				}
	#footer {
		color: #005594;
		font-size: 9px;
		width: 636px;
		text-align: left;
		margin: 5px 0 20px 124px;
	}
		
		#footer #osiris {
		float: right;
		}
	
	#upperRightLinks a:hover, #footer a:hover { color: #3E8E37; }
	#upperRightLinks a, #footer a { color: #005596; }
	
#tblBoard  td {
	vertical-align: top;
}

div.mapLink {
	float: right;
	padding: 0; margin: 0 0 10px 20px;;
}

div.mapLink a {
	display:block;
	width: 100px;
	text-align:center;
	text-decoration: none
}

	div.mapLink a:hover {
		color:#CCCCCC;
	}

div.mapLink a img {
	margin-bottom: .5em;
	border: 0;
}

#leftColumn {
	width: 405px
}

#rightColLink {
	padding-top: 55px;
	float: right;
	margin-left: 5px;
	text-align:center;
}
#rightColLink img {
	display: block;
	margin-bottom: 10px;
}
#rightColLink a {
	text-decoration: none;
}