/* CSS Document */

body {
	background-image: url(../images/backgrounds/gray_stripes.gif);
	background-repeat: repeat;
	margin: 10px,0px,0px,0px;
}

#tablemain {
	width: 760px;
	margin: 0px;
	border: 0px;
	margin: 10px auto;
}

#headermain-left {
	background-image: url(../images/backgrounds/head_blue-gradient.gif);
	background-repeat: repeat-x;
	height: 98px;
	border-left: 1px solid #333333;
}

#headermain-right {
	background-image: url(../images/backgrounds/head_blue-gradient.gif);
	background-repeat: repeat-x;
	height: 98px;
	border-right: 1px solid #333333;
}

#headerbottom {
	background-image: url(../images/general/header_bottom.gif);
	background-repeat: repeat-x;
	height: 12px;
	width: 756px;
}


#contactinfo {
	background-image: url(../images/backgrounds/contact-info.jpg);
	background-repeat: no-repeat;
	width: 216px;
	height: 222px;
	vertical-align: top;
}

#contacthead {
	background-image: url(../images/general/round_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	padding: 4px 0px 0px 20px;
}

#picturerandom {
	width: 357px;
	height: 221px;
}

#submenu {
	background-image: url(../images/navigation/nav2.jpg);
	background-repeat: no-repeat;
	height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 26px;
	color: #666666;
	padding: 0px 0px 0px 40px;
}

#submenu a:link, #submenu a:visited, #submenu a:active {
	height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 26px;
	color: #666666;
	text-decoration: none;
}

 #submenu a:hover {
	height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 26px;
	color: #3333FF;
	text-decoration: none;
}


#middle2main {
	width: 756px;
	border: 0;
}

#mission {
	background-image: url(../images/backgrounds/missionbg.gif);
	background-repeat: repeat-y;
	width: 397px;
	vertical-align:top;
	padding: 10px 0px 10px 0px;
	
} 

#homeright {
	vertical-align: top;
	padding: 10px 0px 5px 1px;
}

#schoolnet {
	background-image: url(../images/backgrounds/homeschoolnet.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 28px;
	text-align: center;
}

#navigation {
	width: 183px;
	vertical-align: top;
}


#middlemain {
	width: 760px;
	background-color: #FFFFFF;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}

#pagefooterbg {
	background-image: url(../images/backgrounds/footer-bg.gif);
	background-repeat: repeat-x;
	height: 9px;
}

#pagefooter {
	background-image: url(../images/backgrounds/footer.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	height: 21px;
	width: 760px;
}

#pagequotes {
	background-image: url(../images/general/page_quotes.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 0px 0px 0px 35px;
}

.homelinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #666666;
}

.homelinks a:link, .homelinks a:visited, .homelinks a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #3333FF;
	text-decoration: none;
}

.homelinks a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #3333FF;
	text-decoration: underline;
}

/**************************************  Start  ~  IMAGE STYLES   **************************************/

.imgborder1 {
	border: 1px solid #000;
}

/**************************************  End  ~  IMAGE STYLES   **************************************/


/**************************************  Start  ~  SPECIAL TEXT STYLES   **************************************/

.gray11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
}

.gray11 a:link, .gray11 a:active, .gray11 a:visited, .gray11 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #3333FF;
	text-decoration: underline;
}

.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #666666;
	padding: 2px 0px 0px 0px;
	vertical-align: top;
}

.contact a:link, .contact a:visited, .contact a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #3333FF;
	text-decoration: none;
}

.contact a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #3333FF;
	text-decoration: underline;
}

.homeblue14titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3333FF;
	padding: 0px 5px 2px 10px;
}

.homegray11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #666666;
	padding: 0px 5px 0px 10px;
}

.rightmore {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3333FF;
	text-align: right;
}

.rightmore a:link, .rightmore a:visited, .rightmore a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3333FF;
	padding: 0px 5px 0px 0px;
	text-align: right;
	text-decoration: none;
}

.rightmore a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3333FF;
	text-align: right;
	text-decoration: underline;
}


.admintitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #3333FF;
	text-align: center;
	padding: 5px 0px 2px 0px;
}

/**************************************  End  ~  SPECIAL TEXT STYLES   **************************************/


/**************************************  Start  ~  NORMAL TEXT STYLES   **************************************/

/***********  NORMAL TEXT STYLES   ***********/
.gray11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #666666;
}

.gray12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #666666;
}

.gray14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #666666;
}

.gray16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #666666;
}

.gray18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #666666;
}

.blue11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #3333FF;
}

.blue12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #3333FF;
}

.blue14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #3333FF;
}

.blue16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #3333FF;
}

.blue18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #3333FF;
}

/***********  TITLE TEXT STYLES   ***********/

.blue12titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3333FF;
}

.blue14titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3333FF;
}

.blue16titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3333FF;
}

.blue18titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #3333FF;
}

.gray12titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

.gray14titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

.gray16titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}

.gray18titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #666666;
}
/**************************************  END  ~  TEXT STYLES   **************************************/

/**************************************  Start  ~  LIST STYLES   **************************************/


/**************************************  End  ~  LIST STYLES   **************************************/


/**************************************  Start  ~  HORIZONTAL NAV MENU   **************************************/ 
/**  from  ~  http://www.alistapart.com/articles/horizdropdowns/  **/

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 181px; /* Width of Menu Items */
	}

ul li {
	position: relative;
	padding: 0px;
	margin-bottom: 0px;
	height: 28px;
	}

li ul {
	position: absolute;
	left: 180px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	background-image: url(../images/navigation/nav-off.jpg);
	background-repeat: no-repeat;
	height: 28px;
	padding: 0px 0px 0px 40px;
	font: 12px/28px arial;
	color:#666666;
	}


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

/* Hover Styles */
ul li a:hover {
	color: #3333FF;
	background-image: url(../images/navigation/nav-on.jpg);
} 
		
/* Sub Menu Styles */
li ul li a {
	background-image: url(../images/navigation/nav-off.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 40px;
	margin-bottom: 0px;
	height: 28px;
	} 
li ul li a:hover {
	background-image: url(../images/navigation/nav-on.jpg);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 40px;
	margin-bottom: 0px;
	} 	
/* End */		

/* The magic */
li:hover ul, li.over ul { 
	display: block; 
	} 

/*****************************  End  ~  HORIZONTAL NAV MENU   ************************************/