* {
	margin: 0px auto;
	padding: 0px;
}

body {
	background: #f8f6ef;
	font-family: trebuchet ms;
	font-size: 12px;
}

#wrapper {
	width: 723px;
	text-align: left;
}

#menu {
	background-image: url(images/menu_bg.jpg);
	background-repeat: no-repeat;
	height: 28px;
	padding: 7px 10px 5px 10px;
	text-align: center;
}

#left {
	width: 279px;
	float: left;
}

#logo {
	background-image: url(images/logo.jpg);
	height: 122px;
}

#right {
	width: 440px;
	float: right;
}

.content {
	padding: 0 15px 0 15px;
	background-image: url(images/content_bg.jpg);
	background-repeat: repeat-y;
}

.box {
	padding: 0 15px 0 15px;
	background-image: url(images/box_bg.jpg);
	background-repeat: repeat-y;
}

.content {
	font-family: trebuchet ms;
	font-size: 12px;
}

.menu a {
	text-decoration: none;
	font-size: 14px;
	color: #3068ae;
	padding-right: 18px;
	padding-left: 18px;
	font-weight: bold;
}

.menu a:hover {
	color: #303030;
	font-weight: bold;
}

a:link {
	text-decoration: none;
	font-size: 12px;
	color: #3068ae;
	font-weight: bold;
}

.white {
	color: #ffffff;
}

a:hover {
	color: #303030;
}

/* Image Gallery - Small Thumbnail Images */
	.thumb {
		margin: 1px; /* Space between images */
		padding: 0;
		float: left;
		text-decoration: none;
		line-height: normal;
		text-align: left;
	}

	.thumb img, .thumb a img, .thumb a:link img{ /* Set link formatting*/
		width: 80px; /* Image width*/
		 height: 80px; /* Image height*/
		display: inline;
		padding: 5px; /* Image padding to form photo frame */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /*Background of photo */ 
		border: 1px dotted #2b716c; /* Borders of photo frame */
		text-decoration: none;
	}

	.thumb a:visited img {
		background-color: #eee; /*Background of photo on hover - sort of a light grey */
	}

	.thumb a:hover img {
		background-color: #dae6e4; /*Background of photo on hover - sort of light blue/green */
	}

	.thumbPicCaption {
		text-align: center;
		font-size: smaller;
		margin: 0 1px 0 0;
		padding: 0;
		width: 124px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		display: none; /* if you do not want to display this text */
	}

/* Image Gallery - Big Images */
	.bigPic {
		margin: 10px 0 5px 0;
		padding: 0;
		line-height: normal;
	}

	.bigPicCaption { /*Big Image Name - above image above .bigpicImageFileName (Without extension) */
		text-align: center;
		font-weight: bold;
		font-variant: small-caps;
		font-weight: bold;
		margin: 0 1px 0 0;
		padding: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		display: none;/*  if you do not want to display this text */
	}

	.bigPic img{ /* Big Image settings */
		width: 350px; /* Width of Big Image */
		height: auto;
		display: inline;
		padding: 18px; /* Image padding to form photo frame. */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /* Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc; 
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none; 
		text-align: left;
	}

	.bigPicNav { /* Big Image information: 'Image 1 of 4' and gallery navigation */
		margin: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		padding: 0;
		color: #000;
		font-size: smaller;
		line-height: normal;
		text-align: center;
		/* display: none;  if you do not want to display this text. Why? You Lose Navigation! */
	}

/* Calendar */

/* 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 #b7b6b1;
font-family: trebuchet ms;
}

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

#big td {
border: 1px solid #b7b6b1;
font-family: trebuchet ms;
vertical-align: top;
padding: 3px;
height: 50px;
width: 50px;
}

/* 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: #f8f6ef;
}

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

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

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