@charset "UTF-8";
/* CSS Document */

html, body {border: 0; margin: 0; padding: 0; }


body {
	background: #FFF;
	/*background:url(/themes/images/background2.jpg) no-repeat top left;*/
	
	font: 95%/0.95 Verdana;
	width: 100%;
	line-height: 130%;
  	min-width: 970px;
  	color: #666666;
}

.body2{
	background:url(/themes/images/background3.jpg) no-repeat top left #1a2712 ;
	
	font: 12px arial, helvetica, sans-serif;
	width: 100%;
	line-height: 130%;
  	min-width: 970px;
  	color: #666666;
}

p,td, ul li, ol li{	
	font: 95%/0.95 Verdana;
	
	line-height: 130%;
  	
  	color: #666666;
	}

a {
	color: #0099CC;
	text-decoration: none;
}

a:hover {
	color: #00CCFF;
}

a img {
  border: none;/*remove border for linked images*/
}

h1 {
	font-size: 2.0em;
	color:#FF6600;
	margin-top:0px;
	margin-bottom:0px;
	
	text-transform:uppercase;

}

h2{
	font-size: 1.2em;	
	text-transform:uppercase;
	color:#666666;
}

h3{
	font-size: 1.2em;	
	text-transform:uppercase;
	color:#FFCC00;
}

h4{
	
	font-size: 1.2em;	
	text-transform:uppercase;
	color:#FF6600;
	line-height: 130%;
	}
h5{
	font-size: 1.2em;	
	padding-bottom: 0px;
	margin-bottom:0px;
	color:#666;
	line-height: 130%;
	text-transform:uppercase;
	}
	



td h3{
	font-size: 1.1em;	
	padding-bottom: 0px;
	margin-bottom:0px;
	color:#FF6600;
	text-transform:uppercase;
}


td hr {
	color: #66CC66;
background-color: #66CC66;
border-bottom: 1px solid #66CC66;
	}


#container_top{
background:url(/themes/images/content-top.png) no-repeat top center;
	width:1000px;
	height:25px;
	margin: auto;
	clear:both;
	margin-top:10px;
	}

#container{
	
	width:100%;
	height:100%;
	margin: auto;
	background:url(/themes/images/main_bg1.png) repeat-y top center;	
	clear:both;
	position:relative
	}

#header {
	padding-top: 80px;
	padding-left: 210px;
	width: 750px;
	height: 30px;
	display: block;
	margin: 0 auto;
	margin-top:0px;
	position: relative;
	background: url(/themes/images/header-bg.png) no-repeat top left;
	border-bottom: #333 5px solid;
}

#header2 {
	padding-top: 80px;
	padding-left: 210px;
	width: 750px;
	height: 20px;
	display: block;
	margin: 0 auto;
	margin-top:0px;
	position: relative;
	background: url(/themes/images/header-bg.png) no-repeat top left;
	
}

#header-search {
	color: #888;
	padding: 0px;
	border: 1px #000 solid;
	
}

.search-arrow{
		margin-left:0px;
}

.search-box{
		border:hidden;
}


#content {
	width: 960px;
	min-height: 420px;
	margin: auto;
	position: relative;
	padding-top:10px;
	
}

#content2 {
	width: 960px;
	min-height: 420px;
	margin: auto;
	position: relative;
	padding-top:20px;
	
}


#flash{	
	width:100%;
	height:565px;
	margin-top: 10px;;
	clear:both;
	position:relative
	}
	
#gallery{	
	width:100%;
	height:768px;
	margin-top: 10px;;
	clear:both;
	position:relative;
	
	}

#hub_nav{

padding-top:20px;
	padding-right: 5px;
	width: 150px;
	float:left;
		
	
}

#hub_main{
position: relative;
	padding-right: 5px;
	padding-top:20px;
	width: 650px;		
	height: 390px;
	
	font: 85%/0.85 arial, helvetica, sans-serif;
	overflow: hidden;
}


	

#hub_logo{
	position:absolute;
	top:320px;
	

}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 135px;
 font: 85%/0.85 arial, helvetica, sans-serif;
  
}

