@import url("reset.css");
@import url("menus.css");

/*Table of Contents*/

/*--------- Basic Structure and Special Positioning -----------------------*/
/* -------------------------------------------------------------*/



/*--- content container --*/

#content{width:793px; border: 1px solid  #ccc; border-top: none;  background:#FFFFFF url(../images/bg_sidenav_col.gif) repeat-y 0 0; float:left; margin: 0 0 5px 0; min-height:450px;}
#containerAll .noNav{width:773px; border:1px solid #ccc; border-top:none; background-image:none; padding:0 10px 10px 10px; }

body#home #content {width:796px;}
body#home #content, body#lc #content, body#pictureSet #content, body#curriculumSet #content, body#ab #content{background-image:none;}

body#home #content, body#lc #content{border:none;} 
body#lc #containerAll div#content{position:relative; width:100%;}
body#curriculumSet  #containerAll div#content, body#pictureSet  #containerAll div#content, body#ab #containerAll div#content {width:958px; padding:10px;}


/*--- end content container --*/


#containerAll {background-color:#fff; width:980px; padding:0 10px 10px 10px; margin:0; 
margin-left:auto; margin-right:auto; background: url(../images/bg_content.png) repeat-y top center; }
/*---------Sub Navigation-----------------------------------*/
#content #subnav {min-height:100% ; padding-bottom:50px; z-index:0;}
#content #subnav {float:left; width:200px; background: #e4e5e9 url(/images/bg_sidenav.jpg) repeat-x top left; border-left:#fff 1px solid; min-height:100% ; padding-top:5px; }
#lc #content #subnav { width:180px; background: url(../images/bg_lcgrey.gif) no-repeat 0 0; width:180px; min-height:500px;}

#content #mainContent {float:left; width:560px; margin-left:20px; overflow:hidden; padding-bottom:25px;}
#lc #content #mainContent {width:793px; float:left; margin-left:5px;}

#subnav ul {margin:5px 0 0 0; padding-bottom:5px; }
#subnav ul ul{padding: 0 0 10px 0px; border-bottom:#666 dotted 1px; margin:0;}
#subnav ul li{ display:block; background-image:none; margin:0; padding:0; line-height:1.25em;  }
#subnav ul li a {display:block;padding:2px 2px 2px 15px; margin:0; /*zoom:1;*/ background-image: url(../images/arrow.gif); background-repeat:no-repeat; background-position:4px 0.3em; text-decoration:none;}



#content #subnav ul li h3, #content #subnav ul li strong {padding-left:5px; }
#content #subnav ul li strong {margin:.6em 0 .4em 0; display:block;} /*same as h3*/
#subnav ul li a.active2 {background-color:#FFFFFF;}
#contacts #subnav ul li a.active2 {background:none;} /*temp*/
#content #subnav ul li a:hover {background-color:#CBD8ED; text-decoration:none;}

#content #subnav ul li a.downloadInline {display:inline;}
/*---------General typography-----------------------------------*/

select, input {font-family: arial;}

p {margin:.3em 0 .7em 0 ;}


blockquote.comment1 {padding-left:50px; background: url(../images/bg_leftquote.gif) 0 0 no-repeat; }
blockquote .comment2 {padding-right:50px; background: url(../images/bg_rightquote.gif) 100% 90% no-repeat;}
blockquote p.name { text-align:right;}

#content p {margin-right:1em;}
ul {margin:0px 0px 1em 15px; padding:0; list-style-type:none;} 
ul ul, ol ul {margin-bottom: 0; margin-left:2em; }
ul li {list-style:none; background: url(../images/arrow.gif) no-repeat 0 0.3em; padding-left:1em; margin:.5em 0;}
p.lc_bio {margin-left:15px;}

