/* Copyright Heritage Christian Online School */

<!--
body, html {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: #f8f8f8 url('../images/background.gif') top repeat-x;
	text-align: center;
}

a {
	color: #0022DF;
	text-decoration: underline;
	outline: none;
}

a:hover {
	color: #FF8844;
	text-decoration: underline;
}

a:active {
	color: #000000;
}

a:visited {
	color: #0033aa;
	text-decoration: underline;
}

div#a {
	width: 960px;
	margin: 0 auto 12px auto;
	padding: 0 0 0 0;
	background: url('../images/header/shadow-sides.png') center repeat-y;

}

div#b {
	background: url('../images/header/shadow-bottom.png') bottom center no-repeat;
	padding: 0 0 47px 0;
	min-height: 280px;
}

div#c {
	width: 880px;
	margin: 0 40px 0 40px;
	text-align: left;
}


div#header {
	height: 155px;
	margin: 0 0 0 0;
	background: #264a6d url('../images/header/header-template.jpg') top left no-repeat;
}

a#home-link {
	display: block;
	position: absolute;
	width: 490px;
	height: 130px;
	margin: 10px 0 0 10px;
}

div#menu {
	width: 100%;
	height: 35px;
	margin: 0 0 0 0;
	background: url('../images/header/menu-background.gif') top left repeat-x;
}

div#login {
	float: right;
	height: 20px;
	margin-top: 133px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-right: 11px;
}

	div#login a {
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		padding-left: 16px;
	}
	
	div#login a:visited {
		color: #ffffff;
	}
	
	div#login a:hover {
		color: #ff7744;
		border-bottom: none;
		text-decoration: underline;
	}

div#login > a#courseslink {
	padding-left: 17px;
	background: url('../images/resources/courses.png') left no-repeat;
}

div#login > a#encomlink {
	background: url('../images/resources/encom.png') left no-repeat;
}

div#login > a#languageslink {
	background: url('../images/resources/language.png') left no-repeat;
}


div#content {
	padding: 20px 30px 45px 30px;
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	background-color: #ffffff;
	clear: left;
}

div#content p, div#content ul, div#content table {
	font-size: 0.95em;
}

div#breadcrumbs {
	color: #1e76b2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: absolute;
	top: 4px;
}

	div#breadcrumbs a {
		color: #1e76b2;
		text-decoration: none;
	}

	div#breadcrumbs a:hover {
		color: #acddff;
		text-decoration: none;
	}

div#footer {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	color: #222;
	background-color: #f0f6fd;
	font-size: 11px;
	padding: 10px 0 10px 0;
	border-top: solid 1px #abc;
	border-bottom: solid #89a 1px;
	margin: 0 0 0 0;
	text-align: center;
	letter-spacing: 0.6px;
}

h1 {
	font-size: 26px;
	color: #ff7700;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", 'Franklin Gothic Medium', Arial, Trebuchet, Helvetica, sans-serif;
	margin-top: 10px;
}

h2 {
	font-size: 18px;
	color: #111111;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 25px;
	border-bottom: #ccc 1px dotted;
}

h3 {
	font-size: 16px;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif
}

noscript {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#noscript_toprow td {
	font-size: 14px;
	font-weight: bold;
	width: 120px;
	color: #ffffff;
	background-color: #333333;
	text-align: center;
}

#noscript_links {
	font-size: 12px;
	background-color: #f4f4f4;
	padding: 2px;
}

div#content li {
	padding-bottom: 10px;
}

div#content ul.nospace li {
	padding: 0 0 0 0;
}

/*----------------------------
MENU CSS NAVIGATION
-----------------------------*/

#nav, #nav ul {
	padding: 0;
	margin: 0 0 0 60px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}

#nav a {
	display: block;
	text-decoration: none;
	color: #ffffff;
}

#nav li {
	float: left;
	display: block;
	margin: 0;
	line-height: 30px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -0.03em;
	background: #222222 url('../images/header/css_back.jpg') top left repeat-x;
	padding: 6px 0 10px 0;
	border: solid #fff 1px;
	border-top: none;
	z-index: 2;
}

#nav li ul li a {
	line-height: 24px;
	color: #eeeeee;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	margin: 0 0 0 0px;
    -moz-box-shadow: 0px 2px 7px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 2px 8px #777;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
}

#nav a:hover {
	background: url('../images/header/menu-background-active.gif') center top no-repeat;
}

#nav li ul li a:hover {
	color: #ffffff;
	background: url('../images/header/menu-hover.png') top repeat-x;
}

#nav .active {
	background: url('../images/header/menu-background-active.gif') center top no-repeat;
}

#nav .active a {
}

#nav .active ul li a {
	color: #ffffff;
}

#section1 a {
	padding-left: 20px;
}

#section1 ul {
	width: 137px;
}

#section1 ul li a {
	padding: 0 0 0 12px;
	width: 125px;
}


