/* CSS Document */

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


#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;
	display:none;
}

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

#header {
	display:none;
}

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

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

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

#insidenav {
	background-image: url(../images/backgrounds/inside_submenu.jpg);
	background-repeat: repeat-y;
	width: 214px;
	vertical-align:top;
	padding: 3px 0px 10px 0px;
	display:none;
	
}

#insideright {
	padding: 5px 10px 10px 10px;
	vertical-align: top;
}

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

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

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

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

#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;
	display:none;
}


#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;
}

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

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

#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;
}

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


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

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

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


/**************************************  Start  ~  SPECIAL TEXT STYLES   **************************************/
.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;
}

.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;
}

.insidemaintitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #3333FF;
	padding-bottom: 5px;

}

.insidenavtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3333FF;
	padding: 4px 0px 3px 4px;
}

/**************************************  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;
}

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

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

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

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

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

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

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

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

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

.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;
	padding-bottom: 4px;
}

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

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

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

.blue20titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #3333FF;
	padding-bottom: 4px;
}

.blue22titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #3333FF;
	padding-bottom: 4px;
}

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

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

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

.gray18titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 4px;
}

.gray20titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 4px;
}

.gray22titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 4px;
}
/**************************************  END  ~  TEXT STYLES   **************************************/

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

#insidenav ul {
	margin: 0;
	padding: 0px 0px 10px 3px;
	list-style: none;
	width: 210px; /* Width of Menu Items */
	}

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

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

/* Styles for Menu Items */
#insidenav ul li a {
	display: block;
	text-decoration: none;
	background-image: url(../images/navigation/inside_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 #insidenav ul li { float: left; height: 1%; }
* html #insidenav ul li a { height: 1%; }
/* End */

/* Hover Styles */
#insidenav ul li a:hover {
	color: #3333FF;
	background-image: url(../images/navigation/inside_nav-on.jpg);
} 

/**************************************  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   ************************************/