/* CSS Document */
p { font-size:13px; color:#000066;
	text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left;
}

 A:link {color: #0000FF;}  
 A:active {color: #0000FF;}
A:visited {color: #0000FF;}
 A:hover {color: red;}

/*frontpage content*/

#main{
	float: left;
	width: 350px;
	padding-left: 0px;
	paddding-right:5px
	clear: right;
}


#spotlight{	float: right;

}

/*horizontal menu*/


div#nav {
	text-decoration: none;
	background: #01009A;;
	padding: 0px;
	border: 0px;
	 text-align:center; font-family:Arial, Helvetica, sans-serif; font: 12px; 
	}
  
   
  
div#nav ul {
	padding: 0;
	list-style: none;
	margin-top: -16px; 
	#margin-top: -4px;  /* positions the buttons on in IE*/
	_margin-top: -4px;  /* positions the buttons on in IE6 and above*/
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0; padding-bottom: 30px; padding-top: 10px;
	}
div#nav li {float: left;
	position: relative;
	width: 84px;
	}
	
div#nav li:hover {background: #01009A;} /* controls the colour any link*/


div#nav li.submenu:hover {background-color: #01009A;}/* controls the colour of the navigation buttons with drop downs when hovered over*/

div#nav li a {display: block; padding:0;
  text-decoration: none;}
  
 div#nav ul ul {position: absolute;
  display: none; left:0;}
 


div#nav ul ul li {background-color:#01009A;} /* controls the drop down menu background colour*/
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul{display:block;}

#nav li A:link {color: #FFFFFF;}  /* controls the complete navigation links and hover colour*/
#nav li A:active {color: #ffffff;}
#nav li A:visited {color: #FFFFFF;}
#nav li A:hover {color: red;}
  
li:hover ul { display: block; }


/* Fix IE\*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

/*END OF NAVIGATION CODE */




img.banner a:link {text-decoration:none}
a:link {text-decoration: none;}


h1 {font-size:20px; text-align:left; font:Arial, Helvetica, sans-serif, }
p {line-height:1;}





div#wording {
	padding-right: 7em;
	font-style:normal;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	margin-top: 0;
	margin-right: 40%;
}

div#rightwords {
	font-style:normal;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	margin-top: 0;
	margin-left: 0px;
}


div#rightwords {margin: 0 ; padding: 0; float:right; width:60%; 	
}
div#rightwords {display:block; padding: 0px; margin:0; border-left:1px; font-size:12px}

div#rightwords A:hover {color: #000000; font-size:12px;}
A:link {text-decoration:none; color: #000000;}

#signature {font-family:"Pristina", arial;  font-size:20px; font-weight:300; }




/*contact page form */ 

#contactform label {float:left;
	width: 20%;
	font-size: 12px;
	margin-left: 10px;}

#contactform div {clear:left;
	margin: 1.5em 0 0.6em 0;}

#contactform fieldset {border: 1px solid #433b53;
	margin-left:30px;
	margin-right:30px;
	margin-top:5px;}

#contactform legend {
	color: #ffffff;
	font-size:12px}

#contactform fieldset label {margin-left: 10px;}

#contactform .txt {width: 100%; border: 1px solid #ffffff; color: #FFFFFF;}

#contactform textarea.txt {width: 100%;}

#contactform .btn {border: 2px solid #433b53;
	color: #ffffff;
	padding: 0.6em;}

#contactform div.submit {float:left;} 

#submit { float: left; margin-left: 10px; border: 0px; border-color:#CD9B9A; color:#996766; background-color:#FFFFFF; font-family:Arial, "Century Gothic", monospace;}


h2 {text-align:left; font: Arial, Helvetica, sans-serif; font-size:16px; font-weight:600; color:#000066;}

h3 {text-align:left; font: Arial, Helvetica, sans-serif; font-size:14px; font-weight:600; color:#000066;}

#signature {font-family:"Pristina", arial;  font-size:20px; font-weight:600; }

/* login formatting - submit button not aligned yet */
#siglogin td {
	color: red; font-family: "Century Gothic", monospace, Arial; font-size: 12px; text-align: right;}

#siglogin {float:right;} 
submit {
	float:right;
	width: 400px; color: green;
} 



#update{color: #000072; background-color: #cacbea; 	border: 4px outset #003366;
  width: 170px; float: left; text-align:center}
#add {color: #000072; background-color: #cacbea; 	border: 4px outset #003366;
width: 170px; float:left; text-align:center}

#slideshow{margin:100px; }


#welcome {height: 87px; width: 125px; margin-right:6px; border:0px;}
#diary {height: 87px; width: 125px; margin-right:6px; border:0px;}
#contact {height: 87px; width: 125px; margin-right:6px; border:0px;}
#direction{height: 87px; width: 125px; margin-right:6px; border:0px; vertical-align:30px}
#staff {height: 87px; width: 125px; margin-right:6px; border:0px; vertical-align:30px}
#leadership{height: 87px; width: 125px; margin-right:6px; border:0px; vertical-align:30px}

#logo {height: 110px; width: 395px;margin-right:6px; border:0px; vertical-align:30px}

/* form style */


 label
{
width: 8em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
}
input
{
color: #000072;
background: #cacbea;
border: 1px solid #000072
}

.submit input
{
color: black;
background: #ffa20f;
border: 2px outset #000072
}
fieldset
{
border: 1px solid #000072;
width: 30em; margin-left: 10px;
}

legend
{
color: #000;
padding: 2px 6px; font:Arial, Helvetica, sans-serif; size:12px; color: #000072
}

tr#master { border-color:#000066;  background-color:#CCCCCC
}
tr#master_events { border-color:#000066}