body {background:#fdfad4 url(../sitegraphics/header-strip.png) repeat-x;}

div#container{
	width:1283px;
	margin:0;
	background:url(../sitegraphics/bg.jpg) no-repeat;
	_background:url(../sitegraphics/bg-ie6.jpg) no-repeat;
	}

div#header {
	height: 163px; /* .push must be the same height as .footer */
	background:url(../sitegraphics/header.jpg) no-repeat;
	z-index:99;
	position:relative; /*required for zindex! */
	}


#footer {
	height: 80px; 
	background:url(../sitegraphics/footer-bar.png) top center no-repeat;
	color:white;
	font-size:10px;
	text-align:center;
	padding-top:12px;
	}
	

#extra {
	clear:both;
	background:url(../sitegraphics/footer-bar.png) top center no-repeat;
	padding-top:42px;
	}

div#sandboxshell {
	background:url(../sitegraphics/sandbox-tip.jpg) top left no-repeat;
	padding-top:20px;
	z-index:0;
	width:1080px;
	}


div#cluster {
	position:absolute;
	left:860px;
	top:20px;
	}

div#homelink {
	position:absolute;
	left:20px;
	top:20px;
	height:100px;
	width:750px;
	}

div#cluster a {
	font-family:palatino, times, serif;
	text-transform:uppercase;
	font-size:12px;
	text-decoration:none;
	color:rgb(64,37,26);
	}

div#cluster a:hover {
	color:black;
	text-decoration:underline;
	}
	
/* //////------ menus ------////// */

ul#menu {
	list-style-type:none;
	position:absolute;
	left:200px; top:132px;
	width:940px;
	border:0; padding:0; margin:0;
	height:29px !important;
	}

ul#menu li {
	border:0; padding:0; margin:0;
	float:left;
	position:relative;
	display:block;
	width:auto;
	height:29px;
	_width:1px;
	}

ul#menu li a {
	display:block;
	height:29px;
	width:auto;
	}
	
ul#menu li ul {		/* drop-downs */
	list-style-type:none;
	position:absolute;
	border:0; padding:0; margin:0;
	left:-9999px; /*the value for ie windows*/
	margin-left:0%; /*fixes for ie7 */
	width:180px;
	z-index:9999;
	}

ul#menu li:hover ul {
	left:auto; /*the value for ie windows*/
	margin-left:0;
	}
ul#menu ul li {
	height:22px;
	}
	
ul#menu ul li a {
	display:block;
	height:16px;
	border:1px solid #303;
	border-top:1px solid #79518C;
	padding:2px 10px;
	background:url(../sitegraphics/submenu-bg.png) repeat-x;
	font-family:"Arial narrow","Helvetica narrow", arial, helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	color:white;
	text-decoration:none;
	width:176px;
	}

ul#menu ul li a:hover {
	background:url(../sitegraphics/submenu-bg-on.png) repeat-x;
	color:black;
	}
	
/* //////------ sandbox color and other styling ------////// */


#sandboxshell {
	padding-left:50px;
	padding-top:50px;
	padding-bottom:30px;
	}


div#homeleft {
	width:355px;
	height:355px;
	padding-top:35px;
	background: url(../sitegraphics/white-33percent.png) repeat-y;
	_background: none;
	}

div#homeright {
	float:right;
	width:594px;
	height:370px;
	background: url(../sitegraphics/white-40percent.png) ;
	_background: none;
	padding:10px;
	text-align:center;
	margin-right:110px;
	}

div#homeright ol , div#homeright ul {
	text-align:left;
	}


div.innerpage div#homeleft {	/*modified version for inside of site*/
	padding:30px;
	margin-top:10px;
	width:695px;
	background: url(../sitegraphics/white-40percent.png) repeat ;
	height:auto;
	}

div.innerpage div#homeright {	/*modified version for inside of site*/
	left:0;
	width:275px;
	margin-left:20px;
	margin-top:20px;
	height:auto;
	background: url(../sitegraphics/white-40percent.png) ;
	padding:10px;
	text-align:left;
	margin-right:0;
	}

 /*
  img, div, input { behavior: url("iepngfix.htc") }
  Here's an example you might use in practice:
  img, div.menu, .pngfix, input { behavior: url("/css/iepngfix.htc") }
 */

#sandbox p, ul, ol, table {
	color:#333;
	font-family:palatino, times, serif;
	font-size:13px;
	line-height:18px;
	margin-bottom:.5em;
	}
	
#sandbox h1 {color:rgb(64,37,26);
	font-size:20px;
	margin-bottom: .5em;
	}

#sandbox h2, #extra h2 {color:rgb(64,37,26);
	font-size:16px;
	margin-bottom: .5em;
	}

#sandbox h3, #sandbox h4 {
	font-family:palatino, times, serif;
	font-size:16px;
	line-height:1.4em;
	margin-bottom: .5em;
	}

 #sandbox h4 {
	line-height:1.4em;
	font-size:14px;
	}

.left, .left img {padding-right:10px;}
.right, .right img {padding-left:10px;}

#sandbox ul {padding-left:10px;}

#sandbox td {padding-right:15px;}
#sandbox .c1 {font-weight:bold}


#sandbox a.hometopic {
	display:block;
	margin-left:10px; 
	background: url(../sitegraphics/hometopic1.jpg) no-repeat ;
	padding:8px 22px 2px 8px;
	width:303px;
	height:69px;
	color:white !important;
	text-decoration:none;
	text-align:right;
	}

