﻿
/*----------------CSS Reset-----------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	font-weight:normal;
}
/*------------------------------------------*/

html, body, form {width:100%;height:100%;font-family:Arial, Verdana, Tahoma;margin:0;padding:0;}

p{font-size:12px;line-height:22px;}

h1 /* Main headings */
{color:#fff;font-size:20px;padding:24px 0px 0px 13px;}

h5 /* Normal content page headings, (blue pages) */
{font-size:14px;color:#06b2d9;border-top:solid 1px #06b2d9;border-bottom:solid 1px #06b2d9;line-height:40px;clear:both;}

h6 /* Bold text at top of pages */
{font-size:18px;padding:0px 0px 22px 0px;}

h6.center {font-size:18px;padding:22px 0px 0px 0px;text-align:center;}/* Achievements page */

.video_left
{
	float:left;
	width:280px;
}
.video_right
{
	width:280px;
	float:right;
}
.link6
{color:#000;font-size:12px;text-decoration:underline;}
.link6:hover
{color:#f26522!important;}

#container{min-height:100%;position:relative;}

/*--------------Page Headers----------------*/
#hed_about
{
	background:url(../images/header1.jpg) no-repeat;
	height:227px;
	width:860px;
}
#hed_learners
{
	background:url(../images/header2.jpg) no-repeat;
	height:227px;
	width:860px;
}
#hed_academic
{
	background:url(../images/header3.jpg) no-repeat;
	height:227px;
	width:860px;
}
#hed_achiev
{
	background:url(../images/header4.jpg) no-repeat;
	height:227px;
	width:860px;
}
#hed_patron
{
	background:url(../images/header5.jpg) no-repeat;
	height:227px;
	width:860px;
}
#hed_info
{
	background:url(../images/header6.jpg) no-repeat;
	height:227px;
	width:860px;
}
#hed_gallery
{
	background:url(../images/header7.jpg) no-repeat;
	height:227px;
	width:860px;
}
#hed_contact
{
	background:url(../images/header8.jpg) no-repeat;
	height:227px;
	width:860px;
}
/*------------------------------------------*/

/*-------------Main Background--------------*/
#main_background {width: 100%;position: fixed;top: 0;left: 0;z-index: -1;}
/*------------------------------------------*/

/*------------Content Background------------*/
#content_background {width:100%; position:fixed;top:0; left:0; z-index:-1;}
/*------------------------------------------*/

/*------------Top area with menu------------*/
#top {width:100%;height:105px;background:#000;margin:0px 0px 38px 0px;}
#top_wrapper {margin:0 auto;width:860px;}
#logo a {background:url(../images/logo.gif) no-repeat;width:140px;height:86px;float:left;margin:7px 0px 0px 0px;display:block;}
#logo span {visibility:hidden;}
#top_menu {width:247px;height:37px;float:right;padding:12px 0px 0px 0px;font-size:11px;color:#8dc63f;}
#top_menu a {font-size:11px;color:#8dc63f;text-decoration:none;}
#top_menu a:hover {font-size:11px;color:#8dc63f;text-decoration:underline;}
/*------------------------------------------*/

/*----------------Main Menu-----------------*/
#menu {padding:0;margin:30px 0px 0px 0px;list-style:none; width:685px; height:30px;float:right;}
#menu li {position:relative; float:left; margin:0 0px; list-style:none;}
#menu li a {display:block; height:26px; line-height:21px; padding:0 6px 0 0; float:left; color:#fff; text-decoration:none;font-size:11px; text-transform:uppercase;}
#menu li a b {display:block; height:26px; float:left; padding:0 0 0 10px;}
#menu b {font-weight:normal;}
#menu li a:hover, 
#menu li a:active,
#menu li a:focus,
.about #menu li#about a,
.learners #menu li#learners a,
.focus #menu li#focus a,
.academic #menu li#academic a,
.patron #menu li#patron a,
.achiev #menu li#achiev a,
.info #menu li#info a,
.gallery #menu li#gallery a,
.contact #menu li#contact a
{background: url(../images/taba.png) right top; cursor:pointer; color:#fff; line-height:21px;}
#menu li a:hover b,
#menu li a:active b,
#menu li a:focus b,
.about #menu li#about a b,
.learners #menu li#learners a b,
.focus #menu li#focus a b,
.academic #menu li#academic a b,
.patron #menu li#patron a b,
.achiev #menu li#achiev a b,
.info #menu li#info a b,
.gallery #menu li#gallery a b,
.contact #menu li#contact a b
{background: url(../images/tabb.png) left top; cursor:pointer;}
.active { background: url(../images/tabb.png) left top; cursor:pointer;}

/*--------------Drop Down Menu--------------*/
#menu li ul
{
	background: #000;
	display: none;
	height: auto;
	padding: 0px;
	margin: 25px 0px 0px 0px;
	border: solid 1px #00d0ff;
	position: absolute;
	width: 152px;
	z-index: 1000; /*top:1em; 		/*left:0;*/
	left:0;
}
#menu li:hover ul {display: block;float:left;}
/*------------------------------------------*/

/*------------About Us page menu------------*/
.sub_menu {padding:0px 0px 10px 0px;list-style:none; width:622px;float:right;background:url(../images/sub_menu.gif) no-repeat;}
.sub_menu li {position:relative; float:left; margin:0 0px;list-style:none;}
.sub_menu li a {display:block; height:25px;margin:8px 0px 0px 10px;padding:9px 5px 0px 5px; float:left; color:#fff; text-decoration:none!important;font-size:12px; text-transform:uppercase;}
.sub_menu li a b {display:block; height:25px; float:left; padding:0 0 0 2px;color:#fff;}
.sub_menu b {font-weight:normal;}
.sub_menu li a:hover, 
.sub_menu li a:active,
.sub_menu li a:focus,
.dance .sub_menu li.dance a,
.math .sub_menu li.math a,
.art .sub_menu li.art a,
.science .sub_menu li.science a,
.admin .sub_menu li.admin a,
.enter .sub_menu li.enter a,
.life .sub_menu li.life a,
.hos .sub_menu li.hos a
{background: url(../images/taba2.png) right top; cursor:pointer; color:#fff;}
.sub_menu li a:hover b,
.sub_menu li a:active b,
.sub_menu li a:focus b,
.dance .sub_menu li.dance a b,
.math .sub_menu li.math a b,
.art .sub_menu li.art a b,
.science .sub_menu li.science a b,
.admin .sub_menu li.admin a b,
.enter .sub_menu li.enter a b,
.life .sub_menu li.life a b,
.hos .sub_menu li.hos a b
{background: url(../images/tabb2.png) left top; cursor:pointer;}
.sub_active { background: url(../images/tabb2.png) left top; cursor:pointer;}

/*------------------------------------------*/

/*-------------Content Wrapper--------------*/
#wrapper {width:860px;margin:0 auto;height:100%;padding-bottom:35px;/* Height of the footer */}
/*------------------------------------------*/

#content_column {background:url(../images/content_back.png) repeat-y;width:860px;height:100%;} /* faux column / main content column */

#content_header {background:#06b2d9;width:100%;height:72px;} /* main blue header */

.content_hr {border-top:solid 1px #06b2d9;clear:both;}/* blue line hr */

/*---------------Left Column----------------*/
#left_column {width:184px;float:left;}
#left_column h1 {color:#8dc73f;font-size:16px;padding:13px 0px 0px 10px;}
#left_column h2 {color:#9a509a;font-size:16px;padding:13px 0px 0px 10px;}
#left_column h3 {float:left;font-size:11px;padding:6px 0px 0px 10px;line-height:23px;}
#left_column h4 {font-size:11px;padding:6px 0px 0px 10px;clear:both;line-height:20px;}
#left_column input {width:114px;height:14px;border:solid 1px #adadad;float:right;margin:7px 17px 0px 0px;font-size:11px;}
.left_column_multi {width:153px;height:60px;border:solid 1px #adadad;margin:7px 0px 0px 10px;font-size:11px;overflow:hidden;}
#left_column p {font-size:12px;padding:8px 0px 8px 10px;line-height:18px;}
#green_button a {background:#8dc73f;width:157px;margin:4px 0px 20px 10px;display:block;color:#fff;text-decoration:none;font-size:14px;text-align:center;padding:7px 0px 7px 0px;}
#green_button span {visibility:hidden;}
#send_button a {background:#a864a8;width:157px;margin:12px 0px 20px 10px;display:block;color:#fff;text-decoration:none;font-size:14px;text-align:center;padding:7px 0px 7px 0px;}
#send_button span {visibility:hidden;}
/*------------------------------------------*/

/*---------------Right Column----------------*/
#right_column {background:#fff;width:676px;float:right;}
#right_column p {font-size:12px;line-height:22px;padding:20px 0px 20px 0px;}
#right_column a {color:#000;font-size:12px;text-decoration:underline;}
#right_column a:hover {color:#06b2d9;font-size:12px;text-decoration:underline;}
#right_column_container {padding:30px 28px 43px 26px;}
#number_list ul {padding:0px 0px 0px 20px;list-style-type:decimal;font-size:12px;line-height:22px;}
.bullet_list ul {padding:0px 0px 0px 20px;list-style-type:disc;font-size:12px;line-height:22px;}
.left_data {float:left;width:150px;}
.right_data {float:right;width:470px;text-align:left;}
.left_data2 {float:left;width:270px;}
.right_data2 {float:right;width:350px;text-align:left;}
/*------------------------------------------*/

/*-------Focus Area Headers and hr's--------*/
#focusareas_header {background:#2e2e5e;width:100%;height:72px;margin:0px;}
.focusareas_hr {border-top:solid 1px #2e2e5e;}
.focusareas_sub_header {font-size:14px;color:#2e2e5e;border-top:solid 1px #2e2e5e;border-bottom:solid 1px #2e2e5e;line-height:40px;}

#visualarts_header {background:#ed145b;width:100%;height:72px;margin:0px 0px 0px 0px;}
.visualarts_hr {border-top:solid 1px #ed145b;}
.visualarts_sub_header {font-size:14px;color:#ed145b;border-top:solid 1px #ed145b;border-bottom:solid 1px #ed145b;line-height:40px;}

#dance_header {background:#92278f;width:100%;height:72px;margin:0px 0px 0px 0px;}
.dance_hr {border-top:solid 1px #92278f;}
.dance_sub_header {font-size:14px;color:#92278f;border-top:solid 1px #92278f;border-bottom:solid 1px #92278f;line-height:40px;}

#music_header {background:#00a99d;width:100%;height:72px;margin:0px 0px 0px 0px;}
.music_hr {border-top:solid 1px #00a99d;}
.music_sub_header {font-size:14px;color:#00a99d;border-top:solid 1px #00a99d;border-bottom:solid 1px #00a99d;line-height:40px;}

#enterprise_header {background:#d0c60d;width:100%;height:72px;margin:0px 0px 0px 0px;}
.enterprise_hr {border-top:solid 1px #d0c60d;}
.enterprise_sub_header {font-size:14px;color:#d0c60d;border-top:solid 1px #d0c60d;border-bottom:solid 1px #d0c60d;line-height:40px;}

#hospitality_header {background:#f26522;width:100%;height:72px;margin:0px 0px 0px 0px;}
.hospitality_hr {border-top:solid 1px #f26522;}
.hospitality_sub_header {font-size:14px;color:#f26522;border-top:solid 1px #f26522;border-bottom:solid 1px #f26522;line-height:40px;}
/*------------------------------------------*/

/*------Gallery Images / Site photos--------*/
.gallery_foot_space {clear:both;}
.gallery ul li {background:url(../images/photo_back.png) no-repeat;width:152px;height:106px;list-style:none;float:left;}
.gallery ul li img {padding:7px 0px 0px 7px;}

.navigation {padding:10px 0px 0px 170px;margin: 0 auto;}
.navigation a {background:#06b2d9;width:50px;margin:22px 0px 20px 10px;display:block;color:#fff!important;text-decoration:none!important;font-size:14px;text-align:center;padding:7px 0px 7px 0px;float:left;}

.graynav {background-color:Gray!important;width:50px;margin:22px 0px 20px 10px;display:block;color:#fff!important;text-decoration:none!important;font-size:14px;text-align:center;padding:7px 0px 7px 0px;float:left;}
/*------------------------------------------*/

/*------------------Flash-------------------*/
#main_flash {float:left;width:666px;height:139px;padding:0px 0px 34px 0px;margin:2px 0px 0px 0px;}
#squish_flash {float:right;width:187px;height:145px;padding:0px 0px 34px 0px;}
#content_flash {width:860px;height:227px;background:#2e2e60;}

#content_flash_menu
{
	width:184px;
	float:left;
	margin:0;
	padding:0;
}
#content_flash_pic
{
	width:676px;
	float:right;
	margin:0;
	padding:0;
}
#content_squishy {width:143px; height:312px;margin:10px 0px 0px 10px;}
/*------------------------------------------*/


/*------------HOME PAGE CONTENT-------------*/
/*											*/
/*											*/
/*---------------Colour Block---------------*/
#block {padding:0;list-style:none; width:860px; height:101px; float:left;}
#block li {position:relative; float:left; margin:0 0px;list-style:none;width:143px;}
#block li a {display:block;line-height:17px;float:left; color:#fff; text-decoration:none;font-size:16px; text-transform:uppercase;margin:55px 0px 0px 12px;}
#block li a:hover{display:block; height:101px;margin:12px 0px 0px 12px;} 

#block li#pink {background-color:#ed145b;text-decoration:none;width:143px;height:101px;}
#block li#purple {background-color:#92278f;text-decoration:none;width:143px;height:101px;}
#block li#blue {background-color:#00d0ff;text-decoration:none;width:143px;height:101px;}
#block li#turq {background-color:#00a99d;text-decoration:none;width:143px;height:101px;}
#block li#yellow {background-color:#d0c60d;text-decoration:none;width:143px;height:101px;}
#block li#orange {background-color:#f26522;text-decoration:none;width:143px;height:101px;}
/*------------------------------------------*/

/*----------Blue Block on Home Page---------*/
#blue_block {background:#00d0ff;float:left;width:573px;height:211px;margin:35px 0px 0px 0px;}
#blue_block_button {background:#00d0ff;float:left;width:144px;height:33px;text-align:center;}
#blue_block_button a {color:#fff;font-size:12px;line-height:34px;text-decoration:none;}
#blue_block_button a:hover {color:#fff;font-size:12px;line-height:34px;text-decoration:underline;}
#blue_block h1 {font-size:24px;text-align:center;color:#fff;padding:18px 0px 0px 0px;}
#blue_block p {font-size:14px;line-height:22px;text-align:justify;padding:15px 18px 0px 0px;}
#emblem {background:url(../images/emblem.gif) no-repeat;float:left;width:104px;height:123px;margin:21px 18px 0px 12px;}
/*------------------------------------------*/

/*----------Black Block on Home Page--------*/
#black_block {float:right;background:#000;width:287px;height:211px;margin:35px 0px 0px 0px;}
#black_block_button_events {float:right;background:#ed1c24;width:144px;height:33px;text-align:center;}
#black_block_button_events a {color:#fff;font-size:12px;line-height:34px;text-decoration:none;}
#black_block_button_events a:hover {color:#fff;font-size:12px;line-height:34px;text-decoration:underline;}
#black_block_button_news {float:right;background:#0054a6;width:143px;height:33px;text-align:center;}
#black_block_button_news a {color:#fff;font-size:12px;line-height:34px;text-decoration:none;}
#black_block_button_news a:hover {color:#fff;font-size:12px;line-height:34px;text-decoration:underline;}
#black_block h1 {font-size:14px;color:#0054a6;text-transform:uppercase;padding:18px 0px 14px 15px;}
#black_block p {color:#fff;font-size:12px;line-height:16px;padding:0px 15px 0px 15px;}
#black_block a {font-size:12px;color:#fff;text-decoration:underline;}
#black_block a:hover {font-size:12px;color:#0054a6;text-decoration:underline;}
/*------------------------------------------*/
/*											*/
/*											*/
/*------------------THE END-----------------*/

#clear {height:35px;}
.clear {height:35px;}
.clean
{
	clear:both;
}

/*------------------Footer------------------*/
#footer {width:100%;height:35px;background:#000;position:absolute;bottom:0;}
#foot_wrapper {width:860px;margin:0 auto;}
#foot_left {float:left;width:730px;color:#fff;font-size:10px;padding:12px 0px 0px 0px;}
#foot_left a {color:#fff;font-size:10px;text-decoration:none;}
#foot_left a:hover {color:#fff;font-size:10px;text-decoration:underline;}
#foot_right {float:right;width:130px;color:#ed145b;font-size:10px;padding:12px 0px 0px 0px;}
#foot_right a {color:#ed145b;font-size:10px;text-decoration:none;}
#foot_right a:hover {color:#ed145b;font-size:10px;text-decoration:underline;}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*------------------------------------------*/