/*************** Reset ***************/
/*************** Reset - Block Elements ***************/
* {margin:0; padding:0;}
p,blockquote,ul,ol,dl,h1,h2,h3,h4,h5,h6 {font-weight:normal; font-style:normal;}
ul,dl {list-style-type:none;}
ol {list-style-type:decimal;}
pre {white-space:pre;}
img,fieldset {border:0;}
label {cursor:pointer; cursor:hand;}
input {outline:none;}

/*************** Reset - Table Elements ***************/
table,th,td,caption,tbody,thead,tfoot {margin:0; padding:0;}
table {border-spacing:0; border-collapse:collapse; text-indent:0;}
th {text-align:center; vertical-align:middle; font-weight:bold;}
td {text-align:left; vertical-align:top;}
caption {text-align:center; vertical-align:middle;}
tbody,thead,tfoot {vertical-align:middle;}

/*************** Reset - Inline Elements ***************/
strong {font-weight:bold;}
cite,em,var,dfn {font-style:italic;}
code,kbd,samp {font-family:monospace;}
ins {text-decoration:underline;}
del {text-decoration:line-through;}
sub {vertical-align:-0.25em; font-size:smaller; line-height:normal;}
sup {vertical-align:0.5em; font-size:smaller; line-height:normal;}
abbr[title], acronym[title] {border-bottom:dotted 1px;}

/*************** helper classes ***************/
*.floatLeft {float:left;}
*.floatRight {float:right;}
*.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}/* Hack for float clearing - add this class to the parent container surrounding the floats to be cleared */
*.clearBoth {clear:both;}
*.clearLeft {clear:left;}
*.clearRight {clear:right;}

*.static {position:static;}
*.relative {position:relative;}

*.center {text-align:center;}
*.left {text-align:left;}
*.right {text-align:right;}
*.top {vertical-align:top;}
*.middle {vertical-align:middle;}
*.bottom {vertical-align:bottom;}

*.bold {font-weight:bold;}
*.italic {font-style:italic;}