#section2 a {
	padding-left: 20px;
}

#section2 ul {
	width: 156px;
}

#section2 ul li a {
	padding: 0 0 0 12px;
	width: 144px;
}


#section3 a {
	padding-left: 20px;
}

#section3 ul {
	width: 166px;
}

#section3 ul li a {
	padding: 0 0 0 12px;
	width: 154px;
}


#section4 a {
	padding-left: 30px;
}

#section4 ul {
	width: 152px;
}

#section4 ul li a {
	padding: 0 0 0 12px;
	width: 134px;
}

/* SPECIFICS */

div.selection-box-container {
	padding-top: 15px;
	width: 100%;
	clear: both;
}

a.selection-box {
	display: block;
	width: 622px;
	border: #DFE7EA 1px solid;
	padding: 8px 14px 14px 118px;
	font-size: 14px;
	margin: 0 auto 20px auto;
	cursor: pointer;
	color: #444;
	background-color: #fcfdfe;
	text-decoration: none;
	-moz-border-radius: 3px;
	min-height: 66px;
}

a.selection-box img {
	background: url('../images/resources/shadow.png') top left no-repeat;
	border: 0px solid #eee;
	position: absolute;
	margin: 0 18px 0 -98px;
	padding: 7px 7px 7px 7px;
}

a.selection-box h2 {
	color: #002255;
	padding: 6px 0 5px 0;
	margin: 0;
	border: none;
	font-variant: small-caps;
	font-weight: normal;
	letter-spacing: 0.04em;
}

a.selection-box p {
	padding: 0;
	margin: 0;
	line-height: 1.5em;
	font-size: 1em;
	display: inline;
}

a.selection-box:visited {
	text-decoration: none;
	color: #444;
}

a:hover.selection-box {
	border: #7ab2e2 1px solid;
	color: #222;
	background: #f6f9fe url('../images/header/hover-bg.jpg') top left repeat-x;
	text-decoration: none;
	-moz-box-shadow: 0px 2px 25px #dcecf8;
	-webkit-box-shadow: 0px 2px 22px #e2f0fa;
}

a:hover.selection-box h2 {
	color: #0033bb;
}

a:hover.selection-box img {
	border: 0px solid #c6def8;
	background: url('../images/resources/shadow.png') 0px -80px no-repeat;
}

/******************* HOMEPAGE STUFF *********************/

div#homepage {
	width: 100%;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
}

div.c1 {
	position: relative;
	float: left;
	width: 600px;
}

br.clear {
	display: block;
	width: 100%;
	height: 10px;
	clear: both;
}

.hp-intro {
	position: relative;
	width: 600px;
	height: 400px;
	background: #FFFADC url('../images/homepage/rotate/rotate.php') top no-repeat;
}

.hp-intro div.introtext {
	position: absolute;
	width: 540px;
	height: 140px;
	margin: 250px 0px 0px 0px;
	padding: 12px 20px 0 40px;
	font-size: 14px;
	color: #ffffff;
	line-height: 1.10em;
	background: url('../images/homepage/intro-text-bg.png') repeat-x top left;
}

div.introtext a {
	color: #E89F68;
	text-decoration: none;
}

div.introtext a:visited {
	color: #ffddbb;
}

div.introtext a:hover {
	color: #ff0000;
}

div.introtext p {
	margin-top: 0;
}

div.sidebar {
	float: right;
	width: 279px;
	left: 600px;
	padding: 15px 0 0 0;
	background-color: #fafafa;
	border-left: dotted #aaa 1px;
}

div.sidebar div {
	width: 100%;
	display: block;
}

div.googlesearch {
	height: 25px;
	padding: 0 0 20px 0;
}

div.googlesearch input.search-button {
	margin: 0;
	width: 25px;
	height: 25px;
	background: url('../images/homepage/search.jpg');
	outline: none;
	border: none;
	cursor: pointer;
}

div.googlesearch input#search-box {
	margin: 0 5px 0 10px;
	font-size: 16px;
	width: 210px;
	height: 20px;
}

div.googlesearch div {
	position: absolute;
	top: 232px;
	font-size: 10px;
	text-align: center;
	color:#999;
	width: 250px;
}

.hp-links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	padding: 0 0 10px 0;
}

div.hp-links ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

div.hp-links ul li a {
	display: block;
	line-height: 18px;
	padding: 6px 0 6px 30px;
}

div.hp-links ul li a:hover {
	color: #000000;
	background-color: #fdc;
	text-decoration: none;
}

div.hp-links ul li {
	margin: 0;
	padding: 0;
	width: 100%;
}

div.hp-links ul li.quicklinks {
	font-size: 18px;
	text-indent: 20px;
	border-bottom: dotted 1px #aaa;
	margin: 15px 0 12px 0;
}

div.hp-links ul.thetextlinks {
	margin: 12px 0 6px 0;
	padding: 0;
}

