/* ----- reset ----- */

@import 'reset.css';

/* ----- body ----- */

body { font-family: Helvetica, Arial, sans-serif; font-size: 100%; }
body#home, body#other { background: #f2f2f2 url('../images/page_bg_home.png') repeat-x; }
body#centre { background: #f2f2f2 url('../images/page_bg_centre.png') repeat-x; }
body#history { background: #f2f2f2 url('../images/page_bg_history.png') repeat-x; }
body#society { background: #f2f2f2 url('../images/page_bg_society.png') repeat-x; }

blockquote { margin: 0 20px 10px 20px; background-color: #eee; padding: 15px 15px 5px 15px; }

/* ----- spans ----- */

span.dates { color: #990000; font-weight: bold; }

/* ----- main divs ----- */

.wrap { width: 750px; margin: 0 auto; }
	#masthead { height: 100px; }
		#home #masthead, #other #masthead { background-image: url('../images/masthead_home.jpg'); }
		#centre #masthead { background-image: url('../images/masthead_centre.jpg'); }
		#history #masthead { background-image: url('../images/masthead_history.jpg'); }
		#society #masthead { background-image: url('../images/masthead_society.jpg'); }
			#search { float: right; width: 249px; height: 34px; padding: 5px 0 0 20px; }
			#mini-nav { clear: right; float:  right; text-align: right; margin: 15px 20px 0 0;}
	#nav { height: 37px; padding: 1px 0 0 0; }
	#middle { width: 100%; background: #f2f2f2 url('../images/page_bg.png') repeat-x 300px left; padding: 20px 0 0 0; }
		#body-home { }
			#home-left { float: left; width: 498px; }
				#news-lures { margin: 10px 0 0 0; padding: 20px 25px; background-color: #fff; }
				.news-lure { margin: 15px 0 0 0; padding: 0 0 10px 0; border-bottom: 1px solid #adcebd; }
			#home-right {
	float: right;
	width: 243px;
	background-color: #FFFFFF;
}
				#updates { margin: 2px 0 0 0; padding: 10px 20px; background-color: #e2dcba; }
				#events-lures { background-color: #f7f5e9; padding: 20px; font-size: 95%; }
				.events-lure { padding: 15px 0 0 0; }
				#quote { border-top: 1px solid #006633; padding: 20px 0 10px 0; margin: 15px 0 0 0 }
		#body { background-color: #fff; }
			#sidebar { float: left; width: 243px; }
			#content { float: right; width: 442px; padding: 15px 30px; }
			#content-full { width: 690px; padding: 15px 30px; }
			.board-member { clear: both; padding: 10px 0; border-top: 1px solid #ccc; }
	#footer { clear: both; background-color: #f2f2f2; padding: 10px 0; color: #999999; }
	.clearfix { clear: both; }
	
/* ----- images ----- */

a img { border: 0; }
#mini-nav img { position:  relative; top: 4px; }
#updates img { position:  relative; top: 1px; }
.news-lure img, .board-member img { float: left; margin: 0 10px 0 0; }
.image-right { float: right; margin: 0 0 0 10px; }

/* ----- paragraphs ----- */

#mini-nav p,
#search p { color: #fff; font-size: 60%; font-weight: bold; text-transform: uppercase; }
.news-lure p { margin: 0 0 5px 0; font: 80% Georgia; color: #333; line-height: 1.4; }
#updates p { color: #000; font-size: 65%; text-transform: uppercase; }
#updates p#update-email { margin: 10px 0 0 0; }
.events-lure p { margin: 0 0 5px 0; font: 80% Georgia; color: #333; line-height: 1.4; }
#quote p { font: 100% Georgia; color: #996633; text-align: center; }
#quote p.attr { font-size: 80%; margin: 10px 0 0 0; }
#content p, #content-full p { margin: 0 0 10px 0; font: 80% Georgia; color: #333; line-height: 1.4; }
blockquote p { margin: 5px 0; }
#content .board-member p { margin: 0 0 .4em 0; }
#footer p { text-align: center; padding: 5px 0; font-size: 70%; }

/* ----- lists ----- */

#content ul, #content-full ul { margin: 15px 0 15px 26px; list-style-type: disc; }
#content ol, #content-full ol { margin: 15px 0 15px 25px; list-style-type: decimal; }
#content li, #content-full li { margin: 0 0 5px 0; font: 80% Georgia; color: #333; line-height: 1.4; }
li li { font-size: 100% !important; }
#sidebar ul { padding: 0 0 10px 20px; }
#sidebar ul li { margin: 0 0 5px 0; }
#sidebar ul li a { display: block; width: 223px; text-decoration: none; text-transform: uppercase; border-bottom: 1px solid #ccc; font-size: 65%; padding: 0 0 4px 0; }
	#other #sidebar ul li a { color: #006633; }
	#history #sidebar ul li a { color: #990000; }
	#centre #sidebar ul li a { color: #2181bb; }	
	#society #sidebar ul li a { color: #ff6600; }	
#sidebar ul li.last a { border: 0; }
#sidebar ul li a:hover { font-weight: bold; }

/* ----- headers ----- */

h1 { margin: 0 0 10px 0; font: 130% Georgia; }
	#history h1 { color: #990000; border-bottom: 1px solid #990000; }
	#centre h1 { color: #2181bb; border-bottom: 1px solid #2181bb; }
	#society h1 { color: #ff6600; border-bottom: 1px solid #ff6600; }
	#other h1 { color: #006633; border-bottom: 1px solid #006633; }
#news-lures h2 { font: 130% Georgia; color: #006633; border-bottom: 1px solid #006633; }
#events-lures h2 { font: 85% Helvetica; color: #333; border-bottom: 1px solid #006633; font-weight: bold; text-transform: uppercase; }
#sidebar h2 { margin: 15px 20px; font: 90% Helvetica; font-weight: bold; text-transform: uppercase; }
	#history #sidebar h2 { color: #990000; }
	#society #sidebar h2 { color: #ff6600; }	
	#centre #sidebar h2 { color: #2181bb; }
#content h2, #content-full h2 { margin: 0 0 10px 0; font-size: 110%; color: #000; font-weight: bold; }
#content .board-member h2 { border: 0; font-size: 90%; font-weight: bold; }
#content h3, #content-full h3 { margin: 0 0 5px 0; font-size: 90%; }
	
/* ----- links ----- */

#mini-nav a { color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; }
#mini-nav a:hover { text-decoration: underline; }
.news-lure a, .events-lure a { color: #990000; font-weight: bold; text-decoration: none; }	
.news-lure a:hover, .events-lure a:hover { text-decoration: underline; }
#support a {
	display: block;
	width: 243px;
	height: 101px;
	background-image: url(../images/slug_1.jpg);
	text-indent: -9999px;
}
#calendar a {
	display: block;
	margin: 2px 0 0 0;
	width: 243px;
	height: 101px;
	background-image: url(../images/slug_2.jpg);
	text-indent: -9999px;
}
#donate1 a {
	display: block;
	margin: 2px 0 0 0;
	width: 243px;
	height: 57px;
	background-image: url(../images/donate.jpg);
	text-indent: -9999px;
}
#content a:link, #content a:visited { color: blue; text-decoration: none; border-bottom: 1px solid blue; }
#content a:hover, #content a:active { color: blue; text-decoration: none; border-bottom: 0; }
#footer a { color: #999999; text-decoration: none; }
#footer p#text-nav a { font-weight: bold; text-transform: uppercase; }
#footer a:hover { text-decoration:  underline; }
.no-border { border: 0 !important;}

/* ----- forms ----- */

p#update-email input.text { width: 130px; }

/* ----- tables ----- */

table { margin: 15px 0; font: 80% Georgia; color: #333; line-height: 1.4; border-top: 1px solid #ccc; padding: 3px; border-right: 1px solid #ccc; }
table#admission tr th { font-family: Arial; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
table#admission tr td { border-bottom: 1px solid #ccc; padding: 3px; border-left: 1px solid #ccc; padding: 3px; }

/* ----- navigation ----- */

#nav ul { white-space: nowrap; }
#nav ul li { float: left; }
#nav ul li a { display: block; float: left; height: 23px; margin: 7px 0 0 0; padding: 5px 14px 0 14px; color: #000; text-decoration: none; text-transform: uppercase; font-size: 13px; font-weight: bold; text-align: center; }

#nav ul li#nav-home a { width: 45px; border-right: 1px solid #999966; }
#nav ul li#nav-centre a { width: 85px; border-right: 1px solid #999966; border-left: 1px solid #fff;}
#nav ul li#nav-library a { width: 85px; border-right: 1px solid #999966; border-left: 1px solid #fff;}
#nav ul li#nav-history a { width: 90px; border-right: 1px solid #999966; border-left: 1px solid #fff; }
#nav ul li#nav-stories a { width: 90px; border-right: 1px solid #999966; border-left: 1px solid #fff; }
#nav ul li#nav-society a { width: 90px; border-left: 1px solid #fff; }
/*#nav ul li#nav-society a { width: 90px; border-right: 1px solid #999966; border-left: 1px solid #fff; }*/
/* When adding the store, remove the line above the above commented line, and un-comment the commented line. */
#nav ul li#nav-store a { width: 45px; border-left: 1px solid #fff; }

#home #nav ul a:hover, #other #nav ul a:hover { color: #006633; background: url('../images/nav_highlight_home.png') no-repeat bottom center; }
#home #nav ul a:hover, #other #nav ul a:hover { color: #006633; background: url('../images/nav_highlight_home.png') no-repeat bottom center; }
#centre #nav ul a:hover { color: #2181bb; background: url('../images/nav_highlight_centre.png') no-repeat bottom center; }
#centre #nav ul a:hover { color: #2181bb; background: url('../images/nav_highlight_centre.png') no-repeat bottom center; }
#history #nav ul a:hover { color: #990000; background: url('../images/nav_highlight_history.png') no-repeat bottom center; }
#history #nav ul a:hover { color: #990000; background: url('../images/nav_highlight_history.png') no-repeat bottom center; }
#society #nav ul a:hover { color: #ff6600; background: url('../images/nav_highlight_society.png') no-repeat bottom center; }
#society #nav ul a:hover { color: #ff6600; background: url('../images/nav_highlight_society.png') no-repeat bottom center; }.image-right2 {
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-bottom: 40px;
}
.image-left {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-bottom: 10px;
}