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

Styles used for content styling and website identity. All the font sizes, font colours, border colours, background colours and graphics are held in this style sheet.

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

/* the background of the website is applied to the main container and the body tag below */

#container { background: #FFFFFF url("../images/body_bg.jpg") no-repeat center top }

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

HTML tags 

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

html {}

/* the body tag sets the global font size, line height and font types. Changing the font size here effects all the font sizes throughout the entire website */

body { 
	font: 78%/1.6em Helvetica, Verdana, Arial, sans-serif;
	background: #FFFFFF url("../images/body_bg.jpg") no-repeat center top
	}

h1 { 
	font-size: 2.4em;
	line-height: 1em;
	margin: 0px
	}	

#skiptocontent, h1 { color: #666666 }
	
h2 { 
	font-size: 1.6em
	}
	
h3 { 
	font-size: 1.3em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #666666 
	}

h4 { 
	font-size: 1.2em;
	padding-bottom: 0px;
	margin-bottom: 0px
	}

h5 { font-size: 1.1em }
h6, p, ul, ol, a { font-size: 1em }
#skiptocontent, a:link, a:visited, a:active { text-decoration: none } /* removes the underline from link states of all links */
a:hover { text-decoration: underline } /* adds an underline to the hover state of all links */
#copyright-line a:link, #copyright-line a:active, #copyright-line a:visited, a:link, a:active, a:visited { color: #27437B } /* sets the color for all links */
a:visited:hover, a:hover { color: #4276DA }


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

Navigation

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

/* the two styles below add a the background gradient behind the logo graphic and is recommend not to delete or modify these styles */

#logo, #logo.home { 
	background-image: url("../images/top-navigation_bg.jpg");
	background-repeat: no-repeat;
	background-position: 5px 0px 
	} 
	
#logo.home { background-image: url("../images/top-navigation_selected_bg.jpg") }

/* font size, colours and background graphics for the top-navigation */

#top-navigation {
	border-bottom: 1px solid #2B6B97;
	background:  #264278 url("../images/top-navigation_selected_bg.jpg") repeat-x top left;
	font-size: 1em;
	text-transform: uppercase /* automatically sets the text in the top naivation to uppercase */
	}
	
#top-navigation li { 
	border-right: 1px solid #2B6B97;
	background: #264278 url("../images/top-navigation_bg.jpg") repeat-x top left
	}

#top-navigation a {
	border-bottom: 1px solid #4CC3FB;
	border-right: 1px solid #4CC3FB;
	color: #FFFFFF;
	font-weight: bold
	}

#top-navigation .selected { background: none; } /* recommend not to delete or modify this stle*/
#top-navigation .selected a { border-color: #8BE0FB } /* changes the border colour of the seleceted button */
	
/* breadcrumb font size, background and font colours */

#breadcrumb { 
	background-color: #CCCCCC;
	color: #27437B;
	font-size: .9em;
	color: #666666
	}
	
#breadcrumb a:link, #breadcrumb a:visited { color: #333333 }

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

Content area

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

.calendar-table {
	border: 1px solid #CCCCCC;
	border-bottom-width: 4px;
	border-top-width: 4px;
	font-size: 1em;
	line-height: 1em
	}
	
.calendar-table td { 
	border: 1px solid #CCCCCC;
	border-top: 0px
	}
	
.calendar-table th {
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	background-color: #DDDDDD
	}
	
.calendar-table .dayoftheweek {
	background-color: #FFFFFF;
	border: none;
	color: #000000 
	}
	
.calendartype { font-size: .9em }

.children-link:link, .children-link:visited, .children-link:active { color: #FF9900 }
.teenagers-link:link, .teenagers-link:visited, .teenagers-link:active { color: #663399 }
.parents-link:link, .parents-link:visited, .parents-link:active { color: #669900 }
.professionals-link:link, .professionals-link:visited, .professionals-link:active { color: #3399FF }
.parents-link, .teenagers-link, .children-link, .professionals-link { font-weight: bold }

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

Bottom and copyright

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

/* background image of the bottom bar */

#bottom-bar { background: #FFFFFF url("../images/bottom-bar_bg.jpg") no-repeat bottom left }

/* copyright top border colour, font styles and colours */

#copyright-line { 
	border-top-color: #CCCCCC;
	font-weight: bold;
	font-size: .9em;
	color: #AAAAAA
	}