ul#menu a {
  display: block;
  text-decoration: none;
  font-weight:bold;
}

ul#menu li {
  margin-top: 1px;
  padding: 0.5em;
}

ul#menu li a {
  font-weight:bold;
  color:#999999;	
  
}

ul#menu li a:hover {
	color:#FF9900;
	font-weight:bold;
}

ul#menu li ul li{
font: 135%/1.35 arial, helvetica, sans-serif;
	 padding: 0.05em;
	 }

ul#menu li ul li a {
  color: #FF9900;
  padding-left: 20px;
  font-weight:bold;
}

ul#menu li ul li a:hover {
  color:#66FF66;
  padding-left: 20px;
  font-weight:bold;
}


#main {
	padding-right: 15px;
	margin-right:15px;
	width: 810px;
	padding-bottom:10px;
	height:400px;	
	font: 85%/0.85 arial, helvetica, sans-serif;
	overflow: hidden;
}

#main2 {
	padding-left:10px;
	
	width: 810px;
	padding-bottom:10px;
	padding-top:20px;
	min-height:400px;
	height:auto !important;
	height:400px;
	font: 12px arial, helvetica, sans-serif;
	
}

#main3 {	
	padding-right: 15px;
	margin-right:15px;
	width: 810px;	
	padding-bottom:10px;
	padding-top:20px;
	min-height:400px;
	left: 160px;
	height:auto !important;
	height:400px;
	font: 12px arial, helvetica, sans-serif;	
}

#hub_main2{
	
	width: 650px;
	margin-left:160px;
	padding-top:20px;
	padding-bottom:10px;		
	min-height:400px;
	height:auto !important;	
	font: 85%/0.85 arial, helvetica, sans-serif;
}

#right-image {
	float: right;
	width: 140px;
	height: 390px;
	overflow: hidden;	
}

#right-image2 {
	float: right;
	width: 140px;
	background:url(/themes/banner/image.cfm) repeat-y;
	
}

#footer{	
	background:url(/themes/images/content-bottom.png) no-repeat;
	width:1000px;
	height:38px;
	margin: auto;
	
	margin-top:0px;
	}

#navbar {
	border-top: #999 5px solid;	
	padding-top: 0px;
	position: relative;
	bottom: 0px;
	width: 960px;
	height: 20px;
	
	z-index: 1;
	
}

#navbar2 {
	border-top: #000 5px solid;
	border-bottom: #999 5px solid;
	padding-top: 0px;
	padding-bottom:0px;
	position: relative;
	bottom: 0px;
	width: 960px;
	height: 20px;
	font-size: 9px;
	z-index: 1;
	
}


ul.main-nav {
	
	text-transform: uppercase;
	font-size:9px;
	margin: 0;
	padding: 0;
	display: inline;
}

ul.sub-nav {
	font-family: News Gothic MT, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0;
	padding-left:0;
	display: inline;
	width:960px;
	text-align:center;
	
	
}

ul.sub-nav li.sub-nav-item {
	margin: 0;
	padding: 0;
	display: block;
	float: left;	
}


ul.main-nav li.main-nav-item {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

ul.main-nav li.main-nav-item a {
	outline: none;
}

ul.main-nav li.main-nav-item a img {
	border: 0;
}

.submenu {
	position: absolute;
	bottom: 25px;
	width: 150px;
	
	background: #FF6600 url(/themes/images/submenu-bg3.png) repeat-y top left;
	display: none;
	height: 0px;
	z-index: 2;
	overflow: hidden;
}

.close-submenu {
	float: right;
}

.submenu ul {
	margin: 20px 0 0 0;
	padding: 0;
}

.submenu ul li {
	margin: 10px 8px 0 8px;
	padding: 0 0 0 12px;
	background: url(/themes/images/submenu-asterisk.png) top left no-repeat;
	list-style-type: none;
	line-height: 10pt;

}

.submenu a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: #ffcc99;
	text-decoration: none;
	text-transform: capitalize;
}

.submenu a:hover {
	text-decoration: underline;
	color: #FFF;

}

