/* ----------------------------------- default ----------------------------------- */
html, body {
	min-width:966px;
	color:#111;
	font-size:14px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	background:#535353;
}

strong, b { font-weight:bold;}

.clear {	clear:both;	font-size:0; }





/*------------------------------------ header ------------------------------------*/
#header {
	margin:0 auto;
	width:966px;
	height:152px;
	overflow:hidden;
}

#header form {
	float:right;
	display:inline;
	width:335px;
	height:40px;
	margin:20px 20px 0 0;
	padding:0;
	text-align:right;
}

#header form label {	
	line-height:22px;
	margin:0;
	padding:0;
}
#header form input {
	line-height:18px;
	margin:0;
	padding:0;
	width:195px;
	height:20px;
	border:1px solid #999;
}
#header form button img, #header form button {
	vertical-align:top;
	margin:0;
	padding:0;
	border:none;
	background:none; 
	cursor:pointer; 
	/*_cursor:hand; alternate cursor for IE*/
}


#header h1 a {
	float:left;
	display:block;
	width:560px;
	height:152px;
	text-indent:-1000px;
	overflow:hidden;
	z-index:200;
}
#header h2 a {
	float:right;
	display:block;
	clear:right;
	margin-right:50px;
	width:200px;
	height:80px;
	text-indent:-1000px;
	overflow:hidden;
	z-index:200;
}





/*------------------------------------------------- main content wrapper ------------------------------------ */
#wrapper {
	display:block;
	width:906px;
	margin:0 auto;
	padding:15px 30px 0 30px;
}

#wrapper.home #content {
	min-height:200px;
}



/*------------------------------------------------- content -------------------------------------------------*/
#content {
	float:left;
	display:inline;
	width:575px;
	min-height:300px;
	padding:13px 15px 0 0;
	overflow:hidden;
}

#content.noside {
	width:100%;
	overflow:hidden;
	padding-right:0;
}


/*---------------------- general styles -------------------------*/
#content h1 {
	margin:0 0 0 40px;
	padding:0 8px 5px 8px;
	width:auto;
	float:left;
	display:inline;
	font-size:26px;
	line-height:26px;
	font-weight:normal;
	background:#fff;
	font-family:"Times New Roman", Times, serif;
}
#content h1 a:hover {
	text-decoration:none;
}

#content h2, #content .heading2 {
	font-size:20px;
	line-height:25px;
	font-weight:bold;
	position:relative;
}
#content h2 a:hover, #content .heading2 a:hover {
	text-decoration:none;
}

#content h3, #content .heading3 {
	font-size:18px;
	line-height:20px;
	font-weight:bold;
}

#content h4, #content .heading4 {
	font-size:18px;
	line-height:20px;
	font-weight:normal;
}



#content p {
	padding:5px 0;
}

#content ul {
	list-style:outside;
	margin-left:30px;
	margin-bottom:10px;
}
#content ol {
	margin-left:30px;
	margin-bottom:10px;
}
#content li {
	padding:4px 0;
}

#content table {border:none;}





/*----------------------------------- member directory --------------------------------------*/

/*---------------------- search directory form -------------------------*/
#content form.directorySearch {
	float:right;
	display:inline;/*
	width:335px;*/
	height:30px;
	margin:0 0 0 0;
	padding:0 0 0 10px;
	text-align:right;
	background:#fff;
}

#content form.directorySearch label {	
	line-height:22px;
	margin:0 10px 0 0;
	padding:0;
}
#content form.directorySearch input {
	line-height:18px;
	margin:0 5px 0 0;
	padding:0;
	width:150px;
	height:20px;
	border:1px solid #999;
}
#content form.directorySearch button img, #content form.directorySearch button {
	vertical-align:top;
	margin:0;
	padding:0;
	border:none;
	background:none; 
	cursor:pointer; 
	/*_cursor:hand; alternate cursor for IE*/
}


/*---------------------- welcome/logout -------------------------*/
#content ul.welcome {
	margin:12px 0 0 0;
	padding:0;/*
	width:50%;*/
	list-style:none;
	float:right;
	display:inline;
	font-size:13px;
	clear:right;
}

#content ul.welcome li {
	float:left;
	display:inline;
	margin:0 0 0 15px;
}


