/* Body
----------------------------------------------- */
html,
body{
	height: 100%;
}

body{
	font-family: Tahoma, sans-serif;
}



/* Structure
----------------------------------------------- */
*{
	margin: 0;
	padding: 0;
}

#container{
	position: relative;
	width: 720px;
	margin: 0 auto;
	background: url("../imgs/bg-container.gif") top left repeat-x;
	min-height: 100%;
}

* html #container{
	height: 100%;
}

#logo{
	position: absolute;
	top: 7px;
	left: 23px;
	width: 78px;
	height: 145px;
	background: url("../imgs/logo.gif") top left no-repeat;
}

#header{
	position: relative;
	padding-top: 48px;
	width: 720px;
	height: 48px;
}

#content{
	float: left;
	width: 720px;
        padding-bottom: 117px;
}

#left{
	float: left;
	width: 148px;
	padding-top: 72px;
}

/* Lists
----------------------------------------------- */
#left ul{
	margin-left: 23px;
	margin-bottom: 1em;
}

#left li{
	list-style-type: none;
	background: url("../imgs/bg-li-special_events.gif") 0 2px no-repeat;
	padding-left: 11px;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
}


#right{
	float: left;
	width: 538px;
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 123px;
}


#inner-right-gallery{
	position: absolute;
	width: 520px;
	top: 100px;
	left: 200px;
}

#calendar{
	float: right;
	width: 705px;
	background-position: 133px 0;
	background-repeat: no-repeat;
	padding-top: 123px;
}

#footer{
	position: relative;
	width: 750px;
	margin: -56px auto 0 auto;
	text-align: right;
}

#gallery{
	display: none;
}

.special{ background-image: url("../imgs/bg-img-special_event.jpg"); }
.endowment{ background-image: url("../imgs/bg-img-endowment.jpg"); }
.joinus{ background-image: url("../imgs/bg-img-joinus.jpg"); }
.history{ background-image: url("../imgs/bg-img-history.jpg"); }
.about{ background-image: url("../imgs/bg-img-about.jpg"); }
.contact{ background-image: url("../imgs/bg-img-contact.jpg"); }
.events{ background-image: url("../imgs/bg-img-events.jpg"); }
.directions{ background-image: url("../imgs/bg-img-directions.jpg"); }



/* Paragraphs and Headlines
----------------------------------------------- */
#logo h1{
	display: none;
}

#right h1,
#calendar h1{
	color: #006;
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 18px;
}

#right h2{
	color: #006;
	font-size: 14px;
	margin-top: -16px;
	margin-bottom: 16px;
}

#right h3{
	color: #006;
	font-size: 14px;
	margin-bottom: 2px;
}

#right p{
	font-size: 13px;
	line-height: 1.5em;
	margin-bottom: 16px;
}

#left p.tnr{
	margin-left: 23px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	margin-bottom: 1em;
	line-height: 1.5em;
}

.blue{
	color: #006;
}

.h3{
	text-transform: uppercase;
}

#footer p{
	margin-right: 35px;
	padding-bottom: 15px;
	font-size: 11px;
	line-height: 1.5em;
	color: #666;
}

.text {
	font-size: 13px;
	line-height: 1.5em;
}

/* Lists
----------------------------------------------- */
#header ul{
	float: left;
	display: inline;
	z-index: 2;
}

#header ul.first{
	margin-left: 112px;
}

#header ul.second{
	margin-left: 196px;
}

#header li{
	list-style-type: none;
	float: left;
	display: inline;
	font-size: 13px;
	font-weight: 600;
	line-height: 24px;
	margin: 0 9px;
}

#header li ul {
	position: absolute;
	width: 12em;
	left: -999em;
	border-top: solid 1px #006;
	border-left: solid 1px #006;
	background-color: #fff;
}

#header li ul li{
	width: 12em;
	border-right: solid 1px #006;
	border-bottom: solid 1px #006;
	margin: 0;
}

#header li:hover ul, #header li.sfhover ul {
	left: auto;
}

#right dl,
#right dt,
#right dd{
	float: left;
	display: inline;
	line-height: 1.5em;
}

#right dl{
	margin-bottom: 16px;
}

#right dt{
	width: 110px;
	clear: both;
	font-size: 13px;
}

#right dl.long dt{
	width: 180px;
}

#right dd{
	width: 428px;
	font-size: 13px;
}

#right dl.long dd{
	width: 358px;
}

#right ol{
	margin-left: 24px;
}

#right ol li{
	font-size: 13px;
	line-height: 1.5em;
	margin-bottom: 16px;
}

#left ul{
	margin-left: 16px;
}

#left li{
	font-size: 13px;
	line-height: 1.5em;
	list-style-type: none;
}

#right ul{
	margin-top: -16px;
	margin-left: 16px;
}

#right ul li{
	font-size: 13px;
	line-height: 1.5em;
}

#right .hotspots li{
	float: left;
	display: inline;
	list-style-type: none;
	line-height: 0;
}

#inner-right-gallery ul{
	margin-left: 0;
}



/* Links
----------------------------------------------- */
#header li a{
	color: #006;
	text-decoration: none;
	display: block;
}

#header li a:hover{
	color: #ff6;
}

#header li li a{
	color: #006;
	line-height: 2em;
	padding-left: 9px;
}

#header li li a:hover{
	color: #006;
	background-color: #ff6;
}

#footer a{
	color: #666;
	text-decoration: none;
}

#left li a{
	color: #006;
	text-decoration: none;
}



/* Images
----------------------------------------------- */
img{
	border: 0;
}



/* Forms
----------------------------------------------- */



/* Tables
----------------------------------------------- */
.directorTable{
	width: 100%;
	border-collapse: collapse;
	border-top: solid 1px #006;
	border-left: solid 1px #006;
}

.directorTable th,
td{
	padding: 3px;
	border-right: solid 1px #006;
	border-bottom: solid 1px #006;
	font-size: 13px;
	line-height: 1.5em;
}

th{
	background-color: #ccf;
	color: #006;
}

# The dark purple on the page is 000066
# The light purple on the top background is CCCCFF

.tableStyle{
	border-top: solid 0px #FFF;
	border-left: solid 0px #FFF;
}
.tableData{
	border-right: solid 0px #FFF;
	border-bottom: solid 0px #FFF;
}

#nothing{
}

table.events1 tr td {
	border: none;
	}