/* Vive le Caribbean! */

 body, html {
font-family: Arial, Helvetica, sans-serif;
/*background: url(images/bg.gif);*/
background-color : #e8eff5;
text-align: center;
margin: 0;
padding: 0;
font-size: 100.01%;}

	 img {
	 	border: 2px solid;
                margin:1%;
                float:left;
	 }

/**** html-Tags ****/

h1
	{
	position: relative;
	color: #085736;
	font: normal 1.4em/1em arial, helvetica, sans-serif;
	margin: 1em 0;
	padding: 0.5em 0 0.5em 0;
	border-bottom: 1px dotted #bba;
	border-top: 1px solid #000;
	}
	
h2	{
	position: relative;
	color: #445E55;
	font: normal 1em/1em arial, helvetica, sans-serif;
	margin: 1em 0;
	padding: 0.5em 0 0.5em 0;
	}


 h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.5em;
/*color: #ffffff;
/*background: url(images/h1.gif) no-repeat;*/
width: 95%;
height: 21px;
line-height: 22px;
margin: 5px;
padding: 0 0 0 10px;
}

a {
color: #147;
}

/* To help with accessibility we have a skip navigation option at start of each page. 
We dont want this to be displayed so...*/	 
	 
	 .skiplink {display:none}

/**** layout ****/

/* banner */

#banner {
font: normal 1.6em Georgia, "Times New Roman", Times, serif;
/*background: url(images/pen007.jpg) no-repeat;*/
background: url(images/church1b.jpg) no-repeat;
color: #ffffff;
margin: 0 auto;
/*width: 780px;
height: 110px;*/
width: 780px;
height: 120px;
}

#banner p {
text-align: left;
padding: 10px 0 0 10px;
margin: 0;
}

/* nav-toplevel */

#nav-toplevel {
margin: 0 auto;
padding: 0;
width: 780px;
}

#nav-toplevel ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
/*background-color: #dedede;
background-color: #e8eff5;*/
background-color: #f2f7fb;
}

#nav-toplevel li {
display: inline;
margin: 0;
padding: 0;
}

#nav-toplevel li a {
text-decoration: none;
}

/* nav-main */

#nav-main {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 2px solid #596591;
border-right: 2px solid #596591;
text-align: left;
font-size: 0.7em;
padding: 0;
margin: 0;
}

#nav-main li {
margin: 0em -4px 0em 0px;
text-align: left;
line-height: 23px;
}

#nav-main li a {
text-transform: capitalize;
font-weight: bold;
padding: 0.45em 0.8em 0.45em 0.8em;
border-right: 1px solid #333333;
}

#nav-main li a:hover {
background-color: #ff5008;
color: #ffffff;
}
#nav-main li.current {
background-color: #596591;
color: #ffffff;
font-weight: bold;
padding: 0.45em 0.8em 0.45em 0.8em;
border-right: 1px solid #333333;
}

li .current {
background-color: #596591;
color: #ffffff;
}


/* container-content */

#container {
text-align: left;
/*background-color:#dddddd;*/
/*background-color:#f6f7f9;*/
background-color:#f2f7fb;
position: relative;
margin: 0 auto;
padding: 8px 0 8px 0;
/*border-left: 2px solid #596591;
border-right: 2px solid #596591;*/
width: 780px;
voice-family: "\"}\"";
voice-family:inherit;
width: 776px;
}

html>body #container {
width: 776px;
}

#content {
clear: both;
text-align: justify;
font-size: 0.8em;
line-height: 1.2em;
width: 600px;
margin: 0px;
padding: 0 0 0 5px;
}

#content a {
text-decoration: underline;
}

#content p, #content ol, #content ul {
line-height: 1.6em;
padding: 8px 0 8px 8px;
margin: 0;
}

#content li {
margin-left: 25px;
}

#content a:hover {
background-color: #ff5008;
color: #ffffff;
text-decoration: none;
}

/* subnavs */

#nav-subs {
text-align: left;
font-size: 0.7em;
position: absolute;
/*background: #f2f7fb;*/
background: #cbeafe;
border-left: 2px solid #596591;
left: 610px;
height: 516px;
top: 0;
margin: 0;
width: 156px;
voice-family: "\"}\"";
voice-family:inherit;
width: 154px;
/*background-color: #f2f7fb;*/
background-color: #cbeafe;
}

html>body #nav-subs {
width: 154px;
}

#nav-subs ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
}

#nav-subs li {
margin: 0;
padding: 0;
font-size: 1em;
font-weight: bold;
color: #cbeafe;
}

#nav-subs a, #info-site a {
text-decoration: none;
padding: 5px 2px 5px 4px;
}

#nav-subs a {
display: block;
height: 1.2em;
}

#nav-subs a:hover {
color: #ffffff;
background-color: #ff5008;
}

.youarehere {
color: #ffffff;
background: #596591;
}

#nav-section {
background-color:#cbeafe;
/*background-color: #f2f7fb;*/
padding : 2px;
}
/* where school is located */
#located {
float:right;
width:35%;
padding:8px;
border:1px solid black;
margin:20px;
background-color:#e8eff5;
}
/* logo */
#logo {
background-color: #f2f7fb; 
margin: 5px;
float: left; 
border: 1px solid black;
}
#fancyfade {
padding:5px;
color:green;
width:150px;
background:transparent;
filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
float:right;
width:150px;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
font-family:Verdana, Arial, Helvetica,Georgia;
font-size: 28px;
line-height:26px;
text-align: right;
}
/* footer */

#info-site {
clear:both;
display : block;
font-size: 10px;
/* background: url(images/footer.gif);*/
/*color: #cccccc;*/
text-align: left;
line-height: 1.9em;
width: 700px;
height: 20px;
margin: 0 auto;
padding: 0;
}

