@charset "UTF-8";
/* CSS Document */

body {
	padding:0;
	margin:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	/*text-align: center;*/
}
#container {width:800px; height:670px; background-color:#5b6dba; border:solid 2px #226; margin:0 auto;}
#photo {height:100px;}
a:link, a:visited {color:#222260; font-family:monospace; font-size:11px; text-decoration:none; }
a:hover {color:#f1ca6c; background-color:#222260;}
#nav {
	height:516px;
	width:138px;
	float:left;
	background-color:#f1ca6c;  /*clear:right;*/
	position:absolute; /* to postion the lower menu *//* border:2px dashed purple;*/
	visibility: visible;
}
#nav a:link, #nav a:visited {display:block;font-family: "Lucida Sans", Monaco, monospace; font-size: 9px; line-height: 16px; 	font-weight: 500;}
#nav a:hover {background-color:#009; color:#FFCC33;}
#nav h2 {font-size:11px; color:#009;}
#navtop {height:290px; background-color:#f8f59d;margin-top:0;}
/*#navtop h1 {font-size:40px;}*/
#navtop a:link, #navtop a:visited{display:block; font-family: "Trajan Pro", "Helvetica Neue Black Condensed", Helvetica, sans-serif;	font-size:10px;	padding:10px 15px;	font-weight:600; color:#003;}
#navtop a:hover {background-color:#003; color:#CC9900;}
#navtop a:active {font-size:14px; color:#0000CC; padding:10px;}
#main {height:516px; width:662px; background-color:#fff;float:right; clear:both;/*padding:0 10px 10px 15px;*/}

#nav table.logintable{ width:125px; padding:3px 0px;}

#banner{ height:85px; background-color:#5b6dba; background-image:url(images/header.gif); background-position:30px 10px;background-repeat:no-repeat; color:#222260; font-weight:400;}
#banner img{float:right; /*margin-top:-50px;*/}

#mainContent {padding:20px; max-height:380px; overflow:auto;}
#footer { width:800px; height:30px; background-color:#5b6dba; clear: right;padding:}
#footer #left {font-size: 9px; color: #FFFFFF; line-height:14px; padding-left:10px; width:40%; float:left; text-align:left; /*text-indent:-45px;*/margin-left:10px;}
#footer #right {/*font-family: Arial, Helvetica, sans-serif;*/	font-size: 9px;line-height: 14px;text-transform: capitalize;color: #000; text-align: right;padding-right: 10px;  width:40%; float:right;}
.first {padding-top:120px;}


#banner .district {font-family: "Trajan Pro", "Helvetica Neue Black Condensed", Helvetica, sans-serif; font-size: 11px;	color: #FFf; /*padding-top: 200px;	margin-top: 90px;*/}
#container #nav #welcome { font-family: "Lucida Sans", Monaco, monospace; font-size: 9px; font-weight:600; margin: 0px; 	padding: 0px; list-style-position: outside; }
#container #nav #welcome ol {margin-left:-15px; list-style-position: outside; }
#container #nav #welcome li {font-family: "Lucida Sans", Monaco, monospace; font-size: 9px; line-height: 14px; font-weight: 500; list-style-position: outside; }
#container #nav #welcome li.fourway { font-weight: 700;	text-transform: capitalize;}
#container #main #maincontent h1 {font-family: "Trajan Pro", "Helvetica Neue Black Condensed", Helvetica, sans-serif; font-size: 14px;font-weight: 600;	text-transform: uppercase;}
#maincontent img, #maincontent img.right {border:1px solid #fff;}
#welcome, #about, #calendar, #projects, #photos, #links, #login, #news, #members{
	position:relative;
	width:109px;
	height:231px;
	top: 25px;
	left:15px;
	/*margin-left:15px; border:1px dotted red; */
	font-family: "Lucida Sans", Monaco, monospace;
	font-size: 9px;
	line-height: 14px;
	font-weight: 500;
	visibility: visible;
}

#welcome {z-index:2;}
#about {
	z-index:3;
}
#calendar {
	z-index:4;
}
#projects {
	z-index:5;
}
#photos {
	z-index:6;
}
#links {
	z-index:7;
}
#news{
	z-index:8;
}
#login{
	z-index:9;  margin-left:3px;
}
/*#lowerNav a:hover {background-color:#006; color:#CC9900;}
#lowerNav a:active {font-size:14px; color:#0000CC; padding:10px;}*/
#container #mainBody #nav #navtop a {
}

#container #mainBody #nav #navtop .activeNav {
	font-size: 12px;
	color: #5B6DBA;
}
#container #mainBody #main #mainContent img {
	padding: 5px;
	border: 1px solid balck;
}
img.right {
	float:right;
}
.date {
	font-weight: 600;
	color: #5B6DBA;
}
.program {
	font-size: 12px;
	padding:18px 30px 6px 30px;
}
#container #mainBody #main #mainContent  a:link{
	font-size: 12px;
	color: #333;
	background-color:#FFF;
	text-align: right;
	margin-right:10px;
	font-family: "Courier New", Courier, monospace;
}
#container #mainBody #main #mainContent  a:hover {
	color:#FFFFFF;
	background-color:#5B6DBA;
}

tr.news {vertical-align:top;}

td .memberinfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: 800;
	text-transform: capitalize;
}
p.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: 500;
	text-transform: capitalize;
	color: #FFFFFF;
	background-color: #5B6DBA;
	text-align: center;
	vertical-align: middle;;
	margin: 3px;
	padding: 3px;
	border: thin solid #5B6DBA;
	display:compact;
}
.profile {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5B6DBA;
	margin-left: 40px;
}
td.welcome a{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 600;
	text-align: center;
}