body{ background:#3f2a00; margin:0px; font-family:Arial, Helvetica, sans-serif; color:#ffffd7; font-size:12px;}
#header{ background:url(../images/header_rep.jpg) repeat-x; height:155px;}
#logo{height:80px; position:relative; text-align:center; width:760px; margin:0 auto; padding-top:30px; background:url(../images/logo.png) left bottom no-repeat;}
#contactdetails{ height:80px; width:157px; position:relative; float:right; text-align:right; color:#FFFFD7; font-weight:bold;}

#page{ width:760px; margin:10px auto 0 auto; background:#000;}
#index_content{ width:440px; padding:15px; float:left; position:relative;}
#content{ padding:15px; float:left; position:relative; width:730px;}
#indexbanners{ padding:15px; float:right; position:relative;}
#indeximageholder{ width:250px; padding-top:15px;}
.banner{ background:#4d4d4d; width:250px; height:110px; margin:0 0 15px 0;}

#nav{height:20px; position:relative; text-align:center; width:760px; margin:0 auto; padding-top:0px;}
#nav ul{ margin:0; padding:0; list-style-type:none;}
#nav li{ margin:0 1px 0 0; padding:0; float:left; position:relative; width:}
#nav a{ height:45px; padding:0 4px; line-height:45px;color:#ffffd7; font-size:10px; display:block; text-decoration:none; background:url(../images/tab_bg_rep.jpg) repeat-x bottom;}
#nav a:hover, #nav .selected{text-decoration:none; color:#cd864a; height:45px; line-height:38px; background:url(../images/tab_bg_rep.jpg) repeat-x bottom #3f2a00;}

#footer{height:30px; position:relative; text-align:center; width:760px; margin:0 auto; padding-top:0px; background:#000;}
.footer_element{ width:280px; float:left; text-align:left; margin-left:15px;}

.cal_title{ margin: 0 auto; width:250px; text-align: left; }
.calendar{ margin: 0 auto; float:left; position:relative; width: 250px; background: #4D4D4D; /*border: 1px solid #ede7e1;*/ margin-bottom: 15px; }
.calendar table{ width:250px; margin: 0 auto; text-align: left; }
.calendar .date{ width: 60px; padding: 3px; text-align: left; color: #CD864A;  }
.calendar .event{ width: 190px; padding: 3px; text-align: left; color: #CD864A; }
.calendar .celldate{ padding: 3px; font-weight: bold; font-size: 11px; }
.calendar .cellevent{ padding: 3px; font-size: 11px;  }
.calendar .moreevents{ padding: 3px; text-align: right; }
.calendar a,.calendar a:link, .calendar a:visited, .calendar a:active{ color: #ffffd7; text-decoration: none; }
.calendar a:hover{ text-decoration: underline; color: #ffffd7; }
.calendar .row1{ background: #666666; }

.calendarlarge{ margin: 0 auto; width: 100%; background: #4D4D4D; /*border: 1px solid #ede7e1;*/ }
.calendarlarge .tablelarge{ width: 100%; margin: 0 auto; text-align: left; }
.calendarlarge .datelarge{ width: 50px; padding: 3px; text-align: left; color: #CD864A;  }
.calendarlarge .eventlarge{ width: 200px; padding: 3px; text-align: left; color: #CD864A; }
.calendarlarge .celldatelarge{ padding: 3px; font-weight: bold; font-size: 11px; }
.calendarlarge .celleventlarge{ padding: 3px; font-size: 11px;  }
.calendarlarge a, .calendarlarge a:link, .calendarlarge a:visited,.calendarlarge a:active{ color: #ffffd7; text-decoration: none; }
.calendarlarge a:hover{ text-decoration: underline; color: #ffffd7; }
.calendarlarge .row1{ background: #666666; }
.calendarlarge .row2{ background: #4D4D4D; }
.calendarlarge .celldisplay{ padding: 3px; color: #ddd; width: 50px; font-size: 12px; background: #666; }
.calendarlarge .celldisplay span{ color: #fff; font-size: 16px; }
.calendarlarge .cellcontent{ padding: 15px; width: 200px; color: #DDDDDD; /* background: #EDE7E1; */ }

.clear{ clear:both; line-height:0px; height:0px;}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #fff;
	border: 1px solid #AAAAAA;
	}
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}

.dpTitleTR {/* the top table row that holds the month, year, and forward/backward buttons */
}

.dpDayTR {/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
}

.dpTodayButtonTR {/* the bottom table row, that has the "This Month" and "Close" buttons */
}

.dpTD {/* a table cell that holds a date number (either blank or 1-31) */
border: 1px solid #ece9d8;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}