body{
text-align:center;
margin-top:7px;
font-family:Arial;
font-size:10px;
background:url(./images/background.jpg);
position:relative;
}

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

tr,td{
padding:5px;
}

p{
font-family:Arial;
text-align:justify;
color:#000;
font-size:11px;
line-height:20px;
}

h1{
text-align:center;
font-family:Arial;
font-size:16px;
font-weight:bold;
}

h2{
font-family:Arial;
font-size:12px;
font-weight:bold;
}

input,textarea{
border:1px solid #CCC;
color:#000;
font-family:Arial;
font-size:9px;
font-weight:normal;
background-color:#fff;
}

input:focus, select:focus, textarea:focus{
background-color:#E1E9D9;
border:1px solid #000;
}

/* ################################################ */

#main{
border:3px solid #fff;
width:800px;
height:100%;
margin-right:auto;
margin-left:auto;
padding:3px;
background-color:#758067;
text-align:left;
}

#heading{
	padding:0px;
	width:800px;
	height:95px;
}

#left{
  clear:left;
  float:left;
	margin-top:3px;
	background-color:#EBFBEE;
	text-align:justify;
	line-height:20px;
	width:575px;
	min-height:565px;
}

#right{
  float:right;
	width:222px;
  margin-top:3px;
	background-color:#589858;
}

#content{
	position:relative;
	width:100%;
	margin-top:5px;
	background:#9CAA8A;
	text-align:justify;
	line-height:20px;
}

#content_left{
	float:left;
	width:150px;
	height:100%;
	margin-left:0;
	padding:1em;
	min-height:100px;
}

#content_right{
	margin-left:165px;
	padding:1em;
	width:608px;
	background:#EBFBEE;
	border-left:2px solid #000;
}

#sidenavigation{
  list-style-type:none;
  padding:0;
  margin-left:10px;
}

#sidenavigation li{
  width:60px;
  margin:2px;
  border:1px solid #000;
  padding:0;
  float:left;
  list-style-type:none;
  text-align:center;
  color:#000;
}

#sidenavigation a,
#sidenavigation span{
  display:block;
  width:60px;
  height:1.4em;
  color:#000;
  text-decoration:none;
  text-align:center;
  padding:10px 0;
  font-weight:bold;
}

#sidenavigation a:hover{
  background:#336633;
  color:#FFF;
}

#divider{
	margin-top:5px;
	border:1px dashed #CCC;
}

#spacer{
	height:200px;
}

.submit{
	background-color:#8DAB6A;
	font-size:9px;
	color:#CCC;
	font-weight:400;
	border:1px solid #666;
}

#menu{
	position:relative;
	margin-top:3px;
	width:800px;
	z-index:10;
	background-color:#758067;
	border-top:2px solid #FFF;
	border-bottom:2px solid #FFF;
}

#menu ul{
  padding:0;
  margin:0;
  color:#FFF;
  width:100%;
  font-family:Arial;
}

#menu ul li{
  display:inline;
  width:100px;
}

#menu ul li img{
  padding:3px;
  background:#FFF;
  border:1px solid #000;
}

#menu ul li a{
  width:100px;
  height:80px;
  padding-top:10px;
  padding-bottom:.3em;
  float:left;
  background-color:#758067;
  color:#FFF;
  text-decoration:none;
  text-align:center;
}

#menu ul li a:hover{
  background-color:#363;
  color:#fff;
}

/* ###################################################### */

#event_left{
  float:left;
	padding:1em;
	width:280px;
	background:#EBFBEE;
}

#event_right{
  float:right;
	padding:1em;
	width:280px;
	background:#EBFBEE;
	border-left:2px solid #000;
}

#event_bottom{
	padding:1em;
	width:600px;
}

#copyright{
	margin-top:5px;
	padding-bottom:10px;
	background-color:transparent;
	color:#000;
	text-align:center;
}

#contact{
	margin-top:2px;
	padding-top:10px;
	color:#999;
	text-align:center;
}

.pic{
	border:1px solid #B4D9BB;
	padding:2px;
}

.ditem{
  background:#DDD;
  border:2px solid #000;
  display:none;
}

#calendar{
width:218px;
height:150px;
margin:0 auto;
}
#calen_header{
border:1px solid #000;
background:#8CAD8C;
}
#calen_tbl{
width:218px;
margin:0 auto;
border:1px solid #000;
border-collapse:collapse;
}
#calen_tblbody{
width:218px;
border:1px solid #000;
border-collapse:collapse;
}
.calen_day{
font-weight:bold;
}
.calcell{
border:1px solid #000;
border-collapse:collapse;
}
#calendar_info{
border:1px solid #000;
width:216px;
margin:3px auto 0 auto;
height:140px;
overflow:auto;
font-size:10px;
}

.month_cont{
border:2px solid #000;
border-left:none;
padding:0;
}

.month_left{
border-left:2px solid #000;
}

.event_item{
border:1px solid #8CAD8C;
margin-bottom:10px;
padding:5px;
font-size:small;
color:#507050;
}
.event_item_date{
float:right;
font-size:large;
}

.centerdiv{ /*IE method of centering a relative div*/
text-align:center;
}
.centerdiv>div{ /*Proper way to center a relative div*/
margin:0 auto;
}