*.hr {margin:5px auto; border-top:none; border-bottom:1px solid #eee9d4;}
*.hr hr {display:none;}/* These two hr rules make for cross-browser consistent hr display - use <div class="hr"><hr /></div> */

/*************** Site-wide ***************/
body {
	min-width:1000px; /* fixes bug for older versions of Mozilla & Netscape in order to center page */
	text-align:center; /* centers page for IE */
	background:#000000;
	color:#999999;
	font:normal 90% Arial,Sans-serif;
}
#viewWrap {
	width:100%; /* width & height rules for Safari 3 */
	height:100%;
	margin:0 auto;
	text-align:left; /* To override the text-align:center rule for the body tag, which centers the page for IE */
	background-image:url(images/main_background.gif);
	background-position:center top;
	background-repeat:no-repeat;
}
#pageWrap {
	margin:0 auto;
	width:1000px;
}
.copyTitle {font:bold 14px Arial,Sans-serif; color:#ffffff;}
.copyTitle2 {font:bold 11px Arial,Sans-serif; color:#ffffff;}
.copyTitle3 {font:bold 15px Arial,Sans-serif; color:#ffffff;}

/*************** Top Bar ***************/
#topBar {width:1000px;}
#topBar img#topBarLogo {float:left; width:355px;}
#topBar ul#topNav {float:left; width:645px;}
#topBar ul#topNav li {float:left;}
#topBar ul#topNav li span{display:none; font-size:0px;}

ul#topNav li  a {display:block; text-decoration:none;}
ul#topNav li#homeButton a {width:105px; height:83px; background-image:url(images/top_nav/home_nav.gif); background-position: 0 0;}
ul#topNav li#homeButton a:hover {background-position: 0 -83px;}
ul#topNav li#listButton a {width:91px; height:83px; background-image:url(images/top_nav/list_nav.gif);background-position: 0 0;}
ul#topNav li#listButton a:hover {background-position: 0 -83px;}
ul#topNav li#reunionsButton a {width:85px; height:83px; background-image:url(images/top_nav/reunions_nav.gif);background-position: 0 0;}
ul#topNav li#reunionsButton a:hover {background-position: 0 -83px;}
ul#topNav li#enewsButton a {width:114px; height:83px; background-image:url(images/top_nav/enews_nav.gif);background-position: 0 0;}
ul#topNav li#enewsButton a:hover {background-position: 0 -83px;}
ul#topNav li#blogButton a {width:67px; height:83px; background-image:url(images/top_nav/blog_nav.gif);background-position: 0 0;}
ul#topNav li#blogButton a:hover {background-position: 0 -83px;}
ul#topNav li#photosButton a {width:84px; height:83px; background-image:url(images/top_nav/photos_nav.gif);background-position: 0 0;}
ul#topNav li#photosButton a:hover {background-position: 0 -83px;}
ul#topNav li#contactButton a {width:99px; height:83px; background-image:url(images/top_nav/contact_nav.gif);background-position: 0 0;}
ul#topNav li#contactButton a:hover {background-position: 0 -83px;}

body#home #topBar ul#topNav li#homeButton {width:105px; height:83px;background-image:url(images/top_nav/home_nav.gif); background-position: 0 -83px;}
body#list #topBar ul#topNav li#listButton {width:91px; height:83px;background-image:url(images/top_nav/list_nav.gif); background-position: 0 -83px;}
body#reunions #topBar ul#topNav li#reunionsButton {width:85px; height:83px;background-image:url(images/top_nav/reunions_nav.gif); background-position: 0 -83px;}
body#enews #topBar ul#topNav li#enewsButton {width:114px; height:83px; background-image:url(images/top_nav/enews_nav.gif); background-position: 0 -83px;}
body#blog #topBar ul#topNav li#blogButton {width:67px; height:83px; background-image:url(images/top_nav/blog_nav.gif); background-position: 0 -83px;}
body#photos #topBar ul#topNav li#photosButton {width:84px; height:83px; background-image:url(images/top_nav/photos_nav.gif);background-position: 0 -83px;}
body#contact #topBar ul#topNav li#contactButton {width:99px; height:83px; background-image:url(images/top_nav/contact_nav.gif); background-position: 0 -83px;}
   
/*************** main & home content ***************/
#mainContent {
	float:left;
	width:1000px;
}
#homeCopy {
	float:left;
	width:390px;
	height:127px;
	overflow:auto;
	background:#7a2426;
}
#homeCopy p {font-size:13px; color:#ffffff;}
#homeCopy p .homeAttribution {font-style:italic;}

/*************** class list content ***************/
h1#comingSoon {
	font:bolder 18px Arial;
	color:#999999;
}
body#list #pageWrap {
	margin:0 auto;
	width:1000px;
	background-image:url(images/list_3.gif);
	background-repeat:repeat-y;
}
#listBox {
	float:left;
	width:480px;
	padding-top:44px;
	height:auto;
	background:#ffffff;
	background-image:url(images/list_2-2.gif);
	background-repeat:no-repeat;
	overflow:visible;
	font-size:12px;
	color:#000000;	
}
#listBox p {font-weight:bold; padding:0 10px;}
#listBox a#fullList {font-size:17px; font-weight:bold; color:#7a2426; text-decoration:none;}
#listBox a:hover#fullList {text-decoration:underline;}
#listBox p#listMessage {font-size:11px; padding-top:6px;}
#listBox p#listIndex {font-size:14px; padding-top:18px; letter-spacing:0.1em;}
#listBox p#listIndex a {text-decoration:none; color:#336666;}
#listBox p#listIndex a:hover {text-decoration:underline;}
#listBox div#listRowTitles {
	float:left;
	width:455px;
	padding:6px 10px;
	margin:12px 5px 0 0;
	font-size:14px;
	font-weight:bold;
	color:#7a2426;
	background-color:#e7e7e7;
}
#listBox div#listRowTitles #listLastNameTitle {width:190px; float:left;}
#listBox div#listRowTitles #listFirstNameTitle {width:140px; float:left;}
#listBox div#listRowTitles #listEmailTitle {width:125px; float:left;}
#listBox div#classList {float:left; padding:0 10px; font-weight:bold;}
#listBox div#classList p {float:left; width:460px; padding:15px 0 0; font-size:20px; font-weight:bold; color:#7a2426;}
#listBox div#classList div.classListNameRow {float:left; width:460px; padding:2px 0;}
#listBox div#classList div.classListLastName {float:left; width:190px;}
#listBox div#classList div.classListFirstName {float:left; width:140px;}
#listBox div#classList div.classListEmail {float:left; width:130px;}
#listBox div#classList div.classListEmail a {font-style:italic; color:#336666; text-decoration:none;}
#listBox div#classList div.classListEmail a:hover {text-decoration:underline;}