#info-site a {
/*color: #cccccc;*/
}

#info-site a:hover {
color: #ffffff;
background: #ff5008;
}

#info-site p {
padding-right: 15px;
}

#info-company, #info-standards {
display: inline;
}

#middle {
	margin: 5px 190px 5px 150px;
	padding: 10px;
/*	border: 5px solid #ccc;*/
	}
#middle p {
line-height: 1.6em;
font-size: 0.8em;
}

#middle li{
line-height: 1.6em;
font-size: 0.8em;
margin-bottom : 5px;
}

#aboutlist {
position: absolute;
top: 0;
left: 0px;
margin: 5px 0 0 5px;
/*padding: 10px;*/
text-align: left;
font-size: 0.7em;
background: #f2f7fb;
height: 516px;
width: 156px;
voice-family: "\"}\"";
voice-family:inherit;
width: 154px;
background-color: #f2f7fb;
/*background-color: #b1b8be;*/
}

html>body #aboutlist {
width: 154px;
}

#aboutlist ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
}

#aboutlist li {
margin: 0;
padding: 0;
font-size: 1em;
font-weight: bold;
color: #d75667;}

#aboutlist a {
text-decoration: none;
padding: 5px 2px 5px 4px;
}

#aboutlist a {
display: block;
height: 1.2em;
}


#aboutlist a:hover {
color: #ffffff;
background-color: #ff5008;
}

/* This is to allow keyboard users to see highlight effect but red is too bright. */
#aboutlist a:focus {
color: #0000;
background-color: #ffff;
}
/* the content on the about page */
.aboutcontent {
position:absolute;
top:0;
left:200;
width:400px;
}
/* the content on the about page that isnt on view*/
.aboutcontenthidden {
position:absolute;
top:0;
left:200;
width:400px;
visibility:hidden;
display:none;
}

/* See about.htm showhide function for explanation of hidden class */

.hidden {
display:none;
}

.date01 {font: bold 11px ; color: #E78A00; letter-spacing: 0.09em;}
.mainblue01 {font: 11px ; color: #002953; line-height: 17px; letter-spacing: 0.07em;}
.mainorange03 {font: 12px ; color: #E78A00; line-height: 18px; letter-spacing: 0.09em;text-align: left;}
/*.date01 {font: bold 11px Georgia, Times New Roman, serif; color: #E78A00; letter-spacing: 0.09em;}
.mainblue01 {font: 11px Georgia, Times New Roman, serif; color: #002953; line-height: 17px; letter-spacing: 0.07em;}
.mainorange03 {font: 12px Georgia, Times New Roman, serif; color: #E78A00; line-height: 18px; letter-spacing: 0.09em;text-align: left;}
*/
td.weekend {background-color: #FFF5E8; padding: 5px 5px 5px 10px; border-bottom: #E78A00 solid 1px;}
td.weekday {padding: 5px 5px 5px 10px; border-bottom: #E78A00 solid 1px;}
td#daycell03 {text-align: left; vertical-align: top; width: 15px;}
td#daycell04 {text-align: left; vertical-align: top; width: 40px;}
td#daycell05 {text-align: left; vertical-align: top; width: 60px;}
td#daycell06 {text-align: left; vertical-align: top;}
/*.mainblue03 {font: 12px Georgia, Times New Roman, serif; color: #002953; line-height: 18px; letter-spacing: 0.05em;}
.headingorange02 {font: bold 16px Georgia, Times New Roman, serif; color: #E78A00; letter-spacing: 0.09em;}
*/
.mainblue03 {font: 12px ; color: #002953; line-height: 18px; letter-spacing: 0.05em;}
.headingorange02 {font-size 18px; color: #E78A00; letter-spacing: 0.09em;}

td.num {text-align: left; 
        vertical-align: top; 
				width: 25px;
/*        font: bold 11px Georgia, Times New Roman, serif;*/ 
        font: bold 11px; 
				color: #E78A00; 
				letter-spacing: 0.09em;}

td.day{text-align: left; 
       vertical-align: top; 
			 width: 40px;
/*       font: 11px Georgia, Times New Roman, serif;*/ 
       font: 11px; 
			 color: #002953; 
			 line-height: 17px; 
			 letter-spacing: 0.07em;}

td.time {text-align: left; 
         vertical-align: top; 
				 width: 60px;
/*         font: 11px Georgia, Times New Roman, serif;*/ 
         font: 11px; 
				 color: #002953; 
				 line-height: 17px; 
				 letter-spacing: 0.07em;}

td.event {text-align: left; 
          vertical-align: top;
/*          font: 12px Georgia, Times New Roman, serif;*/ 
          font: 12px; 
					color: #E78A00; 
			 color: #002953; 
					line-height: 18px; 
					letter-spacing: 0.05em;}

 #contactform {
 	width: 50%;
   margin: 1%;
	float: left;

 }

#contactform fieldset {
  
  padding: 10px; 
  border: #DEDEFF solid 3px;
	
}

#contactform fieldset legend {
  font-weight: bold;
  color: Blue;
}


#contactform input {
	border: black solid 1px;
}

.submitform {
	text-align: center;
	margin-top: 5px;
}

 
 .info {                         /* for info on how to contact me */
	 width: 40%;
	 margin: 5% 1% 0% 0%;
	 float: right;
	 padding: 1%;
 	
 }
.info p {
/*	color: #339;*/
	font-size: 1em;
/*	font-style: italic; */
	padding: 1%;
/*   margin-bottom: 400px;*/
}

/* used in news admin */

span.label {
	display: block;
	width: 150px;
	float: left;
	
}

span.formfix {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}
/* use this to clear floats */
hr {
	clear:both;
	visibility:hidden;
	height:1px;
	margin:0;
	}