dl{ margin:1em 5em 0em 1em;}
dt{ margin:1em 0 .2em 0; font-size:14px;font-weight:bold;color:#006699; line-height:1.25em;}

.li_navs {float:left;margin:5px;}

h1,h2,h3,h4 {margin:.6em 0 .4em 0;padding:0;line-height:1.3em; font-family: "Trebuchet MS"; }
h1, .head1 {font-size:16px;font-weight:bold;color:#006699;padding-bottom:2px;  line-height:1.25em;border-bottom:1px solid #3399cc;}
h2{font-size:14px; font-weight:bold; color:#006699;line-height:1.25em;}
h3 {font-size:13px;font-weight:bold; color:#384852;line-height:1.25em;}
h4, h5 {font-size:1em}


/*a:link, a:visited*/a, a strong  {color:#036dcf; text-decoration:underline;}
/*#content a:link, #content a:visited {text-decoration:underline;}*/
a:hover {text-decoration:underline; color:#024b8f}
#content .btn_tour a:link {text-decoration:none;}
th {text-align:left; font-weight:bold;}
strong {font-weight:bold; color:#384852;}
/* to counter effect with some heading tags with strong in it */
h1 strong, h2 strong {color:#006699;}

.clearB {clear:both;}
.pageimages_left {float:left;margin:.6em .4em .4em .4em;}



h1.plainHeader {font-weight:bold; font-size:12px; line-height:1em; border-top:1px solid #ccc; border:none; letter-spacing:1px; margin: 0 0 5px 10px; color: #2E2E2E;}



#containerAll h2.subNavHead {width:790px;  background:#3d6cb2 url(../images/bg_subhead_lt.gif) no-repeat 0 0; padding-left: 5px; margin:0; clear:left;text-transform:uppercase; }
/* *html #containerAll h2.subNavHead {float:left;}*/
body #containerAll h2.subNavHead span{font:bold 24px/1em  Arial, "Trebuchet MS" ; padding:50px 5px 5px 5px;  display:block;  color:#fff; background: url(../images/bg_subhead_rt06.jpg) no-repeat 100% 0; }
body#news #containerAll h2.subNavHead span {background-image:url(../images/bg_subhead_rt02.jpg); text-transform:none; }
body#service #containerAll h2.subNavHead span{background-image:url(../images/bg_subhead_rt07.jpg);}
body#support #containerAll h2.subNavHead span{background-image:url(../images/bg_subhead_rt05.jpg);}
body#about #containerAll h2.subNavHead span{background-image:url(../images/bg_subhead_rt01.jpg);}
body#contacts #containerAll h2.subNavHead span{background-image:url(../images/bg_subhead_rt08.jpg);}
body#projects #containerAll h2.subNavHead span{background-image:url(../images/bg_subhead_rt03.jpg);}
body#lc2 #containerAll h2.subNavHead span, body#lc #containerAll h2.subNavHead span, body#ab #containerAll h2.subNavHead span{background-image:url(../images/bg_subhead_rt08.jpg);}

body#SETreg h2.subNavHead, body#curriculumSet h2.subNavHead, body#pictureSet h2.subNavHead,  body#ab h2.subNavHead  {width:975px;}

body#SETreg #containerAll h2.subNavHead span
 {background-image:url(../images/bg_subhead_rt_09.jpg);}
 body#curriculumSet #containerAll h2.subNavHead span, body#pictureSet #containerAll h2.subNavHead span {background-image:url(../images/bg_subhead_rt.jpg); text-transform:none; font:bold 30px/24px  Arial, "Trebuchet MS" ;}

body#SETreg #containerAll h2.subNavHead a, body#curriculumSet #containerAll h2.subNavHead a, body#pictureSet #containerAll h2.subNavHead a{height:32px;color:#fff; text-decoration:none;}
/* boxy Features */

#content p {font-family:tahoma; font-size:11px;}

#content .introNav {width:262px; float:left; font-size:1em; line-height:1.3em; background:#cdd3e6  url(../images/bg_boxtop01.png) no-repeat 0 0; margin:0; padding:0; position:relative; display: inline;}

#content .middle {margin:0 5px;}


#content .introNav .foot {width:100%; height:5px; background:transparent url(../images/bg_boxbot01.png) no-repeat 0 100%; position:absolute; bottom:0;}

.introNav {min-height:315px;} /*use min-height when ie 6 phases out*/	
.introNav p, .introNav ul {clear:both; }

.introNav h2, #featureNews h2{ float:left; font: bold italic 16px Geneva, Arial, Helvetica, sans-serif; color:#000; }
#featureNews h2 {float:none;}

.introNav ul li  {background-image:none; text-transform:uppercase; font-weight:bold;  }
.introNav ul li li {background: url(../images/arrow.gif) no-repeat 0 0.3em; padding-left:1em; text-transform:none; font-weight:normal; font:12px  tahoma, verdana, Arial, Helvetica, sans-serif; }
	
#content .btn_tour a:link, .btn_tour a:visited{display:block; height:28px; background:transparent url(../images/bg_btn_tour_lt.png) no-repeat 0 0; padding-left:31px; float:right; line-height:1; white-space:nowrap; text-decoration:none;}
#content .btn_tour a:hover { cursor:pointer; color:#3399CC;}
#content .btn_tour a span {display:block; background:transparent url(../images/bg_btn_tour_rt.png) no-repeat top right; color:#FFFFFF; padding:0 3px;; text-transform:capitalize;height:28px; text-align:center; font:bold 12px/28px  Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:none;}

#featureNews {clear:both; width:796px; background:#e5e2c6 url(../images/bg_news_top.png) no-repeat 0 0; position:relative; margin-top:5px; float:left; padding-bottom:10px;}
#featureNews div.recentNews{width:514px; float:left;}
#featureNews .pageimages_left {margin-left:10px;}
#featureNews h3 {}
#featureNews div.moreNews{width:260px; float:right; padding-right:15px;}
#featureNews div.moreNews a {}
#featureNews div.moreNews a:hover {text-decoration:underline;}
#featureNews div.foot {width:100%; height:5px; background:#fff url(../images/bg_news_bot.png) no-repeat 0 100%; position:absolute; bottom:0; left:0; line-height:0; font-size:0; }


.introNav h2, #featureNews h2 {margin:7px 0 3px 10px;}
.introNav p {margin:3px 10px 7px 10px;}
.introNav ul, #featureNews div.moreNews ul {margin:0 0 0 0;}
.introNav ul li {margin:5px 0 0 0; }
.introNav ul li li {margin-top:2px;}
.btn_tour a {margin:5px  5px 0 0}
.btn_tour {display:none;}

#banner {background-image:url(/images/news/jerichoHill_08_2010.jpg); background-repeat:no-repeat; margin:0;padding-bottom:5px;border:0;}
#banner .recentBox {BORDER: 0px; padding-top:0px;  margin-bottom:5px; background: transparent url(../images/bg_boxRecent.png) repeat-x 0 0;width:201px;float:right; min-height:208px;}
#banner .recentBox {margin:0 0 0 5px; padding-top:5px;font-size:11px; line-height:14px;; font-family:tahoma,verdana,arial,  sans-serif;}
.recentBox h2 {margin:.6em 0 .4em 0;padding-left:15px;line-height:1.3em; font-family: "Trebuchet MS";}
.recentBox ul {margin-right:3px;}

#banner .whatsnew {width:280px; padding:5px;position:relative; left:300px;border:none 0px; font-size:11px;font-family:  arial,verdana, sans-serif;}

/********* Begin Inside Pages*****************/

.stories, .events {width:376px; min-height:180px;}
.setevents, .setdirect, .setnews {width:247px; min-height:180px;}
.events {background-image: url(/images/bg_featUpEvents.jpg); }
.stories {background-image: url(/images/bg_featStudentNews.jpg);}
.setevents {background-image:url(/images/bg_featEvents.jpg); clear:left;}
.setdirect {background-image:url(/images/bg_featEnews.jpg);}
.setnews {background-image:url(/images/bg_featNews.jpg);}

.stories p.first, .events p.first{margin-left:150px; margin-right:10px;}
.setevents p, .setdirect p, .setnews p {margin-left:90px; margin-right:10px;}
.topicBox{float:left; background-repeat:no-repeat; background-position: 5px 32px; margin:10px 5px 0 5px; background-color:#F2F4F3;}
.midtopicBox {border-left:1px solid #ccc; border-right:1px solid #ccc; min-height:300px; padding:0 10px; margin:0 10px;}


.topicBox h2, .topicBoxLg h2{background: transparent url(../images/bg_heading_lblu_lt.png) no-repeat 0 0; padding-left: 5px; margin:0;}
.topicBox h2 span, .topicBoxLg h2 span{font:bold 1em/1em Arial ; padding:5px;  display:block;  color:#003366; background:transparent url(../images/bg_heading_lblu_rt.png) no-repeat 100% 0;}

/*********************news item *****************************************/
.pageimages_right {float:right;margin:5px 0px 10px 10px;}
.pageimages_right div{padding:5px 5px 5px 0;}
.pageimages_left {float:left;margin:5px 10px 10px 0px; clear:left; padding:0;}
.pageimages_left img { float:left;}
.pageimages_right p, #content .pageimages_left  p {font-size:10px; line-height:1.2em; padding-right:10px; text-align:center; }
.pageimages_left2 {float:left;margin:5px 10px 10px 0px;}
.pageimages_left div{padding:5px 0 5px 5px ;}
.pageimages_left div.videocaption{padding:2px 0; background:url(../../images/bg_alpha_blue.png) repeat; font-size:11px; text-align:center; position:absolute; bottom:0; left:0; width:100%; }

.caption_container {position:relative;}
.caption_container a.video {color:#000;}

#content .newsItemText {margin-left:175px; font-size:1em; line-height:1.35em;}
#content .newsItem {clear:left;}
#content .newsItem .page_images_left { width:160px; height:119px; overflow: hidden;}/*THUMB change to .thumb */
#content .newsItem h3{margin-top:0.2em;}

p.pullquote {
  float:right;
  width:150px;
  color:black;
  padding-left:20px;
  border-left:1px solid #ccc;
  margin-left:10px;
  padding-top:5px;
}


div.enews {border:1px solid #ccc; padding:5px; margin-bottom:10px;}

/*show hide */


div.hide, div.show {border-bottom: dotted 1px #ccc; background:#fff}
div h2 a span.plus,  div h2 a span.minus, 
 p.topic a span.plus, p.topic a span.minus{ background-repeat:no-repeat; background-position:10px 50%; padding-left:24px;font-weight:normal; font-size:11px;}
div.hide h2 a span.minus,  div.show h2 a span.plus, 
div.hide p.topic a span.minus, div.show p.topic a span.plus {display:none;} 
 div h2 a span.plus, ul a span.plus, div p.topic a span.plus {background-image:url(/images/icon_plus.gif);}
 div h2 a span.minus, ul a span.minus, div p.topic a span.minus {background-image:url(/images/icon_minus.gif);}
div.hide h2.horizontalColor {margin:8px 0 1px 0;}
#content .topic a { text-decoration:none;}
#content .topic a span {text-decoration:underline;}


/*contact list*/
#region_0, #region_1, #region_2, #region_3, #region_4, #region_5, #region_6, #region_7, #region_8 {padding-left:10px;  }
 #region_1, #region_2, #region_3, #region_4, #region_5, #region_6, #region_7, #region_8 {width:540px;}
.contactList table  {clear:left; width:99%;border-collapse: collapse; }
.contactList table.simpleData th {line-height:1.3em; font-weight:normal;  padding:2px; border-spacing:0; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; background-color: #EBF2F5; vertical-align:middle;}
.contactList table.simpleData  {font-size:11px;}
.contactList table.simpleData td.pict {width:1%;}
.contactList table.simpleData .number, contactList table.simpleData .name{ white-space: nowrap;}
.contactList table.simpleData th h2 {margin:0 0 2px 0; }

 

/**************** Learning Centre *****************************************/
/* Learning Centre */
 #content #tabBox { BORDER: #6b87ad 1px solid; position:relative;z-index:0;padding-top:0;margin:0;top:-1px;float:left; clear:both;
  width:99.8%; min-height:390px;}
#content  #tabBox #tabBoxIn{padding: 20px 15px;width:720px;}
#content #tabBox #tabBoxIn h1{border-bottom:1px solid #3399cc;}


body#freeBooks{background-color:#FFFFFF; background-image:none;}
table.booklist {font-size:10px; line-height:11px; background-color:#fff;  border-spacing:0; border-collapse: collapse; clear:both; }
table.booklist td{padding:1px; border:solid 1px #000; border-collapse:collapse; border-spacing:0; margin:0;  }
table.booklist th {background-color:#ccc; border:solid 1px #000;}
#freeBooks div.closeWindow{ float:right; clear:both; font-size:14px; font-weight:bold; margin:10px;}

ul.lessonModule, ul.section {margin-left:0; padding-left:0; margin-bottom:2em;}
ul.lessonModule li h3, ul.section li h3{float:left; width:150px; margin:0; padding:0; }
ul.lessonModule li, ul.section li {background-image:none; margin:.2em .2em .2em 0; padding-left:0; border-bottom:dotted 1px #ccc; padding-top:1px; overflow:auto;}/*watch out for overflow*/
ul.lessonModule li li, ul.section li li  {border-bottom:none; padding-top:0px;}
ul.lessonModule li ul, ul.section li ul{margin-left:165px; }

h2.horizontalColor{background-color:#E9EBED; padding:2px; clear:both;}

body #content #tabBox #headWrap H1
{float:left; font: bold 16px Arial, Helvetica, sans-serif; text-decoration:none; border:0; clear:none; margin:0; line-height:normal;}

body #content #tabBox #headWrap #alphabetJump{ float: right;  clear:none;}
body #content #tabBox #headWrap {clear:both; padding:1em 0 2em 0em; width:100%; height:16px;}
body #content #tabBox a {font-weight:bold; color:#003366;}
body #content #tabBox p {margin-top:0;}


.title_left {margin:0;padding-bottom:2px;float:left;width:90%;font-size:12px;}
.title_right {padding-bottom:2px;width:25%;float:left;text-align:right;}

/*what is this?*/
.autism_header_container, .curriculum_header_container, .communication_header_container, .vision_header_container, .access_header_container{
	/*border-bottom:3px solid #ffcc00;
	border-bottom:1px solid #72ACB9;*/
	margin:0;padding:0;clear:both;width:100%;display:table; /*zoom:1;*/}

.print_pdf {float:right; margin-top:10px;}


/*************** End Learning Centre ********************************/


table.simpleData {border-spacing:0; margin-bottom:2em;}
 table.simpleData th {font-weight:bold; vertical-align:top; line-height:1.25em;}
 table.simpleData th, table.simpleData td {padding:3px 3px 3px 0 ; border-top:dotted 1px #ccc; border-bottom:dotted 1px #ccc; border-collapse:collapse; }
 table.simpleData td p {margin-top:0;}
 
/*a.video { padding-left:22px; background:transparent url(/images/icon_video.gif) no-repeat 0 50%;display:inline-block;}*/
a.videoEnd, a.video {padding-right:22px; background:transparent url(/images/icon_video.gif) no-repeat 100% 50%; }

/*bulleted icons*/
a[href $='.pdf'] { 
padding-right: 16px;
background: transparent url(/images/icon_pdf.gif) no-repeat 100% 50%;}

a[href $='.doc'] { 
padding-right: 16px;
background: transparent url(/images/icon_doc.gif) no-repeat center right;}

a[href $='.zip'] { 
 padding-right: 18px;
 background: transparent url(/images/icon_archive.gif) no-repeat center right;
}
.bullets_moreLine a[href $='.pdf'] { display:block;}

/****** ICON Front*******/


#content ul.icon_front li a {padding-left:22px; background-repeat: no-repeat; background-position: 5px 50%; background-color:transparent;}
#content ul.icon_front li a[href $='.pdf'] {background-image: url(/images/icon_pdf.gif);}
#content ul.icon_front li a.video {background-image:url(/images/icon_video.gif);}
#content ul.icon_front li a.external {background-image:url(/images/icon_external.gif);}

span.sm {font-size:90%;}
/******SETReg*******/

.sitemap ul li {margin-top:0; margin-bottom:0;}

div#psap_feature {width:100%; background:url(../psap/images/bg_psap_feature.jpg) no-repeat 0 0; margin-top:10px;height:150px;}
div#psap_feature h1 {border:none; font-size:20px; padding:10px 0 0 130px; margin-top:10px; margin-bottom:0px;}
div#psap_feature h2 {padding:0 0 0 130px; margin:2px;}
div#psap_feature ul, div#psap_feature p {margin-left:130px; }
div#psap_feature ul li.col1, div#psap_feature ul li.col2{ width:40%; float:left; margin:1px 0px;}


div.overlay, div.overlay600x490, div.overlay504x564, div.overlay320x240{padding:40px;display:none;}
div.overlay {width:600px; background-image:url(/images/white.png);} /* 600px x 450px */
div.overlay600x490  {width:680px; background-image:url(/images/white_680x490.png);}
div.overlay504x564 {width:424px; background-image:url(/images/white_504x564.png);}
div.overlay320x240 {width:320px; background-image:url(/images/white_320x240.png);}

/*height inclues the 24px player */
div.overlay a {height:474px;display:block;}
div.overlay600x490 a { height:460px; display:block;}
div.overlay504x564 a {height:474px; display:block;}
div.overlay320x240 a {height:264px; display:block;} 
div.overlay div.close, div.overlay600x490 div.close, div.overlay504x564  div.close, div.overlay320x240 div.close {background:url(/images/close.png) no-repeat;position:absolute;top:2px;right:5px; width:35px;height:35px;cursor:pointer;}