#leftListBG {
	float:left;
	width:172px;
	background-image:url(images/list_3-1.gif);
	background-repeat:repeat-y;
}
#rightListBG {
	float:left;
	width:248px;
	background-image:url(images/list_3-2.gif);
	background-repeat:repeat-y;
}



#listFormBox {
	float:left;
	padding:0px 70px 0 30px;
	width:248px;
	height:679px;
	background-image:url(images/list_2-3.gif);
	background-repeat:no-repeat;
	overflow:auto;
}
#listFormBox p#listFormRequiredP {color:#cc0000; font-weight:bold; margin-bottom:5px;}
#listFormBox #listForm span.listFormRequired {color:#cc0000; font-weight:bold;}
#listFormBox #listForm {float:left;}
#listFormBox #listForm p {float:left; color:#000000; font-weight:bold;}
#listFormBox #listForm label {
/*	text-align:right;*/
	float:left;
	width:90px;
	margin-top:3px;
	font-size:12px;
	font-weight:bold;
}
#listFormBox #listForm input {
	float:right;
	width:150px;
	margin-bottom:7px;
	font-size:12px;	
}

#listFormBox #listForm textarea {float:right; margin-bottom:5px; width:150px; height:45px; font:normal 11px arial;}
#listFormBox #listForm p#listEmailUpdates {margin-top:8px; font-size:12px;}
#listFormBox #listForm p#listEmailUpdates label {float:right; width:15px; margin-left:5px;}
#listFormBox #listForm p#listEmailUpdates input {float:right; width:auto; height:auto; margin-left:15px;}
#listFormBox #listForm input#listSubmitButton {float:right; width:92px; height:27px; margin:8px 60px 0 0;}

#listFormBox #listForm label#EmailTypeLabel {width:100px; margin-top:10px; float:left;}
#listFormBox #listForm label#EmailTypeLabelHtml {width:35px; float:left; margin-left:22px; margin-top:10px;}
#listFormBox #listForm label#EmailTypeLabelText {width:30px; float:left; margin-left:20px; margin-top:10px;}
#listFormBox #listForm input#EmailTypeHtml {width:auto; height:auto; float:left; margin-top:10px;}
#listFormBox #listForm input#EmailTypeText {width:auto; height:auto; float:left; margin-top:10px;}

#listFormBox #listForm label#EmailDisplayLabel {height:30px; float:left;}
#listFormBox #listForm label#EmailDisplayLabelYes {width:25px; float:left; margin-left:18px;}
#listFormBox #listForm label#EmailDisplayLabelNo {width:25px; float:left; margin-left:20px;}
#listFormBox #listForm input#eNewsDisplayYes {width:auto; height:auto; float:left; margin-top:5px;}
#listFormBox #listForm input#eNewsDisplayNo {width:auto; height:auto; float:left; margin-top:5px;}


/*************** reunions content ***************/
#pastPhotosBox {
	float:left;
	width:135px;
	height:443px;
	font-size:11px;
	background-image:url(images/reunions_2-1.gif);
	background-repeat:no-repeat;
	overflow:auto;
}
#pastPhotosBox p {margin:86px 20px 0;}
#pastPhotosBox a {color:#000000; text-decoration:none;}
#pastPhotosBox a:hover {text-decoration:underline;}
#reunionsBox {
	float:left;
	width:370px;
	height:443px;
	font-size:12px;
	background-image:url(images/reunions_2-2.gif);
	background-repeat:no-repeat;
	overflow:auto;
}
#reunionsBox p {
	color:#ffffff;
	font-size:13px;
	margin:30px 20px 20px 0;
}

