@charset "UTF-8";
/* Christian Home Academy Main CSS */ /* Color schemes: grey #333 golden #FFC861 lt blue #06C lter blue #0CC dark red #900 lt red #F03*/

/* >>>>>>>>>>>>> Basic Styles <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

div { zoom: 1; }

body {background: url(images/bkg-middle.png) top left repeat-y; font: 1em/1.4em Verdana, Arial, Helvetica, sans-serif; color: #333; background-color: #FFC861; text-align: left;}

.head_01, h1 {font: bold 1.3em/1.75em Verdana, Arial, Helvetica, sans-serif; color: #036; display: block;}

.head_02, h2 {font: bold 1.85em/2em Verdana, Arial, Helvetica, sans-serif; color: #990000; display: block;}

.subhead_01 {font: bold 1em/1.2em Verdana, Arial, Helvetica, sans-serif; color:#006699; display: block;border-top: medium dotted #CCC;margin-top: 10px; padding: 5px 10px 5px 0px;}

.subhead_02 {font: normal .95em/1.25em Verdana, Arial, Helvetica, sans-serif;color:#666666;display: block; margin: 10px 0px 15px 0px;}

.subhead_03 {font: normal italic .9em/1.5em Verdana, Arial, Helvetica, sans-serif; color:#666666; display: block;}

.bodytext {font: .9em/1.4em Verdana, Arial, Helvetica, sans-serif; text-align: left;}

.bodytextbold {font: bold .9em/1.4em Verdana, Arial, Helvetica, sans-serif;}

.bodytext_02 {font: .9em/1.4em Verdana, Arial, Helvetica, sans-serif; display: block; padding: 15px;}

.sidebartext {font: 0.85em/1em Verdana, Arial, Helvetica, sans-serif; margin-left: 10px;}

a.links {
	color:#003366;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.92em;
	line-height: 1.4em;
}

a.links:visited {color:#333333;font-weight: bold;}

a.links:hover {color:#0099CC; font-weight: bold;}

a.links:active {color:#0099CC; text-decoration:underline;}

a.infolinks:link {
	color:#900;
	letter-spacing: 0.02em;
	text-align: right;
	background-position: right;
	display: block;
	width: auto;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 3em;
}

a.infolinks:visited {color:#900; font: bold .78em Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.02em; text-align: right; padding: 3px; background-position: right; display: block; width: auto;}

a.infolinks:hover {color:#F03;}

a.infolinks:active {color:#B9400B;text-decoration:underline;}


#list {display: block; background-color: #CCCCCC; padding: 15px 0px; margin: 10px 10px 15px 0px;}

#list li {font: 0.9em/1.4em Verdana, Arial, Helvetica, sans-serif; list-style-position: outside; list-style-type: square; margin: 0px 30px; padding-bottom: 3px;}

/* #button{width: 980px; background-color: FFC861; display: block; position: absolute; left: 0px; top: 0px;}*/



/* >>>>>>>>>>>>> Page Styles <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/*  Wrapper */

#wrapperTop {margin: 0 auto; height: 225px; background: url(images/ban.jpg) top left no-repeat;}

#wrapper {background: url(images/bkg-middle.png) top left repeat-y; background-color: #FFC861; margin: 0px; width: 1040px; position: absolute;}

#menu {height: 55px; position: relative; top: -100px; left: 90px;}

#menu li {clear: left; display: inline; padding: 22px 0px 0px 0px;}

#menu a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .95em; line-height: 2em; color: #FFFFCC;}

#menu a.hover {color:#FFFFFF;}

#menu a.visted {color:#FFCC99;}


/* Sidebar Areas */

#sidebar_01 {width: 275px; background: url(images/sidebarTop.png) top no-repeat; float: left; margin: 5px 0px 0px 20px;}

#sidebar_02 {width: 275px; background: top url(images/sidebarTop.png) no-repeat; background-color: #CCCCCC; float: left; clear: right; margin: 5px 0px 0px 20px;}

#sidebar_03 {width: 170px; background-color:#FFFFFF; border-left: thin solid #CCCCCC; position:relative; float: left; clear: right; margin: 10px 0px 0px 20px;}

#sidebar_04 {width: 250px; background-color:#FFFFFF; border-left: thin; solid #CCCCCC; position:relative; float: left; clear: right; margin: 0px 0px 0px 20px; padding: 0px 15px;}

#sidebar_05 {width: 360px; float: left; background-color: #E8E8E8; margin: 10px 0px 0px 10px;}


/* Main Content Areas */

#mainCol {width: 630px; height: 295px; background: url(images/intro.gif) right top no-repeat; background-color: #FFFFFF; float: left; overflow: visible; display: block; margin: 0px 0px 10px 30px;}

#mainCol_01 {width: 630px; float: left; overflow: visible; display: block; border: thin solid #999999; margin: 5px 0px 25px 40px; padding-bottom: 5px;}

#mainCol_02 {width: 740px; height: 800px; float: left; overflow: visible; border: thin solid #FFFFFF; margin: 5px 0px 0px 35px;}

#mainCol_03 {width: 550px; height: 800px; float: left; overflow: visible; border: thin solid #CCCCCC; margin: 5px 0px 0px 35px;}

#mainCol_04 {width: 900px; height: 510px; background-color: #FFFFFF; float: left; overflow: visible; display: block; margin: 10px 0px 10px 50px;}

#content{width: 700px; position: relative; left: 20px; top: 10px;}

#content_02{width: 595px; height: 840px; position: relative; left: 20px; top: 10px; display: block;}

