/* ================================ */
/*           IMPORTANT              */
/* ================================ */

BODY, HTML{
	background-color: #BAD8EE; 
	background-image: url("design/gradient_03.jpg"); 
	background-attachment: none; 
	background-position: top center; 
	background-repeat: repeat-y;
	color: #323942;
	font-family: arial, Verdana, sans-serif; 
	font-size:10pt;
	line-height:21px;
	scrollbar-face-color: #6394CF; scrollbar-shadow-color: #6394CF; scrollbar-highlight-color: #6394CF;
	scrollbar-3dlight-color: #6394CF; scrollbar-darkshadow-color: #0C4DA2; 
	scrollbar-track-color: #0C4DA2; scrollbar-arrow-color: #FFFFFF;
	text-align: center;
}



.floatleft { float: left; margin-right: 10px; }
.floatright { float: right; margin-left: 10px; }
.clearing { clear: both; }



/* ================================ */
/*              TEXT                */
/* ================================ */

h1 {font-family: arial bold, arial, sans-serif; font-size:20pt; color: #FFCC00; margin-top: 0px; }
h2 {font-family: arial bold, arial, sans-serif; font-size:14pt; color: #3B70C6; margin: 4px 0px 0px 0px; }

a:link {color: #0C4DA2; text-decoration: none;}
a:visited {color:  #0C4DA2; text-decoration: none;}
a:hover {color: #FFA500; text-decoration: none;}

li { list-style-type: none }

/* ================================ */
/*             COLOURS              */
/* ================================ */

a.colour0, a.colour0:visited { color:#3491B0 }
a.colour1, a.colour1:visited { color:#4A81C4 }
a.colour2, a.colour2:visited { color:#A554CD }
a.colour3, a.colour3:visited { color:#C64AAC }
a.colour4, a.colour4:visited { color:#E03D52 }
a.colour5, a.colour5:visited { color:#F08E47 }
a.colour6, a.colour6:visited { color:#EEC245 }
a.colour7, a.colour7:visited { color:#9BE44C }
a.colour8, a.colour8:visited { color:#30AA3D }
a.colour9, a.colour9:visited { color:#1D9A92 }







/* ================================ */
/*             LAYOUT               */
/* ================================ */

#shadow_sides {	
	text-align: center;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	background-color: #BAD8EE; 
	background-image: url("design/gradient_01.jpg"); 
	background-attachment: none; 
	background-position: top center; 
	background-repeat: repeat-y;
}

.shadow_bottom {
	height: 24px;
	background-color: #BAD8EE; 
	background-image: url("design/gradient_02.jpg"); 
	background-attachment: none; 
	background-position: top center; 
	background-repeat: repeat-y;
}

#page {
	text-align: left;
	position: relative;
	width: 760px;
	margin: 0px auto 0px auto;

	background-color: #FFFFFF;
	background-image: url("design/cloud_nest.jpg"); 
	background-attachment: none; 
	background-position: bottom center; 
	background-repeat: no-repeat;
}

#bluestrip1 { width: 760px; height: 32px;
	background-color: #BAD8EE; 
	background-image: url("design/bluestrip1.gif"); 
	background-position: bottom;
	background-attachment: none; }

#bluestrip2 { width: 760px; height: 21px;
	background-color: #BAD8EE; 
	background-image: url("design/bluestrip2.gif"); 
	background-attachment: none; }


#banner { width: 760px; height: 156px;
	background-color: #BAD8EE; 
	background-image: url("design/banner.jpg"); 
	background-attachment: none; }

#main {
	padding:20px;
	min-height: 300px;
}

#menu_container {
	width: 160px;
	overflow: auto;
	float:left;
}

.menu1 { border: #FFCC00 1px solid; 
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	margin: 0px 0px 10px 0px;
	font-family: arial narrow, arial, Verdana, sans-serif; 
	font-size: 18px; color: #0C4DA2; line-height:21px;}

.menu2 { border: #FFCC00 1px solid; 
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	margin-bottom: 10px;
	font-size: 12px; color: #0C4DA2; line-height:16px;}


#content { width: 510px;
	padding: 10px;
	padding-left: 20px;
	float:left;
	overflow: auto;
	border: #BAD8EE px solid; 
	}

#main_content_area {
	min-height: 240px;
}





/* ================================ */
/*           CLASSPAGE              */
/* ================================ */

#classpage_main {
	padding-top: 3px;
}

#classpage_header0 { height: 88px; 	padding: 6px; background-image: url(design/class_banners/head_00.jpg); color: #FFFFFF; font-size: 36px }
#classpage_header1 { height: 88px; 	padding: 6px; background-image: url(design/class_banners/head_01.jpg); color: #FFFFFF; font-size: 36px }
#classpage_header2 { height: 88px; 	padding: 6px; background-image: url(design/class_banners/head_02.jpg); color: #FFFFFF; font-size: 36px }
#classpage_header3 { height: 88px; 	padding: 6px; background-image: url(design/class_banners/head_03.jpg); color: #FFFFFF; font-size: 36px }
#classpage_header4 { height: 88px; 	padding: 6px; background-image: url(design/class_banners/head_04.jpg); color: #FFFFFF; font-size: 36px }
#classpage_header5 { height: 88px; 	padding: 6px; background-image: url(design/class_banners/head_05.jpg); color: #FFFFFF; font-size: 36px }
#classpage_header6 { height: 88px; 	padding: 6px; background-image: url(design/class_banners/head_06.jpg); color: #FFFFFF; font-size: 36px }
#classpage_header7 { height: 88px; 	padding: 6px; background-image: url(design/class_banners/head_07.jpg); color: #FFFFFF; font-size: 36px }
#classpage_header8 { height: 88px; 	padding: 6px; background-image: url(design/class_banners/head_08.jpg); color: #FFFFFF; font-size: 36px }
#classpage_header9 { height: 88px; 	padding: 6px; background-image: url(design/class_banners/head_09.jpg); color: #FFFFFF; font-size: 36px }


a.classpage_header_link:link	{color: #FFFFFF; text-decoration: none; font-size: 14px; }
a.classpage_header_link:visited	{color: #FFFFFF; text-decoration: none; font-size: 14px; }
a.classpage_header_link:hover	{color: #000066; text-decoration: none; font-size: 14px; }

.bullshit { line-height:38px; }

#classpage_content {
	padding: 0px 20px 20px 20px;
}









/* ================================ */
/*          DOCUMENT LINKS          */
/* ================================ */



.dl_document_item {
	width: 360px;
	margin: 4px;
	padding: 4px 10px 4px 10px;
	background-color: #CCDDFF;
}

.dl_newsletter_item {
	margin: 4px;
	padding: 4px 10px 4px 10px;
	background-color: #CCDDFF;
}

a.dl_document_name {
	font-weight: bold;
	font-size: 14px;
}

.dl_document_link {
	text-align: right;
}





/* ================================ */
/*             CONTACT              */
/* ================================ */



#contact_form {
	color: #2B60C6;
	text-align: right;
	padding: 10px;
	width: 400px;
	background-color: #BAD2EE;
	margin: 20px auto 0px auto;
}

#contact_form textarea {
	padding: 3px;
	float: right;
	border: 0px;
	width: 280px;
	height: 100px;
	background-color: #EEEEFF;
}

#contact_form input {
	padding: 3px;
	float: right;
	margin: 0px;
	border: 0px;
	width: 280px;
	background-color: #EEEEFF;
}

.form_text {
	float: right;
	margin-right: 8px;
}

.form_element {
	clear: both;
	padding: 4px 0px 4px 0px;
}

#submit {
	border: 1px solid #555566;
	color: #2B60C6;
}















/* ================================ */
/*             GALLERY              */
/* ================================ */





.j_gallery_thumb {
	text-align: center;
	background-color: #DDDDEE;
	padding: 6px;
	margin: 4px;
	width: 100px;
	height: 100px;
	float: left;
}
















/* ================================ */
/*               NEWS               */
/* ================================ */




#main_blog_area {
	margin: 4px 10px 6px 0px;
}

#frontpage_blog_area {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 2px solid #FFCC00;
}

#fulllist_blog {
	padding: 10px 0px 0px 0px;
}


.blog_entry {
	padding-bottom: 10px;
	border-bottom: 2px solid #FFCC00;
	margin-bottom: 10px;
}


.blog_title {
	font-size: 18px;
	color: #3B70C6;
	margin: 0px;
}

.blog_date {
	font-size: 14px;
	color: #3B70C6;
	margin: 0px;
}



#fulllist_blog a {
	text-decoration: none;
	color: #3B70C6;
}

#fulllist_blog a:hover {
	color: #FFCC00;
}

#fulllist_blog ul {
	margin: 0px 0px 10px 0px;
	padding-left: 0px;
	text-indent: 0px;
}

#fulllist_blog li {
	margin: 0px;
	text-indent-style: none;
	text-indent: 0px;
	color: #3B70C6;
	list-style: none;
}