div.hp-calendar {
	height: 213px;
	background: #f7f7f7 url('../images/homepage/sidefade.jpg') bottom repeat-x;
	text-align: center;
	padding: 20px 0 25px 0;
	border-top: dotted 1px #ccc;
}

	div.hp-calendar table {
		margin: 0 auto;
	}
	
	table.navTable {
		background-color: #f4f4f4;
	}


a.sidebar-link {
	display: block;
	height: 40px;
	text-decoration: none;
	color: #ffffff;
	padding: 0 0 0 30px;
	background: #222222 url('../images/homepage/sidebar-links.png') repeat-x top;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
}

a.sidebar-link:visited {
	color: #ffffff;
	text-decoration: none;
}

a.sidebar-link:hover {
	color: #ffffff;
	text-decoration: none;
}

a.sidebar-link span {
	font-size: 10px;
}

a.hcos {
	background-color: #0066cf
}

a.hcos:hover {
	background-color: #1e81e6;
}

a.bcos {
	background-color: #dd3300;
}

a.bcos:hover {
	background-color: #ff4400;
}

a.thechristianeducator {
	background-color: #a26222;
}

a.thechristianeducator:hover {
	background-color: #d88d42;
}

a.chec {
	background-color: #0094aa;
}

a.chec:hover {
	background-color: #20b3c9;
}

a.gcp {
	background-color: #3F8B65;
}

a.gcp:hover {
	background-color: #49B675;
}

a.tlw {
	background-color: #6A4657;
}

a.tlw:hover {
	background-color: #AA5E80;
}

a.icos {
	background-color: #dd1313;
}

a.icos:hover {
	background-color: #f04f4f;
}

.hp-newsfeed {
	position: absolute;
	width: 100%;
	background-color: #fafafa;
}

.hp-newsfeed div {
	width: 100%;
	height: 34px;
	font-size: 18px;
	line-height: 34px;
	text-indent: 1.5em;
	border-bottom: dotted #777 1px;
}


.hp-news1 {
	border-top: dotted #777 1px;
}

/*
.hp-news2 {
	background-color: #555555;
}

.hp-news3 {
	background-color: #777777;
}

.hp-news4 {
	background-color: #999999;
}

.hp-news5 {
	background-color: #bbbbbb;
}
*/

table#legacy_news {
	width: 600px;
	padding: 0;
	position: relative;
	background-color: #fafafa;
}

table#legacy_news p {
	font-size: 12px;
}

table#legacy_news h3 {
	font-size: 14px;
}

table#legacy_news tbody td.legnews {
	background: #f3f3f3 url('../images/homepage/newsfade.jpg') repeat-x bottom;
	padding: 5px 20px 15px 20px;
}

/* OVERLAY */

div#overlay {
	position: fixed;
	width: 220px;	height: 120px;
	top: 0;			right: 0;
	z-index: 101;
}

div#overlay a.summerschool {
	background: url('../images/overlay-summer.png');
}

div#overlay a.reenroll {
	background: url('../images/overlay-enroll.png');
}

div#overlay a.europe {
	background: url('../images/overlay_europe.png');
}

div#overlay a.camps {
	background: url('../images/overlay_camps.png');	
}

div#overlay a {
	display: block;
	position: absolute;
	width: 220px;	height: 120px;
	text-decoration: none;
	border: none;
}

div#overlay a:hover {
	background-position: 0 -124px;	
}

div#overlay a:active {
	background-position: 0 -124px;	
}

div#overlay a.camps:hover {
	background-position: 0 0;	
}


/* BOXY stuff */

#facebox .b {
  background:url('http://www.onlineschool.ca/images/facebox/b.png');
}

#facebox .tl {
  background:url('http://www.onlineschool.ca/images/facebox/tl.png');
}

#facebox .tr {
  background:url('http://www.onlineschool.ca/images/facebox/tr.png');
}

#facebox .bl {
  background:url('http://www.onlineschool.ca/images/facebox/bl.png');
}

#facebox .br {
  background:url('http://www.onlineschool.ca/images/facebox/br.png');
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#loginbox {
	padding: 50px 45px 75px 45px;
	background: #eee url('../images/loginboxbg.jpg') center center no-repeat;
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	width: 490px;
}

div#loginbox p {
	font-size: 14px;
	color: #444;
	padding-bottom: 10px;
}

div#loginbox a {
	display: block;
	line-height: 22px;
	text-decoration: none;
	padding: 10px 15px 10px 15px;
	border: solid #BAD8EF 2px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	-moz-border-radius: 4px;
	background: #fefefe;
	outline: none;
	color: #283A59;
	font-size: 18px;
}

div#loginbox a:hover {
	color: #0033bb;
	background: #f6f9fe url('../images/header/hover-bg.jpg') top left repeat-x;
	border: #7ab2e2 2px solid;
}

div#loginbox a span {
	font-size: 14px;
	line-height: 20px;
	color: #222;
	font-weight: normal;
}


-->