/*---------------------- officers menu -------------------------*/
#content ul.officers {
	margin:5px 0 10px 0;
	padding:0;
	list-style:none;
	clear:left;
	float:left;
	width:600px;
	display:inline;
}
#content ul.officers li {
	float:left;
	display:inline;
	margin:5px;
}



/*---------------------- members table -------------------------*/
#content table.members {
	padding:0;
	clear:both;
	border-top:1px solid #ccc;
	width:100%;
}
#content table.members * {
	border:none;
}
#content table.members h4 {
	padding:10px 0 0 0;
}
#content table.members td {
	text-align:center;
}
#content table.members tr td.photo {
	height:125px;
}
#content table.members tr td.name {
	
}
#content table.members img {
	padding:5px;
	border:1px solid #ccc;
}

#content table.members a:hover img {
	padding:5px;
	border:1px solid #ccc;
	background:#ff9523;
}



#content ul.alphabet {
	padding:10px 0 20px 0;
	margin:0 auto;
	list-style-type: none;
	text-align: center; 
	font-size:12px;
	width:88%;
}

#content ul.alphabet li {
	float:left;
	display: inline;
	margin-bottom:10px;
}

#content ul.alphabet li.noLink {
	text-decoration: none;
	position: relative;
	padding: 3px 7px;
	margin:0 1px 0 0;
	border: 1px solid #ccc;
	background: #fff;
	color:#ccc;
}
#content ul.alphabet li a {
	text-decoration: none;
	position: relative;
	padding: 3px 7px;
	margin:0 1px 0 0;
	border: 1px solid #778;
	background: white url(../images/button_directory.gif) top left repeat-x;
	color:#112e42;
}

#content ul.alphabet li a:hover {
	text-decoration:none;
	color: #fff;
	background:#4f789f;
}





/*----------------------------------- books available --------------------------------------*/
#content ul.booksNav {
	padding:10px 0 0 0;
	margin:0 0 0 20%;
	list-style: none;
	text-align: center; 
	font-size:12px;
	width:80%;
	height:26px;
	clear:both;
}

#content ul.booksNav li {
	float:left;
	display: inline;
}

#content ul.booksNav li.noLink {
	text-decoration: none;
	position: relative;
	padding: 3px 7px;
	margin:0 1px 0 0;
	border: 1px solid #ccc;
	background: #fff;
	color:#ccc;
}
#content ul.booksNav li.booksNavTitle {
	text-decoration: none;
	position: relative;
	padding: 1px 7px;
	margin:0;
	background: #fff;
	color:#112e42;
	width:50%;
	font-size:18px;
	line-height:20px;
	font-weight:normal;
}
#content ul.booksNav li a {
	text-decoration: none;
	position: relative;
	padding: 3px 7px;
	margin:0 1px 0 0;
	border: 1px solid #778;
	background: white url(../images/button_directory.gif) top left repeat-x;
	color:#112e42;
}

#content ul.booksNav li a:hover {
	text-decoration:none;
	color: #fff;
	background:#4f789f;
}


#content table.books {
	width:100%;
	clear:both;
	margin:15px 0 0 0;
}
#content table.books tr th {
	border-bottom:1px solid #ccc;
	border-collapse:collapse;
	padding:0 3px 10px 3px;
}
#content table.books tr td {
	border-bottom:1px solid #ccc;
	border-collapse:collapse;
	padding:5px 15px 5px 3px;
}


#content table.books tr th.author {
	width:30%;/*
	border:none;*/
}


/* ------------------------------------------------- photo gallery ----------------------------------- */

#content table.photoGallery {
	margin:10px 0 0 0;
	padding:0;
	width:100%;
	clear:both;
	font-size:13px;
}
#content table.photoGallery tr td.photoGalleryIMG {
	width:163px;
}
#content table.photoGallery tr td.photoGalleryTEXT {
	padding:10px 25px 0 0;
}
#content table.photoGallery tr td img {
	margin:5px 5px 5px 0;
	padding:3px;
	background:#fff;
	border:1px solid #ccc;
	width:150px;
} 

#content table.photoGallery tr td a:hover img {
	background:#ff9523;
}












