* { padding: 0; margin: 0; }



body {font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color:#fdfefd; background-image:url(images/header.jpg); background-repeat:no-repeat; background-position:top center}

#wrapper {margin: 0 auto; width: 900px;}

#header {width: 900px; float: left; height:86px;} 

#headerimg {width:900px; height:228px; float:left;background-image:url(images/headerimg.jpg); background-repeat:no-repeat}

#footerbg {background-image:url(images/footer.gif); background-repeat:no-repeat; background-position:bottom center; padding:80px 0 20px 0; float:left; width:100%; text-align:center}

#footerbg img{margin:0 0 0 100px;}

#footerbg p{color:#000; margin:0 0 0 100px}

#footerbg a{color:#fff}



#logo {margin:35px 0 0 0; float:left; width:318px; height:29px;}

h1 {font-size:24px; color:#8c1715; font-weight:normal; border-bottom:1px solid #505050; margin:15px}

p {color:#505050; font-size:11px; margin:10px 15px 0 15px}

#bio img{float:left; padding:0px 20px 20px 10px}


.margin_left{padding-left:15px;}
.date{font-size:12px; color:#333; font-style:italic; font-weight:bold;}
.subheader{font-weight:bold; font-size:15px; color:#204464}
.title{color:#8c1715;padding-left:15px; font-size:15px;}

.event_detail{padding-left:15px;}
#event_detail{padding-left:15px;}
.event_detail_text{padding-left:15px;}

#innerpage {width: 890px; float: left; min-height:328px;}

#events h2{font-size:12px; color:#333; margin:0 0 0 25px; font-style:italic}

#events p {margin:0 0 10px 30px}

#events p span{color:#8c1715}

#events a{color:#8c1715}

#events p b{font-weight:bold; font-size:15px; color:#204464}

.event {width:300px; border:1px solid #fff; margin:0 0 0 15px; padding:5px 0 0 0}
.event:hover {border:1px solid #39F}
#content .event {width:230px; border:1px solid #fff; padding:5px 0 0 0}

#content .event:hover {border:1px solid #204464}

#content .event h2{font-size:12px; color:#333; margin:0 0 0 5px; font-style:italic}

#content .event p {margin:0 0 10px 5px}

#content .event p span{color:#8c1715}

#content .event a{color:#8c1715;}

#content .event p b{font-weight:bold; font-size:15px; color:#204464}

#content #more{ margin:0 0 0 8px; font-size:11px; color:#8c1715; line-height:30px}





#gallery img{margin:10px 0 0 20px; border:2px solid #930}

#gallery img:hover{border:2px solid #03C}



.cform {margin:0 0 0 15px; padding:5px 0 0 0}



#leftcolumn {width: 390px; float: left;}

#leftcolumn img{margin:10px 0 0 30px}

#leftcolumn a{font-weight:bold}

#leftcolumn a:link{color:#8c1715; text-decoration:underline}

#leftcolumn a:visited{color:#8c1715; text-decoration:underline}

#leftcolumn a:hover{color:#8c1715; text-decoration:none}

#content {float: left; width: 260px; display: inline;}

#rightcolumn {width: 250px; float: left;}

#rightcolumn a:link{color:#8c1715; text-decoration:none}

#rightcolumn a:visited{color:#8c1715; text-decoration:none}

#rightcolumn a:hover{color:#8c1715; text-decoration:underline}

#rightcolumn p {margin:0 15px 0 15px}

#rightcolumn h3 {margin:10px 15px 0px 15px; color:#505050; font-size:11px;}

#footer {width: 900px; clear: both; float:left}





	#lava {

		/* you must set it to relative, so that you can use absolute position for children elements */

		position:relative; 

		background:none; 

		text-align:center; 

		width:550px; 

		height:40px;

		float:right;

		margin:32px 0 0 0px;

	}

	

	#lava ul {

		/* remove the list style and spaces*/



		margin:0; 

		padding:0; 

		list-style:none; 

		display:inline;

				

		/* position absolute so that z-index can be defined */

		position:absolute; 

		

		/* center the menu, depend on the width of you menu*/

 		left:28px;
		_left:14px;

		top:0; 

		

		/* should be higher than #box */

		z-index:100;



	}

		#lava ul li a:link{color:#fff; text-decoration:none}

	#lava ul li a:visited {color:#fff; text-decoration:none}

	#lava ul li a:hover {color:#fff}

    #lava .selected a{color:#fff}

	

	#lava ul li {

		

		/* give some spaces between the list items */

		margin:5px 15px; 

		

		/* display the list item in single row */

		float:left;

		font-weight:bold;

	}

	

	#lava #box {

		

		/* position absolute so that z-index can be defined and able to move this item using javascript */

		position:absolute; 

		left:0; 

		top:0; 

		

		/* should be lower than the list menu */

		z-index:50; 



		/* image of the right rounded corner */

		background:url(tail.gif) no-repeat right center; 

		height:30px;

		

		/* add padding 8px so that the tail would appear */

		padding-right:8px;

		

		/* self-adjust negative margin to make sure the box display in the center of the item */

		margin-left:-10px;

	}

	

	#lava #box .head {

		/* image of the left rounded corner */

		background:url(head.gif) no-repeat 0 0; 

		height:30px;



		/* self-adjust left padding to make sure the box display in the center of the item */

		padding-left:10px;

	}

	

	

	#container {

		text-align:left;

		width:583px;

		margin:0 auto;	

	}