.sub_nav {
	position: relative;
	
	width: 150px;
	top: 0px;
	
	background: #FF6600 url(/themes/images/submenu-bg3.png) repeat-y top left;
	display: none;
	height: 0px;
	z-index: 2;
	overflow: hidden;
}

.close-sub_nav {
	float: right;
}

.sub_nav ul {
	margin: 20px 0 0 0;
	padding: 0;
}

.sub_nav ul li {
	margin: 10px 8px 0 8px;
	padding: 0 0 0 12px;
	background: url(/themes/images/submenu-asterisk.png) top left no-repeat;
	list-style-type: none;
	line-height: 10pt;

}

.sub_nav a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: #ffcc99;
	text-decoration: none;
	text-transform: capitalize;
}

.sub_nav a:hover {
	text-decoration: underline;
	color: #FFF;

}

#kingshub_submenu {
	left: 0;
}

#aboutkings_submenu {
	left: 63px;
}

#virtualtours_submenu {
	left: 145px;
}

#kingscontests_submenu {
	left: 234px;
}

#alumniprofiles_submenu {
	left: 334px;
}

#upcomingevents_submenu {
	left: 435px;
}

#kingspolling_submenu {
	left: 541px;
}

#news_submenu {
	left: 664px;
}

#teachers_submenu {
	left: 706px;
}


#parents_submenu {
	left: 810px;
}

#chaplains_submenu {
	left: 786px;
}

.movie{
		margin:5px;
	float: left;
	border:2px solid #222;
}

ul.widgets li { list-style: none; margin:5px;
	float: left;
	border:2px solid #222;}

/* These hieghts and widths should be edited to your images */	
ul#pikame{
	padding-left:0;
	width:800px;
	margin:0 auto;
	background:#000}
.pika_main{
	width:500px;
	padding-right:20px;
	margin:0;}
#pikame li{
	margin:5px;
	float: left;
	border:2px solid #222;}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;}
.pika_main img{border:5px solid #222; }
.pika_main{position: relative;margin:0 auto;float:left}
.pikachoose li{float:right;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:20px;text-align:center;}
.pika_navigation a{font-size: 12px;color:#000;text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{top:-20px;clear:both;text-align:justify;}

.star_y{width:10px; height:10px; background:url(/themes/images/vote_star.gif); float:left;}
.star_n{width:10px; height:10px; background:url(/themes/images/vote_star.gif) 0 10px; float:left;}

.mp3 a {
	background:url(/files/image/Speaker.png)  top left; display:inline-block;
}

.mp3 a:hover {
	background:url(/files/image/Speaker_ovr.png) top left; display:inline-block;
}

ul.topnav {
	list-style: none;
	padding: 0 ;
	margin: 0;
	float: left;
	width: 960px;
	height: 20px;
	font-size: 9px;
	
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 5px 5px;
	color: #999;
	text-transform:uppercase;
	display: block;
	font-weight:bold;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
		color:#F90;
}

ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	background: url(/themes/images/submenu-bg3.png) repeat-y top left;
	left: 0; top: 20px;
	
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 150px;
	
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #F90; /*--Create bevel effect--*/
	border-bottom: 1px solid #F90; /*--Create bevel effect--*/
	clear: both;
	width: 150px;
	
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 130px;
	background: url(/themes/images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
	color:#FFF;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: url(/themes/images/dropdown_linkbg.gif) no-repeat 10px center;
	color:#090;
}

#site{
	position:relative;
	padding-top:6px;
	margin-left:870px;
	text-align:right;
}

#contact_form					{ width:500px; height:300px; padding:10px 0;								
                        position:relative; }

#register					{ width:500px; height:700px; padding:10px 0;								
                        position:relative; }

form fieldset					{ font: 95%/0.95 Verdana; 
												margin:0px 0px 0px 0px; width:578px; position:relative;
												border:0;display:block; padding: 0px 10px 8px; }
form fieldset legend	{ border-width:1px; border-style:solid; border-color:#BBBB66; color:#3D7169;
												font-weight:bold; font-variant:small-caps; font-size:100%; padding:4px 8px;
												margin:0px 0px 10px 0px; position:relative; top: -12px; background:white; }