/* ------------------------------------------------- sidebar ----------------------------------- */
#sidebar {
	width:301px;
	float:right;
	display:inline;
	margin:27px 0 0 0;
	padding:0 0 0 1px;
}

#sidebar.home {
	width:302px;
	float:right;
	display:inline;
	margin:0;
	padding:0;
	background:none;
}



/* ----------------------- general sidebar styles ----------------------- */
#sidebar h1 {
	color:#632908;
	font-size:22px;
	line-height:23px;
	text-align:center;
	font-weight:normal;
}
#sidebar h2 {
	color:#632908;
	font-size:18px;
	line-height:20px;
	text-align:left;
	font-weight:normal;
	clear:left;
	padding:10px 0;
}

#sidebar p {
	margin:5px 0 10px 0;
}





/* ----------------------- subpage image ----------------------- */
#sidebar #sideImg {
	width:300px;
	overflow:hidden;
}
#sidebar #sideImg * {
	margin:0;
	padding:0;
}

/* ----------------------- sidebar extra content ----------------------- */
#sidebar .extras {
	width:301px;
	overflow:hidden;
	height:140px;
	min-height:140px;
}





/* ----------------------- facility rental on homepage ----------------------- */
#sidebar #rental {
	width:300px;
	height:206px;
	border:1px solid #b0b9e1;
	overflow:hidden;
	background:url(../images/bg_sidebar_rental.jpg) top left no-repeat;
	margin-bottom:20px;
}


#sidebar #rental h1 a {
	float:left;
	display:block;
	width:270px;
	height:42px;
	padding:0 15px;
	overflow:hidden;
	color:#3c3c3c;
	font-size:18px;
	line-height:42px;
	text-align:right;
	text-decoration:none;
}
#sidebar #rental h1 a span {
	font-size:23px;
	line-height:42px;
}
#sidebar #rental h1 a:hover {
	background:#b2c5e7;
	text-decoration:none;
}


#sidebar #rental h2/*,
#sidebar #rental .promoTitleLight*/ {
	font-style:italic;
	font-size:20px;
	color:#676767;
	padding:15px 20px 5px 20px;
}/*
#sidebar #rental p .promoTitleLight {
	padding: 15px 0 5px 0;
}*/
#sidebar #rental h2 span/*,
#sidebar #rental .promoTitleDark*/ {
	color:#303030;
}
	
#sidebar #rental p {
	padding:0 20px;
	color:#5a5a5a;
	font-size:14px;
}

#sidebar #rental h3 a {
	color:#000;
	font-size:15px;
	padding:0 20px 0 0;
	float:right;
	display:block;
	font-weight:normal;
	text-decoration:none;
}
#sidebar #rental h3 a span {
	font-size:20px;
}
#sidebar #rental h3 a:hover {	text-decoration:underline;}



/*---------------------- upcoming events -------------------------*/
#sidebar #events {
	width:300px;
	border:1px solid #bdbdbd;
	background:url(../images/bg_sidebar_events.jpg) bottom left repeat-x;
	margin-bottom:20px;
}

#sidebar #events h1 a {
	float:left;
	display:block;
	width:270px;
	height:42px;
	padding:0 15px;
	overflow:hidden;
	color:#fff;
	font-size:18px;
	line-height:42px;
	text-align:left;
	background:url(../images/bg_sidebar_events_title.jpg) top left no-repeat;
	text-decoration:none;
}
#sidebar #events h1 a span {
	font-size:23px;
	line-height:42px;
}
#sidebar #events h1 a:hover {
	background:#134e70;
	text-decoration:none;
}


#sidebar #events ul.popup {
	margin:0;
	padding:0;
	clear:both;
	list-style: none;
	color:#3a3a3a;
}
#sidebar #events ul.popup li {
	margin:0;
	padding:0;
	position: relative;
}
#sidebar #events ul.popup li.hat a { background:url(../images/hat.gif) 270px 25px no-repeat ;}
#sidebar #events ul.popup li.hat a:hover { background:#ffc url(../images/hat.gif) 270px 25px no-repeat ;}

#sidebar #events ul.popup li.lady a { background:url(../images/lady.gif) 270px 25px no-repeat; }
#sidebar #events ul.popup li.lady a:hover { background:#ffc url(../images/lady.gif) 270px 25px no-repeat; }

