/* CSS Document */
* { 
	margin:0;
	padding:0;
	list-style:none;
	outline-style:none;
}
body {
	background:#2b5e97 url(../images/bg.main.gif) repeat-x left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
img, a img { border:none; }
fieldset { border:none; }
div#page_wrapper { width:780px; margin:0 auto; }
div.header {display:none; }
div#header h1 { height:90px; width:307px; }
div#header h1 a { 
	width:307px; height:85px; background:transparent url(../images/logo.gif) no-repeat center top; 
	display:block; position:absolute; margin-left:-60px; text-indent:-5000px; }
div#header ul { margin-left:160px; width:610px; }
div#header ul li {
	float:left;
}
div#header ul li a { 
	display:block; 
	width:122px;
	text-align:center;
	padding:4px 0;
	background:transparent url(../images/navButton.gif) no-repeat; 
	color:#fff;
	text-decoration:none;
	text-indent:-6000px;
}
/* 0, -122, -244, -366, -488 */
div#header ul li a.events { background-position:0 top; }
div#header ul li a:hover.events {background-position:0 -23px;}
div#header ul li a.eventsactive{ background-position:0 -23px;}

div#header ul li a.search { background-position:-122px top; }
div#header ul li a:hover.search { background-position:-122px -23px; }
div#header ul li a.searchactive{ background-position:-122px -23px;}

div#header ul li a.about { background-position:-244px top; }
div#header ul li a:hover.about { background-position:-244px -23px; }
div#header ul li a.aboutactive { background-position:-244px -23px; }

div#header ul li a.contact { background-position:-366px top; }
div#header ul li a:hover.contact { background-position:-366px -23px; }
div#header ul li a.contactactive { background-position:-366px -23px; }

div#header ul li a.services { background-position:-488px top; }
div#header ul li a:hover.services { background-position:-488px -23px; }
div#header ul li a.servicesactive { background-position:-488px -23px; }

div#sub_navigation {
	height:65px;
	background:transparent url(../images/topNav.gif) no-repeat center top; 
}

div#main_content {
	min-height:400px;
	background-color:#fff;
}
div#main_content p {
	padding:5px 10px;
}
div#main_content div.portrait { width:163px; display:block; float:left; clear:left; }
div#main_content div.portrait img { margin-left:10px; }

div#footer { height:70px; background:transparent url(../images/footer.gif) no-repeat center bottom;  }
div#footer ul { 
	height:23px;
	overflow:hidden;
	border-top:none;
	text-align:center;
	padding-top:30px;
margin-bottom:0;
}
div#footer ul li { display:inline; margin:0 10px; }
div#footer ul li  a { color:#9cadc9; font-weight:bold; text-decoration:none; }
div.clear { line-height:0; font-size:0%; clear:both; height:1px; }

div.event_info {  }
div.event_info dl { float:left; margin:16px; }
div.event_info dl dt, div.event_info dl dd, div.event_info p { color:#69C; font-weight:bold; font-size:12px; }
div.event_info dl dt { font-size:14px; }
div.event_info p { float:right; margin:30px 16px 16px 16px; }
div.event_info p a { margin-left: 6px; color:#69C; }

div.event_pics { clear:both; margin:0; padding:0; float:left; }
div.event_pics dl { float:left; margin:8px 0 8px 18px; width:170px; border:1px solid #ccc; display:inline; }
div.event_pics dl.event { height:260px; }
div.event_pics dl.album { height:295px; }
div.event_pics dl.search { height:170px; }
div.event_pics dl dt, div.event_pics dl dd { margin:8px; color:#69C; font-weight:bold; font-size:11px; }
div.event_pics dl dd.pic_date { margin-bottom:2px; }
div.event_pics dl dd.pic_location { margin-top:2px; }
div.event_pics dl dd.pic { text-align:center; height:155px; display:block; }
div.event_pics dl dd.pic_text { height:59px; }
div.event_pics dl dt { text-align:right; }
div.event_pics dl dd.pic_count { text-align:right; font-size:10px; }

div.popup_form { 
	background:#2b5e97 url(../images/bg.main.gif) repeat-x left top; 
	width: 300px;
	padding:20px;
	position: absolute;
	top:110px;
	left:40%;
	border:1px solid #009;
        display:none;
}
div.popup_form dl {  }
div.popup_form dt { padding:7px 4px; float:left; clear:left; }
div.popup_form dd { padding:4px; float:right; }
div.popup_form p { text-align:center; padding-top:10px; }
div.popup_form input { width:200px; }

div.closeup_page div#header { visibility:hidden; }
div.closeup_page div#footer ul { visibility:hidden; }
div.closeup_pic { text-align:center; }