/**********************************************************

Styles used for displaying the layout

**********************************************************/

/* the body tag displays the website in the centre of the browser */ 

#container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 759px;
	padding: 0px 10px 0px 10px
	}

/****************************

HTML tags 

****************************/

/* removes any margins and paddings so that the webpage is displayed at the top of the window */

body { 
	margin: 0px 0px 0px 1px;
	padding: 0px
	}
	
h1 { padding: 72px 0px 10px 187px }
	
/* removing all borders around images that are inside an a link tag */
	
a img { border: 0px } 
	
	
/****************************

Navigation

****************************/

/* layout of the logo */

#logo { 
	padding: 0px;
	margin: 0px;
	width: 45px;
	height: 46px;
	float: left;	
	}
	
#logo a { cursor: default }
	

/* layout of the top navigation */

#top-navigation { 
	float: right;
	width: 714px;
	margin: 0px;
	padding: 0px
	}

#top-navigation li {
	float: left;
	list-style: none
	}

#top-navigation a { 
	display: block;
	float: left;
	padding: .5em 0px .5em 0px;
	width: 128px;
	text-align: center;
	overflow: hidden
	}

#homebutton a { 
	width: 52px; 
	padding-right: 10px;
	}
	
/* layout of the breadcrumb */

#breadcrumb {
	float: right;
	width: 684px;
	margin: 0px;
	padding: 0px 15px 0px 15px
	}
	
#breadcrumb li { display: inline }

/* recommend not to modify the style below, this hides accessibilty links from the visual page */

.skip {
	font-size: 2px;
	vertical-align: top
	}
	
.skip:visited, .skip:hover, .skip:link, .skip:active { color: #FFFFFF }
#skiptocontent:hover { text-decoration: none }

/****************************

Content area

****************************/

/* Layout of the container surrounding all of the content */

#content-container { 
	float: left;
	padding: 0px 15px 0px 15px
	}
	
.calendar-table {
	width: 534px;
	padding: 3px 3px 3px 0px
	}
	
.calendar-table td {
	width: 17%;
	padding: 3px;
	vertical-align: top
	}
	
.calendar-table th { 
	width: 15%;
	padding: 5px 0px 3px 0px
	}
	
.calendar-table .dayoftheweek { width: 15% }

.calendartype { 
	padding: 0px;
	margin: 0px;
	text-align: right
	}	
	
.column { margin: 0px; padding: 0px; width: 355px }
	
/****************************

Bottom and copyright

****************************/

/* layout of the bottom */

#bottom-bar {
	clear: both;
	height: 50px;
	padding: 0px 15px 10px 0px
	}
	
#bottom-bar a { padding-right: 20px }

/* copyright border top and padding */

#copyright-line {
	margin-top: 7px;
	border-top: 1px solid #000000;
	padding: 3px 0px 0px 0px;
	text-align: center
	}
	
#copyright-line span { padding: 0px 25px 0px 25px }
#copyright-line #contact a { padding-right: 10px }
#copyright-line #author { display: block }