#content_03{width: 590px; height: 925px; position: relative; left: 20px; top: 10px; display: block;}

#content_04{width: 480px; height: 800px; position: relative; left: 20px; top: 10px; display: block;}


/* footer area */

#footer {width: 1024px; height: 300px; background-color: #FFCC66; position: relative; clear: left; display: block; background: url(images/bkg-bottom.png) left top no-repeat;} 

#footer p {width: 955px; margin: 0; padding: 25px; color:#FFFFFF; text-align: center; font: 0.8em/1.4em Verdana, Arial, Helvetica, sans-serif;}

.italic {text-align: center; font: lighter italic 0.85em/1.4em Verdana, Arial, Helvetica, sans-serif;}

#footer a {color:#E8E8E8;font: 0.9em/1.25em Verdana, Arial, Helvetica, sans-serif;}

#footer a.hover {color:#FFCC66;}

#footer a.visted {color:#DC9F85;}



/* >>>>>>>>>>>>> Special Sub Styles  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* Navbar */

#navbar {width: 984px; height: 35px; padding: 0; margin: 0px 0px 0px 20px; position: relative; z-index: 1; background-color: #FFFFFF;}

#navbar a {font: bold .8em Arial, Helvetica, sans-serif;}

#navbarblock {width: 100%; text-align: left; margin: 0; padding: 0;}

#navbarblock ul {display:inline; list-style-type:none; text-align:left;}

#navbarblock a {color:#FFCC66; padding: 11px 50px; /* padding to decrease height of buttons*/ text-decoration: none;}

#navbarblock a:hover, a:visited {color:#FFF; text-decoration:none;}


/* sidebar links */

.sidetab {width: auto; height: 50px; background: url(images/sidetab_bg.png) center center no-repeat; display: block; margin: 15px 10px;}

.sidetabtext{ padding: 8px 0px 0px 10px; font: 0.75em/1.35em Verdana, Arial, Helvetica, sans-serif;}


/* Intro */

#flash{display: inline; float: left;}

#intro{width: 285px; height: 282px; float: left; display: inline; margin: 20px 0px 0px 20px;}

#intro p{
	color:#333;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.78em;
	line-height: 1.35em;
}

#intro h2{font: bold .90em/1.2em  Verdana, Arial, Helvetica, sans-serif; color: #900;}


/* academic information - tabs */

#border{border-top: thin solid #CCCCCC;}

#acadtab{border-bottom: medium solid #003366; background-color: #FFFFFF; padding-bottom: 4px;}

#acadtab a.active{background-color: #990000; color: #FFFFFF;}


body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#acadtab {font: 0.80em/1.4em Verdana, Arial, Helvetica, sans-serif; display: block; margin: 5px 0px;}

ul#acadtab li { /* do not change */ display: inline;}

ul#acadtab li a { /* settings for all tab links */ color: #003366; /* set additional spacing between tabs as desired */ text-decoration: none; background-color: #FFFFFF; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; padding: 5px;}

ul#acadtab a:hover { /* settings for hover effect */ background-color: #FFCC66; color: #003366;}


/* breadcrumbs */

#crumb {height: 50px; font: 0.8em/2em Verdana, Arial, Helvetica, sans-serif; background: url(images/crumb.png) left bottom no-repeat; clear: left; display: block;
margin: 0 auto;}

#crumb ul {width: 980px; padding: 12px 0px 0px 53px;}

#crumb ul li {display: inline; color: #333;}

#crumb ul li a {color: #900;}

#crumb span.breadcrumb-separator {color: #666666; margin: 0 4px;}


/* Tooltip  */

#tooltip {position: absolute; left: 462px; top: 226px; /* position of tab */}

#tooltip a:link span {display: none; z-index: 999;}

#tooltip a:hover span {width: 1024px; height: 250px; background: url(images/bkg-top_r.jpg) no-repeat; display: block; position: absolute; top: -245px; left: -462px;}

/* Toggle Menu */
/*.toggle {
margin: 20px 0;
}

.toggle a {
text-decoration: none !important ;
font-size: 1.2em;
font-weight: 700;
}

a.toggle-link {
padding-right: 16px;
background: url('/images/icons/silk/bullet_arrow_down.png') no-repeat right;
}

.togle-data {
padding-right: 16px;
border-bottom: 1px solid #aaf;
}*/

/* >>>>>>>>>>>>> Special Styles <<<<<<<<<<<<<<<< */


#table td, th{font: 0.9em Verdana, Arial, Helvetica, sans-serif; color: #003366; vertical-align: middle; border: 1px solid #CCCCCC; padding: 2px 3px 2px 5px;}

.table_02 {width: 275px; border: thick solid #999999; background-color: #FFFFFF;}

blockquote {background: left top url(images/quote_l.png) no-repeat; background-color: #CCC;}

blockquote div {background: right bottom url(images/quote_r.png) no-repeat;}

blockquote div p {font-style: italic; font-size: 0.85em; padding: 10px 45px 10px 50px; line-height: 1.3em;}

.photo {float: right; border: thick solid #CCCCCC;}

.bottom{bottom: 0px; background-position: bottom;}

.clear {clear: both; height: 0px;}

.belt{display: block; height: 47px; width: 65px; margin-top: 2px; position: relative;}

.map{width: 500px; height: 400px; border: thick solid #CCCCCC;}

.student, .teacher{font: italic .80em/1.4em Verdana, Arial, Helvetica, sans-serif; color: #990000;}