/* Start of CMSMS style sheet 'Calendar CSS' */
/* CSS Document */

/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar' table_id='big'}

*/



/* make all links red */
.calendar tr td a
{
  color: red;
}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}

/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
  margin: 0px;
  border-collapse:    collapse;
  border: 1px solid black;
}

/* nice squares for the #big table */
#big th
{
  border: 1px solid black;
  padding: 3px;
  width: 75px;
}

#big td {
  border: 1px solid black;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

/* format summaries nicely in #big */
#big ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#big li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #big */
#big td
{
  background-color: silver;
}

#big .calendar-day
{
  background-color: #80ff80;
}

#big .calendar-today
{
  font-weight: normal;
  background-color: #8080ff;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}





/******** CUSTOM *********/

.calendar-event {	/* calendar event shell */
	width: 380px;
	margin-left: 30px;
	margin-right: 30px;
	padding: 0px 5px 5px 5px;
	border: 1px solid #CCCCCC;
}

.calendar-list h1 {	/* month header */
	/* taken straight from styles2.css, the .headertext from original site */
	margin-left: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	color: #A98A5E;
	line-height: 26px;
	font-weight: normal;
}

.calendar-prev a:link, .calendar-prev a:visited, .calendar-prev a:hover,.calendar-prev a:active {
	margin-left: 30px;
}

.calendar-list h2, .calendar-event h1 {	/* event header */
	margin: 12px 0px 12px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	text-align:center;
	font-weight: normal;
}

.calendar-date-from {	/* calendar date period */
	background-color: #CCCCCC;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

.calendar-summary, .calendar-details {	/* one-line summary */
	margin: 5px 5px 5px 5px;
}

.calendar-event a:link, .calendar-event a:visited, .calendar-event a:hover, .calendar-event a:active {
	margin-left: 5px;
}   

/* End of 'Calendar CSS' */

/* Start of CMSMS style sheet 'styles2' */
/* CSS Document */

.headerbox {
	border: 1px solid #A98A5E;
	background-color:#ffebcd;
	padding: 8px;
}

.headertext
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	color: #A98A5E;
	line-height: 26px;
}
body,td,th {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #4A4A4A;
	line-height: 19px;
}

.FormElement {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 11px;
	color: #4A4A4A;
	width: 250px;
}

.SmallBoxHeaderText { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 10px; }

.BreadCrumb { font-family: Arial, Helvetica, sans-serif; color: #5F5F5F; font-size: 10px; text-decoration: none; text-align: center; }
.BreadCrumb a:link { font-family: Arial, Helvetica, sans-serif; color: #9A743E; font-size: 10px; text-decoration: none; }
.BreadCrumb a:active { font-family: Arial, Helvetica, sans-serif; color: #9A743E; font-size: 10px; text-decoration: none; }
.BreadCrumb a:visited { font-family: Arial, Helvetica, sans-serif; color: #9A743E; font-size: 10px; text-decoration: none; }
.BreadCrumb a:hover { font-family: Arial, Helvetica, sans-serif; color: #9A743E; font-size: 10px; text-decoration: underline; }

a:link { color: #A78556; text-decoration:none; }
a:visited {	color: #A78556; text-decoration:none; }
a:hover { color: #A78556; text-decoration:underline; }
a:active { color: #A78556; text-decoration:none; }

.CenterMapLink { color: #C4C4C4; text-decoration:none; }
.CenterMapLink a:link { color: #C4C4C4; text-decoration:none; }
.CenterMapLink a:visited {	color: #C4C4C4; text-decoration:none; }
.CenterMapLink a:hover { color: #C4C4C4; text-decoration:underline; }
.CenterMapLink a:active { color: #C4C4C4; text-decoration:none; }


ul.sortable li {
	position: relative;
}

ul.boxy {
	list-style-type: none;
	padding: 4px 4px 0 4px;
	margin: 0px;
	width: 250px;
	font-size: 11px;
	font-family: "lucida-grande", Arial, Verdana, Helvetica, sans-serif;
	color: #7F8283;
	/*background-color:#E8E8E8;*/
	border: 1px solid #CCCCCC;
    
}

ul.boxy li {
	cursor:move;
	margin-bottom: 4px;
	padding: 2px 2px;
	border-top: 1px solid #EEEEEE;
	height:18px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}
/* End of 'styles2' */

/* Start of CMSMS style sheet 'layoutdivs' */
/* CSS Document */

/*
#siteshell {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	max-width: 909px;
	min-width: 909px;
}
*/

#siteshell {
	width: 909px;
	position: relative;
	left: 50%;
	margin-left: -454px;
}

#header {
	width: 849px;
	padding: 220px 30px 0px 30px;
	background-image: url(custom/images/header/header_whole.jpg);
	background-repeat: no-repeat;
}

a.headermenutext:link { font-family: Arial, Helvetica, sans-serif; color: #797979; font-size: 12px; text-decoration: none; }
a.headermenutext:active { font-family: Arial, Helvetica, sans-serif; color: #9A743E; font-size: 12px; text-decoration: none; }
a.headermenutext:visited { font-family: Arial, Helvetica, sans-serif; color: #797979; font-size: 12px; text-decoration: none; }
a.headermenutext:hover { font-family: Arial, Helvetica, sans-serif; color: #9A743E; font-size: 12px; text-decoration: none; }

#breadcrumb {
	margin-left: 30px;
	text-align: center;
}

#contentshell {
	width: 909px;
}

#contentheadertext {
	width: 879px;
	height: 40px;
	padding-left: 30px;
	float: left;
        margin-right: 400px;
}

#contenttext {
	width: 424px;
	margin-left: 15px;
	float: left;
}

#podcastbox {
	width: 360px;	/* Total 400px */
	margin: -100px 0px 0px 25px;
	padding: 54px 16px 24px 24px;
	float: left;
	display: relative;
	background-image: url(../images/header-podcasts-v1.gif);
	background-repeat: no-repeat;
}

#mapbox {
	width: 360px;	/* Total 400px */
	height: 390px;	/* Total 468px */
	margin: 0px 0px 0px 25px;
	padding: 54px 16px 24px 24px;
	float: left;
	display: relative;
	background-image: url(custom/images/mapbox/mapbox_whole.jpg);
	background-repeat: no-repeat;
}

#viewtownsubpage {
	width: 360px;
	margin: 0px 30px 0px 25px;	
	float: left;
	display: relative;
}

#mapboxunderphotos {
	width: 360px;	/* Total 400px */
	height: 390px;	/* Total 468px */
	margin: 0px 0px 0px 0px;
	padding: 54px 16px 24px 24px;
	float: left;
	display: relative;
	background-image: url(custom/images/mapbox/mapbox_whole.jpg);
	background-repeat: no-repeat;
}

#footer {
	width: 909px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	clear: left;
}
/* End of 'layoutdivs' */