.clearfix { clear:both;}
body { background:#66cc66 url(/images/body-bg.jpg) center top no-repeat; padding-top:50px;}

a:link, a:visited, a:active, a:focus {
	color:#bf3535;
	text-decoration: underline;
}

a:hover {
	color: #6bb252;
	text-decoration: none;
}

#containter { width:978px; margin:0 auto; overflow:auto;}
#container-top { width:978px; height:32px; background:url(/images/content-body-top.png) no-repeat;}
#container-middle { width:978px; min-height:400px; height:auto !important; height:400px; background:url(/images/content-body-middle-y.png) repeat-y center;}
#header { width:910px; height:123px; background:url(/images/header-bg-x.jpg) repeat-x; margin:0 0 0 32px;}
#logo { float:left; height:123px; width:254px;}
#other { float:right; height:123px; width:650px;}
h1.site-title { font:18px arial; color:#666; margin:10px 10px 0 0; padding:0; text-align:right;}
h1.date { font:12px verdana; margin:14px 20px 0 388px; text-align:right;}
.searchbar { background:url(/images/search-bg.png) no-repeat; height:25px; border:none; width:199px; margin:14px 0 0 388px; color:#FFFFFF; font:italic 11px arial; padding-top:8px; padding-left:50px; color:#666;}
#container-bottom { width:978px; height:37px; background:url(/images/content-body-bottom.png) no-repeat;}
/*Navigation*/
	
	/*Horizontal Navigation*/
.h-nav{
width:910px; margin:0 0 0 32px;
overflow: hidden;
background:url(/images/nav-bg.jpg) repeat-x;
}

.h-nav ul{
	margin: 0;
	padding: 0;
	padding-left: 10px; /*offset of tabs relative to browser left edge*/
	font:14px;
	list-style-type: none;
	float:left;
}

.h-nav li{
	display: inline;
	margin: 0;
}

.h-nav li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 12px 8px 10px 9px; /*padding inside each tab*/
	font-size:13px;
	color: white;
	font-family:Arial;
}

.h-nav li a:visited{
	/*color: white;*/
}

.h-nav li a:hover, .h-nav li.selected a, .selected{
color:#9a2b30;
background:url(/images/nav-bg-hover.jpg) repeat-x; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
.first-option a { border-left:none !important;}

/*Three topmost columns*/
#three-col-container {margin:0 0 0 32px;}
.leanColumns, .mainColumns {min-height:300px; height:auto !important; height:300px; float:left; margin:1px;}
.leanColumns { width:162px; background:#fbfafa;}
.leanColumns h1 { display:block; width:162px; height:26px; font:18px arial; color:#c63736; text-indent:10px; margin:10px 0 0 0; padding:4px 0 8px 0; background:url(/images/h1.content-title.jpg) no-repeat;}
/*Form Layout*/
.leanColumns .textfield { display:block; border:none; background:url(/images/textfield.jpg) no-repeat; width:86px; height:14px; text-indent:10px; font:italic 11px arial; color:#666; padding:5px; margin:5px 0 0 10px;}
.leanColumns .submit {display:block; border:none;margin:10px 0 0 10px;}
.other {display:block; margin:10px 0 0 10px;}
#leftCol {}
#righttCol {}
.mainColumns { width:580px; background:#fff;}
.mainColumns h1 { font:18px arial; margin:0; padding:5px 0; border-bottom:1px solid #999;}
.mainColumns h2 { font:bold 15px arial; margin:0; padding:5px 0; border-bottom:1px solid #999;}
.mainColumns h1.red { font:18px arial; margin:0; padding:5px 0; border-bottom:1px solid #999; color:#900;}
.mainColumns p {font:12px/1.5em arial; color:#666; border-bottom:4px solid #999; margin-bottom: 7px; padding-bottom: 7px; }
.mainColumns p.last, .mainColumns dl {font:12px/1.5em arial; color:#666; border:none;  margin: 0 0 15px 0; }
#profile-pic, #profile-pic2, #profile-pic3 { width: 130px; height: 126px; border:5px solid #bf3535;}
.imageFloatLeft { float:left; margin:0 5px 5px 0;}
.imageFloatRight { float:right; margin:0 0 5px 5px;}
#slideshow { border:7px solid #bf3535; margin-top:10px;}

/*Footer*/
#footer{ background:url(/images/footer.png) no-repeat; width:904px; height:42px; margin:0 auto; font:12px arial; color:#fff; padding:22px 40px 20px 20px; }
#credits { margin: 5px 0 0 10px;float:left; width:400px;}
#footer a { color:#fff; padding-top:13px; margin:0; }
#donate { float:right; width:400px; text-align:right; padding-top:6px;}

.mainColumns ul { padding:5px 0 0 10px;}
.mainColumns ul li { line-height:1.5em; background:url(/images/bullet.gif) no-repeat; padding-left:19px; padding-bottom:9px; font:12px arial;}

/* BEGIN: Contact Form code */

.asterix { color:#f00; font-family:Verdana, sans-serif; font-size:14pt; font-weight:bold; }
form#contact { font: normal 12px Arial; margin: 10px; font-size: 13px;}
form#contact label { color: #000; float: left; width: 13em; }
form#contact label.survey { width: 35em; }
form#contact p { margin: 20px 0 0 0;}
form#contact input, form#contact select { margin-bottom: .5em; }

textarea:focus { border-top:2px solid #990; border-right:2px solid #CF3; border-bottom:2px solid #cf3; border-left:2px solid #990;}
input, select { margin-bottom: .5em; }

fieldset#contact-info { font: normal 12px Arial; border: 1px solid #cc3232; width: 510px; background: #fff; padding:5px 20px 5px; margin:10px 0; }
fieldset#contact-info legend { background: #ffff98; padding: 0.2em 0.5em; border:1px solid #cc3232; text-align:right; font-weight: bold; }
fieldset#contact-info label { width:14em; display:block; float:left; }
fieldset#contact-info br { clear:both; }
textarea:focus { border-top:2px solid #990; border-right:2px solid #CF3; border-bottom:2px solid #cf3; border-left:2px solid #990;}
input, select { margin-bottom: .5em; }
span.instructions { font-size: 10px; }

/* END: Contact Form code */

/* BEGIN: Bios */

div#bio-container {
	margin: 0 0 20px 0;
}

div#bio-container div.bio {
	float: left;
	width: 170px;
	margin: 0 10px 20px 10px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	font-family: arial;
}

div#bio-container div.bio img, img.aboutUsPhotos {
	border:5px solid #bf3535;
}

/* END: Bios */

/* BEGIN: chapter table */

table#chapterTable {
	width: 500px;
	padding: 10px;
	border: 0;
	font-size: 13px;

}

table#associationTable {
	width: 100%;
	padding: 0;
	border: 0;
}

table#chapterTable td {
	padding: 5px;font-family: arial;
}
table#chapterTable td.field {
	width: 27%;
	font-weight: bold;
}

table#chapterTable td.entry {
	width: 73%;
}

table#chapterTable td#photoArea {
	font-weight: bold;
}

table#chapterTable tr.even {
	background-color: #f4e6cc;
}

/* END: Chapter table */

/* BEGIN: prettyPhoto */
.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	ul.gallery {
		list-style: none;
		margin: 0 0 10px 0;
	}
	
		ul.gallery li {
			display: block;
			float: left;
			margin: 0 5px 8px 0;
		}
		
			ul.gallery li a {
				padding: 2px;
				display: block;
				border: 2px #9db2b9 solid;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				line-height: 0;
			}
			
			ul.gallery li a:hover { border: 2px #313739 solid; }
.ppt_content { font-weight:bold; }
p.currentTextHolder {
	font-size: 150%;
	font-weight:bold;
}
.pp_description  { font-size: .9em;font-weight:bold; }
/* END: prettyPhoto */

#leftCol p {
	font: normal 11px arial;
	margin: 0 0 0 10px;
}

#cse-search-box { margin: 25px 0 0 370px; }

div.scrollable-photo-container {
	width: 90%;
	margin: 0 auto;
	padding: 0 8px;
	height: 400px;
	overflow: auto;
}

/* BEGIN: Countdown section */
div.countdown {
	font-size: 110%;text-align: center;background-color: #000; font-weight: bold; padding: 11px; color: #fff;
}

div.countdown2 {
	margin: 5px 0 0 0;width: 90%; font-size: 120%;text-align: center;background-color: #f00; font-weight: bold; padding: 5px; color: #fff;
}

div#countdown-box {
	float: left;width: 180px;margin: 10px 10px;
}
div#countdown-message {
	float: left; width: 340px; margin: 10px 10px;font-size: 120%;
}
/* END: Countdown section */