body {
	background: #dedede url(/images/background.gif) bottom left fixed repeat-x;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	font-size: 9pt;
	padding-bottom: 25px;
}

a:link {color: #af0000; font-weight: bold; text-decoration: none;}
a:hover {color: #af0000; font-weight: bold; text-decoration: underline;}
a:visited {color: #af0000; font-weight: bold; text-decoration: none;}
a:active {color: #af0000; font-weight: bold; text-decoration: none;}
img {border: 0;}

#wrapper {margin: 10px auto 5px auto; padding: 0; width: 760px;}
#toplogo {background: #dedede; margin: 5px auto; padding: 0;}

/*------------------------------------------------------------ */
/* ----- purple nav bar ----- */
/*------------------------------------------------------------ */
#topnav {background: #dedede; margin: 5px auto 0 auto; padding: 0; width: 100%;}
#nav {background: url(/images/nav2.gif); margin: 0; padding: 0; top: 0; width: 760px; height: 25px; position: relative;}
#nav span {display: none;}
#nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#nav li, #nav a {height: 25px; display: block;}
#navitem1 {left: 0; width: 104px;}
#navitem2 {left: 105px; width: 169px;}
#navitem3 {left: 275px; width: 144px;}
#navitem4 {left: 420px; width: 174px;}
#navitem5 {left: 595px; width: 164px;}
#navitem1 a:hover, .activeNav1 {background: transparent url(/images/nav2.gif) 0 -25px no-repeat;}
#navitem2 a:hover, .activeNav2 {background: transparent url(/images/nav2.gif) -105px -25px no-repeat;}
#navitem3 a:hover, .activeNav3 {background: transparent url(/images/nav2.gif) -275px -25px no-repeat;}
#navitem4 a:hover, .activeNav4 {background: transparent url(/images/nav2.gif) -420px -25px no-repeat;}
#navitem5 a:hover, .activeNav5 {background: transparent url(/images/nav2.gif) -595px -25px no-repeat;}

/*------------------------------------------------------------ */
/* ----- sectional sub-navigation ----- */
/*------------------------------------------------------------ */
#subnav {background: #dedede; margin: 0 auto 5px auto; padding: 0; width: 100%;}
/* ----- About ----- */
#navSubAbout {background: url(/images/navSub_About2.gif); margin: 0; padding: 0; top: 0; width: 760px; height: 35px; position: relative;}
#navSubAbout span {display: none;}
#navSubAbout li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#navSubAbout li, #navSubAbout a {height: 35px; display: block;}
#navSubAboutitem1 {left: 0; width: 134px;}
#navSubAboutitem2 {left: 135px; width: 119px;}
#navSubAboutitem3 {left: 255px; width: 64px;}
#navSubAboutitem4 {left: 320px; width: 119px;}
#navSubAboutitem5 {left: 440px; width: 99px;}
#navSubAboutitem1 a:hover, .activeSubAbout1 {background: transparent url(/images/navSub_About2.gif) 0 -35px no-repeat;}
#navSubAboutitem2 a:hover, .activeSubAbout2 {background: transparent url(/images/navSub_About2.gif) -135px -35px no-repeat;}
#navSubAboutitem3 a:hover, .activeSubAbout3 {background: transparent url(/images/navSub_About2.gif) -255px -35px no-repeat;}
#navSubAboutitem4 a:hover, .activeSubAbout4 {background: transparent url(/images/navSub_About2.gif) -320px -35px no-repeat;}
#navSubAboutitem5 a:hover, .activeSubAbout5 {background: transparent url(/images/navSub_About2.gif) -440px -35px no-repeat;}
/* ----- Officers ----- */
#navSubOfficers {background: url(/images/navSub_Officers2.gif); margin: 0; padding: 0; top: 0; width: 760px; height: 35px; position: relative;}
#navSubOfficers span {display: none;}
#navSubOfficers li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#navSubOfficers li, #navSubOfficers a {height: 35px; display: block;}
#navSubOfficersitem1 {left: 0; width: 89px;}
#navSubOfficersitem2 {left: 90px; width: 144px;}
#navSubOfficersitem3 {left: 235px; width: 145px;}
#navSubOfficersitem4 {left: 590px; width: 155px;}
#navSubOfficersitem1 a:hover, .activeSubOfficers1 {background: transparent url(/images/navSub_Officers2.gif) 0 -35px no-repeat;}
#navSubOfficersitem2 a:hover, .activeSubOfficers2 {background: transparent url(/images/navSub_Officers2.gif) -90px -35px no-repeat;}
#navSubOfficersitem3 a:hover, .activeSubOfficers3 {background: transparent url(/images/navSub_Officers2.gif) -235px -35px no-repeat;}
#navSubOfficersitem4 a:hover, .activeSubOfficers4 {background: transparent url(/images/navSub_Officers2.gif) -590px -35px no-repeat;}
/* ----- Members Only ----- */
#navSubMembers {background: url(/images/navSub_Members2.gif); margin: 0; padding: 0; top: 0; width: 760px; height: 35px; position: relative;}
#navSubMembers span {display: none;}
#navSubMembers li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#navSubMembers li, #navSubMembers a {height: 35px; display: block;}
#navSubMembersitem1 {left: 0; width: 69px;}
#navSubMembersitem2 {left: 70px; width: 59px;}
#navSubMembersitem3 {left: 130px; width: 79px;}
#navSubMembersitem4 {left: 610px; width: 129px;}
#navSubMembersitem1 a:hover, #navSubMembersitem1 .activeSubMembers1 {background: transparent url(/images/navSub_Members2.gif) 0 -35px no-repeat;}
#navSubMembersitem2 a:hover, #navSubMembersitem2 .activeSubMembers2 {background: transparent url(/images/navSub_Members2.gif) -70px -35px no-repeat;}
#navSubMembersitem3 a:hover, #navSubMembersitem3 .activeSubMembers3 {background: transparent url(/images/navSub_Members2.gif) -130px -35px no-repeat;}
#navSubMembersitem4 a:hover, #navSubMembersitem4 .activeSubMembers4 {background: transparent url(/images/navSub_Members2.gif) -610px -35px no-repeat;}
/* ----- Officers Only ----- */
#navSubMembersO {background: url(/images/navSub_MembersO2.gif); margin: 0; padding: 0; top: 0; width: 760px; height: 35px; position: relative;}
#navSubMembersO span {display: none;}
#navSubMembersO li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#navSubMembersO li, #navSubMembersO a {height: 35px; display: block;}
#navSubMembersOitem1 {left: 0; width: 69px;}
#navSubMembersOitem2 {left: 70px; width: 59px;}
#navSubMembersOitem3 {left: 130px; width: 79px;}
#navSubMembersOitem4 {left: 490px; width: 124px;}
#navSubMembersOitem5 {left: 610px; width: 129px;}
#navSubMembersOitem1 a:hover, #navSubMembersOitem1 .activeSubMembers1 {background: transparent url(/images/navSub_MembersO2.gif) 0 -35px no-repeat;}
#navSubMembersOitem2 a:hover, #navSubMembersOitem2 .activeSubMembers2 {background: transparent url(/images/navSub_MembersO2.gif) -70px -35px no-repeat;}
#navSubMembersOitem3 a:hover, #navSubMembersOitem3 .activeSubMembers3 {background: transparent url(/images/navSub_MembersO2.gif) -130px -35px no-repeat;}
#navSubMembersOitem4 a:hover, #navSubMembersOitem4 .activeSubMembers4 {background: transparent url(/images/navSub_MembersO2.gif) -490px -35px no-repeat;}
#navSubMembersOitem5 a:hover, #navSubMembersOitem5 .activeSubMembers5 {background: transparent url(/images/navSub_MembersO2.gif) -610px -35px no-repeat;}
/* ----- Photo Gallery ----- */
#navSubGallery {background: url(/images/navSub_Gallery2.gif); margin: 0; padding: 0; top: 0; width: 760px; height: 35px; position: relative;}
#navSubGallery span {display: none;}
#navSubGallery li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#navSubGallery li, #navSubGallery a {height: 35px; display: block;}
#navSubGalleryitem1 {left: 0; width: 69px;}
#navSubGalleryitem2 {left: 70px; width: 59px;}
#navSubGalleryitem3 {left: 130px; width: 79px;}
#navSubGalleryitem4 {left: 615px; width: 124px;}
#navSubGalleryitem1 a:hover, .activeSubGallery1 {background: transparent url(/images/navSub_Gallery2.gif) 0 -35px no-repeat;}
#navSubGalleryitem2 a:hover, .activeSubGallery2 {background: transparent url(/images/navSub_Gallery2.gif) -70px -35px no-repeat;}
#navSubGalleryitem3 a:hover, .activeSubGallery3 {background: transparent url(/images/navSub_Gallery2.gif) -130px -35px no-repeat;}
#navSubGalleryitem4 a:hover, .activeSubGallery4 {background: transparent url(/images/navSub_Gallery2.gif) -615px -35px no-repeat;}

/*------------------------------------------------------------ */
/* ----- body content ----- */
/*------------------------------------------------------------ */
#contentBody {background-color: #f5f5f5; margin: 15px auto 0 auto; padding: 10px; top: 0; width: 738px; position: relative; border: solid #f3893d 1px;}
#contentLeft {margin: 0; width: 175px; float: left;}
#contentLeft ul {list-style-type: square;}
#contentRight {margin: 0; width: 540px; float: right;}
#contentWidth {margin: 0; width: 100%; clear: both;}
.footer {font-family: Arial, helvetica, sans-serif; font-size: 8pt; color: #333; text-align: center;}

/*------------------------------------------------------------ */
/* ----- sectional sub-sub-navigation ----- */
/*------------------------------------------------------------ */
#contentNav {margin-bottom: 10px; width: 100%;}
#nav2 {margin: 0; padding: 0; width: 100%; height: 25px; text-align: center; clear: both;}
#nav2 li {margin: 0; padding: 0 11px; display: block; float: left;}
#nav2 li, #nav2 a {display: block; font-family: verdana, sans-serif; font-size: 9pt; font-variant: small-caps; font-weight: bold; color: #5a4d8d; text-align: center; text-decoration: none;}
#nav2item1 {padding: 2px; padding-left: 4px; margin-right: -1px;}
#nav2item2 {margin-right: -1px; padding: 2px; border-left: dotted #5a4d8d 2px;}
#nav2item3 {margin-right: -1px; padding: 2px; border-left: dotted #5a4d8d 2px;}
#nav2item4 {margin-right: -1px; padding: 2px; border-left: dotted #5a4d8d 2px;}
#nav2item5 {margin-right: -1px; padding: 2px; border-left: dotted #5a4d8d 2px;}
#nav2item1 a:hover, .active21 {display: block; color: #f3893d; background-color: #dedede;}
#nav2item2 a:hover, .active22 {display: block; color: #f3893d; background-color: #dedede;}
#nav2item3 a:hover, .active23 {display: block; color: #f3893d; background-color: #dedede;}
#nav2item4 a:hover, .active24 {display: block; color: #f3893d; background-color: #dedede;}
#nav2item5 a:hover, .active25 {display: block; color: #f3893d; background-color: #dedede;}

/*------------------------------------------------------------ */
/* ----- contentWidth and contentRight can have "pods" ----- */
/*------------------------------------------------------------ */
.podTop, .podBottom {margin: 0; padding: 0; font: 1px/1px monospace;}
/*.podTop {background: #f5f5f5 url(/images/small_pod_podTop.gif) no-repeat center bottom; height: 5px;}*/
/*.podBottom {background: #f5f5f5 url(/images/small_pod_podBottom.gif) no-repeat center bottom; height: 13px;}*/
.podTop {border-top: solid #5a4d8d 1px;}
.podBottom {margin-bottom: 10px; border-bottom: solid #5a4d8d 1px;}

.pod {background: #fff; margin: 0; padding: 1px 15px 5px 15px; min-height: 275px; border-left: solid #5a4d8d 1px; border-right: solid #5a4d8d 1px; text-align: left;}
.pod h2 {background: url(/images/h2.gif) no-repeat left center; margin-top:10px; margin-bottom:5px; padding-left: 24px; border-top: dashed #666 1px; border-bottom: dashed #666 1px; font-size: 10pt;}
.pod h3 {margin: 5px 0; padding: 0; color: #5a4d8d; font-size: 11pt; font-weight: bold; font-variant: small-caps;}
.pod h4 {margin: 0; padding: 0; font-size: 9pt; font-weight: bold; font-style: italic;}
.pod p {margin-top: 10px; margin-bottom: 3px; text-align: justify;}
.pod ul {margin-top: 5px; list-style-type: square;}
.pod ol {margin-top: 3px; list-style-image: none; list-style-type: decimal;}

/*------------------------------------------------------------ */
/* ----- basic classes for use inside "pods" ----- */
/*------------------------------------------------------------ */
.textB {font-weight: bold;}
.center {text-align:center !important;}
.left {text-align:left !important;}
.textPDF {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #333;}
.listlevel2 {list-style-image: url(/images/arrow.gif); list-style-type: disc;}
.listlevel1 {margin-left:12px; padding-left:13px; list-style-image: url(/images/arrow.gif); list-style-type: disc;}
.listlevel1 ul {margin-top: 0; list-style-image:none; list-style-type: square;}
.imgPDF {padding: 0 5px; vertical-align: text-top;}
.inputText {font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; font-size: 9pt; border: 1px solid #5a4d8d; padding: 2px;}
.inputButton {font-family: "Trebuchet MS", georgia, serif; font-size: 9pt; font-weight: bold; background-color: #f3893d; color: #fff; border: 1px outset #f5f5f5; margin-top: 5px;}
.inputTextSmall {font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; font-size: 8pt; border: 1px solid #5a4d8d; padding: 2px;}
.inputButtonSmall {font-family: "Trebuchet MS", georgia, serif; font-size: 8pt; font-weight: bold; background-color: #f3893d; color: #fff; border: 1px outset #f5f5f5; margin-top: 5px;}
td {padding-right:3px;vertical-align:top;}


/*------------------------------------------------------------ */
/* ----- special "pod" for Officer display ----- */
/*------------------------------------------------------------ */
#podOfficer {position: relative; clear: both; margin-top: 1px; margin-right: 0;}
#podOfficer td {padding:5px;}
#podOfficer td.officerpic {border:1px solid #f3893d;vertical-align:middle;}
#podOfficer td.officerpic img {padding:5px;}
#podOfficer td.officername {margin:5px;width:235px;border:1px solid #000;}
#podOfficer img {border:0;}

/*------------------------------------------------------------ */
/* ----- special classes for Calendar display ----- */
/*------------------------------------------------------------ */
#viewEvent {margin: 0 0 10px 0; padding: 0; width: 90%;}
#viewEvent p {margin: 0 0 10px 0;}
#viewEvent h2 {margin: 5px; padding: 0; color: #5a4d8d; font-size: 16pt; font-weight: bold; font-variant: small-caps;}
#viewEvent h3 {margin: 5px 0; padding: 0; color: #5a4d8d; font-size: 11pt; font-weight: bold; font-variant: small-caps;}
#viewEvent img {border: 0;}
.monthL, .monthC, .monthR
{
	height: 25px;
	width: 300px;
	background-color: #dedede;
	color: #000;
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-weight: bold;
	vertical-align:middle;
}
.monthL {text-align: left;}
.monthC {text-align: center;}
.monthR {text-align: right;}
.dayname
{
	height: 25px;
	width: 95px;
	border:1px solid #666;
	border-bottom:0;
	background-color: #fff;
	color: #000;
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-weight: bold;
	text-align: center;
	vertical-align:middle;
}
.notaDay {border:1px solid #666;height: 90px; background-color: #dedede;}
.day {border:1px solid #666;height: 90px; background-color: #f5f5f5; font-size: 7.5pt;padding-left:3px;}
.selectedDay {border:1px solid #666;height: 90px; background-color: #f3893d; font-size: 7.5pt;}
.eventLabel
{
	width: 25%;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}
.eventText
{
	width: 75%;
	padding-left: 15px;
	text-align: left;
	vertical-align: top;
}
.eventText2
{
	width: 35%;
	padding-left: 15px;
	text-align: left;
	vertical-align: top;
}
.listDate {background-color: #5a4d8d; color: #fff; padding: 3px; font-weight: bold;}
.error {font-weight:bold;font-size:16pt;color:red;}
/*------------------------------------------------------------ */
/* ----- special classes for pop-up window display ----- */
/*------------------------------------------------------------ */
#viewInstr {margin: 20px; padding: 0; width: 90%;text-align:left;}
#viewInstr p {margin: 0 0 20px 0;}
#viewInstr img {border: 0;}



.textL {text-align: left; vertical-align: top;}
.textC {text-align: center !important; vertical-align: top;}
.textR {text-align: right; vertical-align: top;}
.eventP {margin-left: 55px; vertical-align: top;}