label									{ font-size:100%; display:block; float:left; width:10em; text-align:left;
												margin:.2em .2em 1em 1em; color: #666666; font-weight:bold;padding:8px 0px; }
label.error           { font-weight:normal;color:red;text-align:left;width:300px; padding-left:25px;
                        background: transparent url(/themes/images/forms/cancel.png) no-repeat scroll left; }
input.text-input			{ margin:4px;padding:2px 0;color:#333; }

label#name_label      { position:absolute; top:0; left:0; }
input#name            { position:absolute; top:0; left:110px; }
label#name_error      { position:absolute; top:22px; left:120px; }

label#email_label     { position:absolute; top:0px; left:300px; }
input#email           { position:absolute; top:0px; left:400px; }
label#email_error      { position:absolute; top:22px; left:410px; }

label#address_label     { position:absolute; top:50px; left:0px; }
input#address           { position:absolute; top:50px; left:110px; }
label#address_error      { position:absolute; top:72px; left:120px; }

label#city_label     { position:absolute; top:50px; left:300px; }
input#city           { position:absolute; top:50px; left:400px; }
label#city_error      { position:absolute; top:72px; left:410px; }

label#prov_label     { position:absolute; top:100px; left:0px; }
input#prov           { position:absolute; top:100px; left:110px; }
label#prov_error      { position:absolute; top:122px; left:120px; }

label#country_label     { position:absolute; top:100px; left:300px; }
input#country           { position:absolute; top:100px; left:400px; }
label#country_error      { position:absolute; top:122px; left:410px; }

label#phone_label     { position:absolute; top:150px; left:0px; }
input#phone           { position:absolute; top:150px; left:110px; }
label#phone_error      { position:absolute; top:172px; left:120px; }

label#postal_label     { position:absolute; top:150px; left:300px; }
input#postal           { position:absolute; top:150px; left:400px; }
label#postal_error      { position:absolute; top:172px; left:410px; }

label#school_label     { position:absolute; top:200px; left:0px; }
input#school           { position:absolute; top:200px; left:110px; }
label#school_error      { position:absolute; top:222px; left:120px; }

label#grade_label     { position:absolute; top:200px; left:300px; }
input#grade           { position:absolute; top:200px; left:400px; }
label#grade_error      { position:absolute; top:222px; left:410px; }

label.stay_label     { position:absolute; top:235px; left:0px; width:100% }
select#stay           { position:absolute; top:315px; left:25px; }
label#stay_error      { position:absolute; top:337px; left:120px; }

label#allergies_label     { position:absolute; top:347px; left:0px;}
textarea#allergies           { position:absolute; top:347px; left:130px;  margin:4px;padding:2px 0;color:#333; }
label#allergies_error      { position:absolute; top:369px; left:120px; }

label.workshop     { position:absolute; top:447px; left:0px; width:100% }

select#workshop          { position:absolute; top:500px; left:25px; }
select#workshop2          { position:absolute; top:540px; left:25px; }
select#workshop3          { position:absolute; top:580px; left:25px; }
select#workshop4         { position:absolute; top:620px; left:25px; }



#register input.button					{ position:absolute; top:640px; left:420px; padding:3px 6px;
                        border:2px solid #fff; margin:20px 0px 0px 0px; color:#F60; 
												font-family:Verdana, Arial, Helvetica, sans-serif;
												background:#CCC; -moz-border-radius:5px; }
								
input.button					{ position:absolute; top:240px; left:420px; padding:3px 6px;
                        border:2px solid #fff; margin:20px 0px 0px 0px; color:#F60; 
												font-family:Verdana, Arial, Helvetica, sans-serif;
												background:#CCC; -moz-border-radius:5px; }

input.button:hover		{ background:#F60 none repeat scroll 0% 0%; color:white; }
#message							{ width:180px;margin:60px 0 0 100px; }
#message h2						{ font-size:150%;color:#F60; }
#message p						{ color:#666666;font-weight:bold;margin:6px 0px; }
#checkmark						{ position:relative;top:-46px;left:-60px; }