#sandbox a.hometopic h1 {
	font-size:18px;
	font-family:palatino, times, serif;
	font-weight:normal;
	text-transform:uppercase;
	color:white;
	margin-bottom:0;
	font-variant: normal;
	letter-spacing: 0;
	text-align: right;
	text-shadow: black 0px 1px 0px;
	}

#sandbox a.hometopic p {
	color:white !important;
	font-family:"Arial narrow","Helvetica narrow", arial, helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	margin-top:3px;
	}

#sandbox a.topic_2 {
	background: url(../sitegraphics/hometopic2.jpg) no-repeat ;
	}

#sandbox a.topic_3 {
	background: url(../sitegraphics/hometopic3.jpg) no-repeat ;
	}

#sandbox a.topic_4 {
	background: url(../sitegraphics/hometopic4.jpg) no-repeat ;
	}

#extra table {
margin-left:155px;
	}


#extra #content1 {width:275px; background: url(../sitegraphics/content1-bg.jpg) no-repeat ;}
#extra #content2 {width:275px; background: url(../sitegraphics/content2-bg.jpg) no-repeat ;}
#extra #calendar {width:203px; background: url(../sitegraphics/calendar-bg.jpg) no-repeat ;}

#extra td {
	padding:20px 50px 10px 30px;}

#extra * {
	font-family:"Arial narrow","Helvetica narrow", arial, helvetica, sans-serif;
	font-size:13px;
	line-height:19px;
	}

#extra h2, #extra h1 {color:rgb(64,37,26);
	font-size:16px;
	font-weight:bold;
	margin-bottom: .5em;
	font-family:palatino, times, serif;
	font-variant:small-caps;
	}

#extra #calendar li {list-style-type:none; padding-bottom:4px;border-bottom:3px dotted #EDD887;}
#extra #calendar li h3 {font-weight:bold; font-size:14px; color:#992D45;}
#extra #calendar li a {color:#000; text-decoration:none; border-bottom:1px dotted #992D45; }
#extra #calendar li a:hover {color:#303; text-decoration:none; border-bottom:1px solid #303; }

.eklipsecalendar td {width:80px; background-color:white;height:60px; overflow:visible; padding:4px;}

.eklipseform td, .eklipseform th {padding:4px;}

.eklipseform th {text-align:right;}
.eklipseform input {width:300px; color:black; border:1px solid #ccc; border-top:1px solid #999; border-left:1px solid #777}
.eklipseform textarea {width:259px; height:100px; border:1px solid #ccc; border-top:1px solid #999; border-left:1px solid #777}
.eklipseform input.button {width:auto; background-color:#B08F28; font-size:14px; padding:1px 10px; }

.gallery td {padding-bottom:20px;}
#sandbox .gallery td.c1 {font-weight:normal;}

a.button { display:block; text-align:center; height:20px; width:160px; background:purple;padding:3px; border-top:3px double white;border-bottom:3px double white; color:white;font-size:15px; line-height:20px; text-decoration:none; margin:6px;}

.black {color:black !important;}
.red {color:red !important;}
.blue {color:blue !important;}
.green {color:green !important;}
.purple {color:purple !important;}

.gallerythumbs td {text-align:center; vertical-align:middle; margin:auto;padding:3px; border-right:12px solid white; border-bottom:12px solid white;}
.gallerythumbs table  {border-left:12px solid white; border-top:12px solid white;}

.gallery td {text-align:center; vertical-align:middle; margin:auto;padding:6px; border-bottom:6px solid white;}



.gallerymain td {text-align:center; vertical-align:middle; margin:auto;padding:3px; width:auto;}
.gallerymain a {text-decoration:none;font-size:18px; font-weight:bold; color:white; line-height:24px;}
.gallerymain td.c3 {text-align:right; padding-right:20px;background:url(../sitegraphics/button-prev.png) center no-repeat; width:100px;}
.gallerymain td.c2 {text-align:left; padding-left:20px;background:url(../sitegraphics/button-next.png) center no-repeat; width:100px;}

#sandbox .center {text-align:center;}

.eventlist th {font-size: 18px; color:rgb(64,37,26); padding-top:20px; }
.eventlist td {font-size: 15px; padding-top:6px; padding-left:20px; border-bottom:1px dotted white;}

#homeright .eventlist th {font-size: 16px; color:rgb(64,37,26); padding-top:20px; }
#homeright .eventlist td {font-size: 12px; padding-top:3px; padding-left:10px; border-bottom:1px dotted white;}

strong.caption {display:block; clear:both; font-style:italic; font-weight:bold; padding:0 10px 10px 10px; text-align:center; }


	
	/* Additions by Josiah to replace image titles with web-text. */
	
	#homeleft h1{
		text-align: center;
		font-size: 48px;
		font-family: "Baskerville", "Garamond", Times, Serif;
		color: rgb(64,37,26);
		letter-spacing: 5px;
		font-variant: small-caps;
	}
	#homeleft h2{
		text-align: center;
		font-size: 34px;
		font-family: "Baskerville", "Garamond", Times, Serif;
		color: rgb(64,37,26);
		font-variant: small-caps;
		letter-spacing: -1px;
	}
	#homeleft h3{
		text-align: center;
		font-size: 32px;
		font-family: "Baskerville", "Garamond", Times, Serif;
		color: #000;
		font-variant: small-caps;
		margin-bottom: -10px;
	}
	/* End of Additions */