#reunionsBox a {color:#ffffff; text-decoration:none;}
#reunionsBox a:hover {text-decoration:none;}
a.class2 {color:#66CCCC;}
.class2:hover {color:#66CCCC; text-decoration:underline;}


#committeeFormBox {
	float:left;
	padding:15px 35px 0 25px;
	width:435px;
	height:428px;
	background:#ffffff;
	background-image:url(images/reunions_2-3.gif);
	background-repeat:no-repeat;
	overflow:auto;
}
/*
#committeeFormBox p#committeeFormRequiredP {color:#cc0000; font-weight:bold; margin-bottom:5px;}
#committeeFormBox #committeeForm span.committeeFormRequired {color:#cc0000; font-weight:bold;}
*/
#committeeFormBox #committeeForm {float:left;}
#committeeFormBox #committeeForm p {float:left; color:#000000;}
#committeeFormBox #committeeForm label {
/*	text-align:right;*/
	float:left;
	width:100px;
	margin-top:3px;
	font-size:11px;
	font-weight:bold;
}
#committeeFormBox #committeeForm .committeeLabelLarge{font-size:12px;}
#committeeFormBox #committeeForm input {
	float:right;
	width:170px;
	margin:0 130px 3px 0;
	font-size:10px;
}
#committeeFormBox #committeeForm div#committeeVolunteerOptions {float:left; width:435px; margin:5px 0;}
#committeeFormBox #committeeForm div#committeeVolunteerOptions p#VolOptionsTitle {width:435px; margin:10px 0;}
#committeeFormBox #committeeForm .committeeFormHighlight{color:#7a2426; font-weight:bold;}
#committeeFormBox #committeeForm div#committeeVolunteerOptions label {width:180px; margin:2px 10px 0 5px;}
#committeeFormBox #committeeForm div#committeeVolunteerOptions span.committeeVolunteerOptionsSmPrint {font-size:10px;}
#committeeFormBox #committeeForm div#committeeVolunteerOptions input {float:left; width:auto; height:auto; margin:2px 0 0 0;}
#committeeFormBox #committeeForm label#committeeCommentsLabel {width:410px;}
#committeeFormBox #committeeForm textarea {width:410px; height:30px; font:normal 10px arial;}
#committeeFormBox #committeeForm label#committeeSubmitButtonLabel {width:230px; font:bold 10px arial; margin-top:10px;}
#committeeFormBox #committeeForm input#committeeSubmitButton {float:right; width:92px; height:27px; margin:10px 20px 0 0;}

/*************** eNews content ***************/
#newsletterBox {
	float:left;
	width:512px;
	height:326px;
	background:#7a2426;
	color:#ffffff;
	font-size:12px;
}
#newsletterBox #enewsCopy {
	float:left;
	width:272px;
	height:227px;
	padding-right:30px;
	overflow:auto;
	font-size:13px;
}
#newsletterBox #enewsCopy a {color:#FFFFFF; text-decoration:none; text-decoration:underline;}
#newsletterBox #enewsCopy a:hover {text-decoration:underline;}

#newsletterBox #enewsArchives {
	float:left;
	width: 200px;
	height:227px;
	color:#ffc82e;	
	padding-right:10px;
	overflow:auto;
}
#newsletterBox #enewsArchives a {color:#ffc82e; text-decoration:none; }
#newsletterBox #enewsArchives a:hover {color:#ffc82e; text-decoration:underline; }

#enewsFormBox {
	float:left;
	width:311px;
	height:326px;
	padding:0 30px;
	background:#ffffff;
	color:#000000;
	overflow:auto;

}
#enewsFormBox p#eNewsFormRequiredP {font-size:10px; margin:8px 0 15px; color:#cc0000; font-weight:bold;}
#enewsFormBox #enewsForm span.eNewsFormRequired {font-size:12px; color:#cc0000; font-weight:bold;}
#enewsFormBox #enewsForm {float:left;}
#enewsFormBox #enewsForm p {float:left;}
#enewsFormBox #enewsForm label {
/*	text-align:right;*/
	float:left;
	width:100px;
	margin-top:2px;
	font-size:12px;
	font-weight:bold;
}
#enewsFormBox #enewsForm input {
	float:right;
	width:180px;
	margin-bottom:3px;
	font-size:11px;
}
#enewsFormBox #enewsForm label#EmailTypeLabel {margin-top:10px; float:left;}
#enewsFormBox #enewsForm label#EmailTypeLabelHtml {width:40px; float:left; margin-left:27px; margin-top:10px;}
#enewsFormBox #enewsForm label#EmailTypeLabelText {width:35px; float:left; margin-left:20px; margin-top:10px;}
#enewsFormBox #enewsForm input#EmailTypeHtml {width:auto; height:auto; float:left; margin-top:10px;}
#enewsFormBox #enewsForm input#EmailTypeText {width:auto; height:auto; float:left; margin-top:10px;}