#sidebar #events ul.popup li.both a { background:url(../images/both.gif) 245px 25px no-repeat; }
#sidebar #events ul.popup li.both a:hover { background:#ffc url(../images/both.gif) 245px 25px no-repeat; }


#sidebar #events ul.popup li a {
	width:270px;
	height:30px;
	padding:15px;
	display: block;
	color: #3a3a3a;
	text-decoration: none;
	background: url(images/button.gif) no-repeat center center;
}
#sidebar #events ul.popup li a:hover { background:#ffc; }

#sidebar #events ul.popup li em {
	background:#fff url(../images/bg_sidebar_events_popup.jpg) top left repeat-x;
	border:1px solid #7f7f7f;
	width: 275px;
	position: absolute;
	top: 15px;
	left: 40px;
	padding: 10px;
	z-index: 200;
	display: none;
}











/* ------------------------------------------------ cms form styles ------------------------------------------------ */
#content div.formText {
	margin-bottom:15px;
	display:block;
}

#content form table.cmsForm {/*
	display:inline;*/
	line-height:18px;/*
	width:410px;*/
	margin:10px auto 0 auto;
	width:100%;
}
#content form table.cmsForm tr td {	
	vertical-align:top;
	margin-top:0;
	padding:0 15px 5px 0;
	text-align:left;
}
#content form table.cmsForm tr td.formName {
	width:45%;
	text-align:right;
}

#content form table.cmsForm input, #content form table.cmsForm select {/*
	color:#666;*/
	margin-right:5px;
}

#content form table.cmsForm #checkbox {
	float:left;
	clear:both;
	display:block;
}

#content form table.cmsForm .required {
	font-size:20px;
	color:#f33;
	display:inline;
}










/*------------------------------------ sitemap ------------------------------------*/
#content p.level1 {
	margin:10px 0 5px 0;
	padding:0;
	color:#036;
	font-size:16px; 
	line-height:18px;
	font-weight:normal;
	width:225px;
}
#content p.level2 {
	margin:5px 0 5px 15px;
	padding:0;
	color:#036;
	font-size:14px; 
	line-height:18px;
	font-weight:normal;
}
#content p.level3 {
	margin:0 0 5px 30px;
	padding:0;
	font-size:14px; 
	line-height:16px;
	font-weight:normal;
}
#content p.level4 {
	margin:0 0 0 45px;
	padding:0;
	font-size:14px; 
	line-height:16px;
	font-weight:normal;
}
#content p.level1 a {
	font-size:16px; 
	line-height:20px;
	font-weight:normal;
}










/*------------------------------------ footer ------------------------------------*/
#footer {
	clear:both;
	margin:0 auto;
	width:941px;
	height:140px;
	padding:19px 10px 0 15px;
	font-size:11px;
	line-height:16px;
	background:url(../images/bg_footer.jpg) top center no-repeat;
	color:#4e4e4e;
}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer ul {list-style:none;}


#footer ul.address {
	display:inline;
	width:866px;
	font-family:"Times New Roman", Times, serif;
	color:#edebd5;
}
#footer ul.address li {
	margin:0 0 15px 0;
	padding:0;
	font-size:17px;
	line-height:40px;
	color:#112e42;
	text-align:center;
	width:400px;
	display:block;
	float:left;
}
#footer ul.address li.short {
	width:66px;
}



#footer ul.footerL a, 
#footer ul.footerR a {
	color:#4e4e4e;
	font-size:12px;
}
#footer ul.footerL a:hover, 
#footer ul.footerR a:hover {
	color:#4e4e4e;
	font-size:12px;
}

#footer ul.footerL {
	float:left;
	display:inline;
	width:690px;
	margin-left:40px;
}
#footer ul.footerL li {
	display:inline;
	margin:0 15px 0 0;
}


#footer ul.footerR {
	float:right;
	display:inline;
	width:170px;
	margin-right:40px;
	text-align:right;
}
#footer ul.footerR li {
	margin:0;
	text-align:right;
}
#footer ul.footerR li.light,
#footer ul.footerR li.light a {
	color:#a1a1a1;
}