@CHARSET "UTF-8";

body
{
	color: #000000;
	background-image: url('images/bg4.png');
		
	font-family: arial;
	font-size: 12px;
	margin: 0px;
}

ul, ol { margin: 0px; }
ul li, ol li { margin: 0px 0px 0px -15px; } 

.sindent { margin-left: 10px; }
.indent { margin-left: 20px; }
.right { text-align: right; }
.imgright { float: right; border: solid 1px black; }
.center { text-align: center; }

/* Webpage Frame */
.outerframe
{
	margin: 0px auto;
	padding: 0px;
	width: 834px;
	background-image: url('images/bg2.png');
	
}

.frame
{
	margin: 0px auto;
	padding: 0px;
	width: 800px;
}

.frame .logo
{
	border-left: solid 1px #aaaaaa;	
	border-right: solid 1px #aaaaaa;
	margin: 0px;
	background-image: url('images/bg5.png');
	height: 120px;
	border-bottom: solid 2px #000000;
}

.frame .logo img
{
	position: relative;
	left: -60px;
	top: 10px;
}

.frame .nav
{
	border-left: solid 134px black;
}

.frame .nav a
{
	float: left;
	
	padding: 3px 21px 5px 10px;

	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #dddddd;

	background-color: #000000;
}

.frame .nav a.large
{
}

.frame .nav a:hover
{
	color: #ffffff;
}

.frame .nav a.selected
{
}

.frame .nav a.selected:hover
{
}

.frame .nav a.last
{
}

.content
{
	border-top: solid 2px #B7B7B7;	
	border-left: solid 1px #aaaaaa;	
	border-right: solid 1px #aaaaaa;	
	min-height: 200px;
	background-color: white;
	clear: both;
	padding: 10px 15px 25px 15px;
}

.content a
{
	font-weight: bold;
	color: #000080;
}

.content h1
{
	font-size: 20px;
	color: #555555;
	margin: 0px 0px 0px 0px;
	font-weight: bold;	
}

.content h2
{
	font-size: 16px;
	color: #000080;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}

.content h3
{
	font-size: 14px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}

.content img.featured
{
	border: solid 1px black;
}

.content .infopanel
{
	float: right;
	width: 180px;
	border: solid 1px #000080;
	margin: 5px 0px 10px 10px;
}

.content .infopanel h3
{
	text-align: center;
	margin: 0px 0px 2px 0px;
	font-size: 16px;
	color: #000080;
	border-bottom: solid 1px #000080;
	background-color: #ddddee;
}

.content .infopanel ul li
{
	margin-left: -20px;
	padding-right: 2px;
}

.content .eventgroup
{
	margin: 0px 0px 15px 0px;
}

.content .eventgroup h2
{
	font-size: 16px;
	color: #555555;
	font-weight: bold;
}

.content .eventgroup ul ul a
{
	color: #4444aa;
}


.content .officers .position
{
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 5px;
	width: 95px;
	clear: left;
}


.content .calendar
{
	margin-left: 10px;
}

.content .calendar .month
{
	clear: both;
	text-align: center;
	font-size: 14px;
	margin: 10px 5px 10px 0px;
}

.content .calendar .month-header div
{
	padding-top: 10px; 
}
	
.content .calendar .month div
{
	width: 200px;
}

.content .calendar .month .left { text-align: left; float: left; }
.content .calendar .month .right { text-align: right; float: right; }

.content .calendar .month h2
{
	margin: 0px;
	font-size: 20px;
	color: #000080;
}



.content .calendar .header
{
	clear: both;
	height: 15px;
}

.content .calendar .header .day
{
	float: left;
	width: 102px;
	margin: 0px 3px;
	text-align: center;
	font-weight: bold;
}

.content .calendar .week
{
	margin: 2px 0px;
	clear: both;
	height: 82px;
}

.content .calendar .week .day
{
	float: left;
	width: 102px;
	border: solid 1px #000080;
	margin: 0px 2px;
	height: 80px;
	font-size: 10px;
	text-align: center;
}

.content .calendar .week .today
{
	background-color: #ffffcc;
}

.content .calendar .week .empty
{
	background-color: #8888cc;
}

.content .calendar .week .day h4
{
	float: right;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	color: #8888cc;
	margin-right: 3px;
	width: 97px;
	text-align: right;
}


.phototitle tr td
{
	vertical-align: top;
}

.phototitle h2
{
	font-size: 22px;
}

.phototitle h2, .phototitle h3
{
	margin-left: 5px;
	text-decoration: none;
}

.phototitle img
{
	border: solid 1px black;
}

.photogallery .photo
{
	width: 210px;
	height: 160px;
	float: left;
	text-align: center;
	margin: 0px 10px 20px 10px;
	line-height: 160px;
}

.photogallery .photo img
{
	vertical-align: middle;
	border: solid 1px black;
}

.largephoto
{
	width: 810px;
	text-align: center;
	margin-left: -31px;
}

.largephoto img
{
	border: solid 1px black;
}




	
.content .clear
{
	clear: both;
}

.legal
{
	border-top: dotted 1px #aaaaaa;
	border-bottom: solid 2px #aaaaaa;
	border-left: solid 1px #aaaaaa;
	border-right: solid 1px #aaaaaa;
	
	font-size: 10px;
	text-align: center;
	color: #888888;
	background-color: #ffffff;
	clear: both;
}

.legal a
{
	color: #888888;
}