#enewsFormBox #enewsForm label#EmailDisplayLabel {height:30px; float:left;}
#enewsFormBox #enewsForm label#EmailDisplayLabelYes {width:25px; float:left; margin-left:18px;}
#enewsFormBox #enewsForm label#EmailDisplayLabelNo {width:25px; float:left; margin-left:20px;}
#enewsFormBox #enewsForm input#eNewsDisplayYes {width:auto; height:auto; float:left; margin-top:5px;}
#enewsFormBox #enewsForm input#eNewsDisplayNo {width:auto; height:auto; float:left; margin-top:5px;}

#enewsFormBox #enewsForm input#eNewsSubmitButton {float:left; width:92px; height:27px; margin:15px 0 0 128px;}

/*************** blog content ***************/
#blogMenuBox {
	margin-top: -242px;
	float:right;
	width:201px;
	height:910px;
	font-size:13px;
	background-image:url(images/blog_1-2.gif);
	background-repeat:no-repeat;
	overflow:auto;
}
#blogMenuBox img#blogMenuTopImage {margin-top:131px;}
#blogMenuBox ul {font-weight:bold;}
#blogMenuBox li  {margin:5px 69px 5px 0;}
#blogMenuBox a {color:#7a2426; text-decoration:none;}
#blogMenuBox a:hover {text-decoration:underline;}
#blogContentBox {
	float:left;
	width:1000px;
	font-size:12px;
	color:#000000;
	background: url(images/blog_bg.gif) repeat-y;
}
#blogContentBox dt, div.scroller dt {font-size:14px; font-weight:bold; color:#7a2426;}
#blogContentBox dt#blogDate {margin-top:15px;}
#blogContentBox a, div.scroller a {color:#7a2426; text-decoration:none;}
#blogContentBox a:hover, div.scroller a:hover {text-decoration:underline;}

#blogContentBox dl {
	width: 611px;
	float: left;
}


#blogContentBox p {
	margin: 5px 0;
	padding: 5px 0;
}

div.archives {
	background: url(images/bg_scroller.gif) repeat-y;
	background-position: 8px 0px;
	width: 138px;
	*width: 140px;
	height: 140px;
	*height: 123px;
	overflow: hidden;
}

div.photo_names {
	background: url(images/bg_scroller.gif) repeat-y;
	background-position: 48px 0px;
	width: 178px;
	*width: 180px;
	height: 140px;
	*height: 140px;
	overflow: hidden;
	margin-top: 8px;
}

div.archives div.scroller {
	overflow: auto;
	height: 140px;
}

div.photo_names div.scrollbar {
	overflow: auto;
	height: 140px;
}

div.archives div.scroller ul, div.archives div.scroller ul li {
	width: 108px;
}

/*************** photos content ***************/
#photosBox {
	float:left;
	width:193px;
	height:282px;
	font-size:16px;
	background:#ffc82e;
	overflow:auto;
}
#photosBox p {font-weight:bold; color:#7a2426;}
#photosBox #photosTitle {color:#000000;}
#photosBox ul {font-weight:bold; margin-top:10px;}
#photosBox a {color:#000000; text-decoration:none;}
#photosBox a:hover {text-decoration:underline;}

/*************** contact content ***************/
#contactBox {
	float:left;
	width:411px;
	height:259px;
	font-size:15px;
	color:#ffffff;
	background:#7a2426;
	overflow:auto;
}
#contactBox p {font-weight:bold; margin:50px 20px 0;}
#contactBox a {color:#ffc82e; text-decoration:none;}
#contactBox a:hover {text-decoration:underline;}
#connectedBox {
	float:left;
	width:345px;
	height:259px;
	font-size:16px;
	background-image:url(images/contact_2-3.gif);
	background-repeat:no-repeat;
	overflow:auto;
}
#connectedBox a {color:#000000; text-decoration:none;}
#connectedBox a:hover {text-decoration:underline;}
#connectedBox p {font-weight:bold; margin:20px 155px 20px 0;}

/*************** Footer ***************/
#footer {
	width:1000px;
	margin:0 auto;
	padding:10px 0;
	font-size:0.8em;
	line-height:1.5em;
	text-align:center;
	color:#cccccc;
}
#footer a {color:#ffc82e; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

#footer .barSpacer{margin:0 4px;}