/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

* { margin: 0; padding: 0; }

body
{
	margin: 0;
	background-image: url(images/bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #000000;
	color: #4e4e4e;
	font-family: Georgia;
	font-size: 1em; /*14px*/
	line-height: 30pt;
}

p
{
	margin: 0;
	line-height:2em;
	color:#4e4e4e;
	padding-left:5px;
	padding-right:15px;
}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
h1
{
	font-size:1.714em; /*24px;*/
	line-height:1.5em;
	font-weight:bold;
	position:relative;
}

h2
{
	font-size:1.143em; /*16px;*/
	font-weight: bold;
	position: relative;
	padding-left:25px;
	padding-top:0px;
	padding-bottom:15px;
	margin-top:10px;
	margin-bottom:10px;
	background-image: url(images/h2.gif);
	background-repeat: no-repeat;
	background-position:left bottom;
}

h3
{
	font-size:1.143em; /*16px;*/
	font-weight: bold;
	position: relative;
	padding-left:30px;
	padding-top:40px;
	margin-bottom:10px;
	background-image: url(images/h3.gif);
	background-repeat: no-repeat;
	background-position:left top;
}

h3.contact
{
	background-image: none;
	padding-top:0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTAINER INFORMATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.outer-container
{
    width:900px;
    height:auto;
    margin-top:50px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color:#ffffff;
}

#top-container
{
	width:900px;
    height:20px;
    margin-top:50px;
	background-image: url(images/top.gif);
	background-repeat:no-repeat;
	margin-left: auto;
    margin-right: auto;
}

#lower-container
{
	width:900px;
	height:265px;
	background-image: url(images/footer.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADER INFORMATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header
{
    width: 900px;
    height:150px;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    position:relative;
    background-image: url('Images/logo.gif');
    background-repeat: no-repeat;
    background-position:center center;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	NAVIGATION INFORMATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#nav-bar
{
	width: 900px;
	margin-left:auto;
    margin-right:auto;
    padding-top:10px;
    background-image: url('Images/navbar.gif');
    background-repeat: repeat-x;
    height:50px;
}

.SimpleEntertainmentMenu ul.AspNet-Menu /* Tier 1 */
{
	width: 750px;
	display: inline-block;
	margin-top:5px;
	margin-left:auto;
	padding-left:140px;
	margin-right:auto;
	font-size: 1.268em; /*18px;*/
	text-align:center;
	line-height:normal;
}

.SimpleEntertainmentMenu li /* all list items */
{
    width: 17%;
}

.SimpleEntertainmentMenu li:hover /* list items being hovered over 
.SimpleEntertainmentMenu li.AspNet-Menu-Hover*/
{
    text-decoration: underline;
    color: #ffffff;
}

.SimpleEntertainmentMenu a, /* all anchors and spans (nodes with no link) */
.SimpleEntertainmentMenu span
{
    color: #ffffff;
    padding: 0px 0px 4px 0px;
    vertical-align:middle;   
}

.SimpleEntertainmentMenu li.AspNet-Menu-Leaf a, /* leaves */
.SimpleEntertainmentMenu li.AspNet-Menu-Leaf span
{
    background-image: none !important;
}

.SimpleEntertainmentMenu li:hover a, /* hovered text */
.SimpleEntertainmentMenu li:hover span,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover a,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover span,
.SimpleEntertainmentMenu li:hover li:hover a,
.SimpleEntertainmentMenu li:hover li:hover span,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.SimpleEntertainmentMenu li:hover li:hover li:hover a,
.SimpleEntertainmentMenu li:hover li:hover li:hover span,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: #ffffff;
}

.SimpleEntertainmentMenu li:hover li a, /* the tier above this one is hovered */
.SimpleEntertainmentMenu li:hover li span,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li a,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li span,
.SimpleEntertainmentMenu li:hover li:hover li a,
.SimpleEntertainmentMenu li:hover li:hover li span,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: #ffffff;
}

.SimpleEntertainmentMenu .AspNet-Menu-Selected /* this tier is selected */
{
	color: #ffffff;
	text-decoration: underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINERS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.off-left
{
	position: absolute;
	left: -999px;
	width:200px;
}

.content-left-column
{
	float:left;
	margin-top:10px;
	padding-left:50px;
	width:500px;
	height:auto;
}

.content-right-column
{
	float:right;
	padding:20px;
	width:300px;
	height:auto;
}

.content
{
	padding: 10px 50px 0 50px;
	height:auto;
}

.perf-arts
{
	margin-left:60px;
}

.perf-arts li
{
	padding-left:30px;
	list-style-type: none;
	background-image: url(images/bullet.gif);
	background-repeat:no-repeat;
	background-position: left center;
}

.ul-lower
{
	margin-top:40px;
	margin-bottom:20px;
	height:40px;
	background-image: url(images/h3-lower.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

ul.contact
{
	list-style-type:none;
	padding-left:25px;
}

ul.prices
{
	list-style-type:none;
	padding-left:25px;
}

/* Carry over code */

#footer-container
{
	width:700px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#footer
{
	padding-top:6px;
	padding-bottom:8px;
}

#footer li
{
	margin-left:38px;
	display:block;
	list-style-type: none;
	padding-right: 30px;
	line-height:6px;
	padding-top:15px;
	color: #ffffff;
	font-size: 11px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ACCORDION CSS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.AccordionHeader
{
	padding: 5px 20px 5px 45px;
	background-image: url(images/chevron-a.gif);
	background-repeat:no-repeat;
	background-position: left center;
	vertical-align:middle;
	cursor: pointer;
}

.AccordionSelectedHeader
{
	border: dashed 1px #000000;
	font-weight:bold;
	padding: 5px 20px 5px 45px;
	background-image: url(images/chevron-b.gif);
	background-repeat:no-repeat;
	background-position: left center;
	vertical-align:middle;
}

.AccordionContent
{
	padding: 5px 20px 5px 20px;
	font-weight:normal;
	filter: alpha(opacity=100);
	opacity: 1.0;
	background-color:#ffffff;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a:link {
	color:#ffffff;
	text-decoration:none;
}

a:visited {
	color:#a4a4a4;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color:#ffffff;
	text-decoration: underline;
}

.contact a:link
{
	font-size:0.857em;
	color:#4e4e4e;
}

.link a:link
{
	color:#4a4a4a;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LISTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul
{
	margin:0;
	padding:0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.clear {
	clear:both;
	}

a:link img, a:visited img, a:hover img, a:active img
{
    padding: 5px; 
    border:  1px solid #000000; 
    background-color: #ffffff;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TABLE CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table {
margin : 0.5em 0;
font-size : 0.857em;
}

tbody td {
background : #EEFABC;
}

tbody tr.odd td {
background : #dddddd;
}

tbody tr.even td {
background : #cdcdcd;
}

tr.heading td {
background : #cdcdcd;
font-weight:bold;
text-decoration : underline;
}

td, th {
padding : 8px;
}

/* Timetable only */
.timetable th.place {
font-weight : bold;
text-align : left;
font-size : 0.9em;
}

.timetable td.time{
width:100px;
}

.timetable td.subject {
width : 225px;
}

.timetable td.age {
width : 125px;
}

.timetable td.teacher {
width : 175px;
}

.timetable th.day {
font-size : 1.1em;
background : #C0EA0A;
width : 150px;
}

.timetable td.event
{
	width:200px;
}

.timetable td.date
{
	width:500px;
}

#timetable
{
	margin-left:20px;
}

.uniform
{
}

#uniform-left
{
	width:41%;
	padding-left:8%;
	float:left;
}

#uniform-right
{
	width:50%;
	float:right;
}

.uniform-image
{
	float:left;
}

.image
{
	margin-left:60px;
	margin-top:10px;
	margin-right:25px;
}

.gallerylink
{
    font-size:0.857em;
    text-align:right;
    padding-right:48px;
    margin-bottom:30px;
}