/* -- Additional Style sheets --*/
/*@import url('layout.css');
@import url('menus.css');
@import url('basic_typography.css');
@import url('forms.css');
@import url('clearing.css');*/

* {margin:0; padding:0; outline:0;}
ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
div, table, img, fieldset {border:0;}

body#Main {background:url(../images/bg-body.gif) #065b9f; font-family:Verdana; font-size:9pt; text-align:center;}
#TopNavigation a {color:#0e131e;}
h1 span, h2 span, #MainMenu a span, .moduletableBoxes a span {display:none;}
a {text-decoration:none;}

.Cleaning {clear:both;}
/*.ReadMore, .ReadMore:hover {background-repeat:no-repeat; background-position:right center;} */
.moduletableCalendar {background:url(../images/bg-module.gif) no-repeat bottom #fbd189;}
.moduletableCalendar h3 {background:url("../images/bg-module-head.gif") #2977b6;}
.MathBullet {padding-left:20px; line-height:1.8em;}
.MathBullet a {line-height:1.8em;}
.MathBullet li {padding-left:15px; background:url(../images/math-bullet.gif) no-repeat top left;}
.ReadMore, .ReadMorePage, .Up {display:block; float:right; height:21px; line-height:21px;}
.ReadMore, .ReadMorePage {padding-right:30px; font-weight:bold;}
.ReadMore {margin-right:10px; color:#015001; background:url(../images/arrow-menu.gif) no-repeat right center;}
.ReadMore:hover {background:url(../images/arrow-menu-a.gif) no-repeat right center;}
.ReadMorePage {background:url(../images/read-more.gif) no-repeat right center; margin:0 10px 10px;}
.Up {width:21px; clear:left; background:url(../images/up.gif) no-repeat; margin:0 0 10px;}

#OuterBorder {width:1002px; margin:0 auto; background-color:#0e131e;}
#OuterWrapper {position:relative; width:1000px; margin:0 auto; border-bottom:1px solid #0e131e; background-color:#fff;}

#TopNavigation {height:26px; padding-right:10px; font-weight:bold;}
#TopNavigation div {padding-top:5px;}
#TopNavigation ul {float:right; height:20px; line-height:20px; font-size:11px;}
#TopNavigation ul li {display:inline; float:left;}
#TopNavigation ul li a {display:block; margin-left:7px; padding-left:18px; background-repeat:no-repeat; background-position:left center;}
#TopNavigation ul li.item2 a {background-image:url(../images/links.gif);}
#TopNavigation ul li.item3 a {background-image:url(../images/calendar.gif);}
#TopNavigation ul li.item4 a {background-image:url(../images/news.gif);}
#TopNavigation ul li.item5 a {background-image:url(../images/photo.gif);}
#TopNavigation ul li.item6 a {background-image:url(../images/students.gif);}
#TopNavigation ul li.item7 a {background-image:url(../images/help.gif);}
#TopNavigation ul li.item8 a {background-image:url(../images/mail.gif);}
#TopNavigation ul li.item31 a {background-image:url(../images/miyo.gif); padding-left:27px;}
#TopNavigation ul li.item33 a {background-image:url(../images/dossier.gif);}
#TopNavigation ul li.item34 a {background-image:url(../images/powerschool.gif); padding-left:19px;}
#TopNavigation a:hover {color:#026bbf;}

#Header {height:143px; padding-left:250px; background:url(../images/top-decoration.gif) #2977b6 no-repeat top left;}
#NameSchool {float:left; width:190px; height:118px; margin:25px 0 0; background:url(../images/name-school.gif) no-repeat;}
#School {float:right; width:452px; height:117px; margin:26px 23px 0 0; background:url(../images/school.jpg) no-repeat;}
#Logo {position:absolute; top:0; left:0; display:block; width:231px; height:216px; background:url(../images/logo.gif) no-repeat;}

#MainMenu {height:30px; background:url(../images/bg-menu.gif) #0e131e repeat-x;}
#MainMenu ul {float:right;}
#MainMenu ul li {display:inline; float:left;}
#MainMenu ul li a {display:block; height:30px; margin:0 8px;}
#MainMenu .item1 a, #MainMenu .item1 a:hover {width:92px;}
#MainMenu .item9 a, #MainMenu .item9 a:hover {width:114px;}
#MainMenu .item10 a, #MainMenu .item10 a:hover {width:80px;}
#MainMenu .item11 a, #MainMenu .item11 a:hover {width:154px;}
#MainMenu .item12 a, #MainMenu .item12 a:hover {width:100px;}
#MainMenu .item13 a, #MainMenu .item13 a:hover {width:135px;}

#MainMenu .item1 a {background:url(../images/home.gif) no-repeat;}
#MainMenu .item1 a:hover {background:url(../images/home-o.gif) no-repeat;}
#MainMenu .item9 a {background:url(../images/principal.gif) no-repeat;}
#MainMenu .item9 a:hover {background:url(../images/principal-o.gif) no-repeat;}
#MainMenu .item10 a {background:url(../images/staff.gif) no-repeat;}
#MainMenu .item10 a:hover {background:url(../images/staff-o.gif) no-repeat;}
#MainMenu .item11 a {background:url(../images/departments.gif) no-repeat;}
#MainMenu .item11 a:hover {background:url(../images/departments-o.gif) no-repeat;}
#MainMenu .item12 a {background:url(../images/library.gif) no-repeat;}
#MainMenu .item12 a:hover {background:url(../images/library-o.gif) no-repeat;}
#MainMenu .item13 a {background:url(../images/contact-us.gif) no-repeat;}
#MainMenu .item13 a:hover {background:url(../images/contact-us-o.gif) no-repeat;}

#Left .Container, #Main .ContainerPage, #Main2 .ContainerPage, #Right .Container {margin-bottom:35px;}

#Left, #Right {width:230px; text-align:left;}
#Left .Container {padding-left:21px;} 
#Right .Container {padding-right:21px;}
.ContainerPage {padding-left:30px; padding-right:30px;}
#Left {float:left;}    	
.moduletable_librariesmenu {width:209px; margin:0 0 30px; background:url(../images/bg-module.gif) no-repeat bottom #fbd189;}
.moduletable_librariesmenu h3 {width:209px; height:76px; color:transparent !important;}
.moduletable_librariesmenu h3 span {display:none;}
.moduletable_librariesmenu h3 {background:url(../images/libraries-head.gif) no-repeat;}
.moduletable_librariesmenu table tr td {height:49px; vertical-align:middle; border-bottom:1px solid #fff;}
.moduletable_librariesmenu a.mainlevel-librariesmenu {display:block; padding:4px 0 4px 40px; font-size:8.25pt; font-weight:bold;}
.moduletable_librariesmenu a {color:#026bbf; background:url(../images/arrow-menu.gif) no-repeat left center;}
.moduletable_librariesmenu a:hover {color:#000;background:url(../images/arrow-menu-o.gif) no-repeat left center;}

#Main2, #Page1 {width:770px;}
#Wrapper {padding-top:35px; text-align:left;}

#Page1, #Page2 {float:left;}
#Page2 {width:540px;}

#Main2, #Right {float:right;}
.ContainerPage, .ContainerPage p, .ContainerPage a {font-family:Georgia, 'Times New Roman'; font-size:11pt;}
.ContainerPage, .ContainerPage p {line-height:1.2em;}
.ContainerPage p {/*margin-bottom:8px;*/}
.ContainerPage a {color:#026bbf; /*font-weight:bold;*/}
.ContainerPage a:hover {color:#47acfb;}
.ContainerPage h1 {font-size:18pt;}
.ContainerPage h2 {margin:0 0 15px; font-size:14pt; clear:both;}
.ContainerPage h3 {margin:25px 0 10px; font-size:12pt; clear:both;}
.ContainerPage ul li {display:block; margin:5px 0 5px 15px; padding-left:15px; background:url(../images/bullet.gif) no-repeat top left;}

/*.ContainerPage #page p, .ContainerPage #page a {font-family:Georgia, 'Times New Roman'; font-size:11pt; text-align:;}
.ContainerPage #page p {line-height:1.2em;}
.ContainerPage #page p {margin-bottom:8px;}
.ContainerPage #page a {color:#026bbf; font-weight:bold;}
.ContainerPage #page a:hover {color:#47acfb;}*/

.moduletableBoxesMenu {display:none;}
.moduletableBoxes table {width:710px; text-align:left;}
.moduletableBoxes table tr td {vertical-align:top;}
.HeadBoxes {width:350px; height:36px; margin-bottom:10px; background:url(../images/headFull.gif) #fbd189 right;}
.HeadBoxes a {display:block; float:right; width:37px; height:36px; background:url(../images/read-more.gif) no-repeat;} 
.HeadBoxes a:hover {background:url(../images/read-more-o.gif);}
.HeadBoxes h2 {float:left; width:320px; height:36px; background-repeat:no-repeat;}
.Boxes {width:330px;}
#Cree, #SpecialEducation, #Math, #LA, #Science, #PhysicalEducation {display:block; height:120px; margin:0 10px 10px; padding:10px 0 0 120px; background-repeat:no-repeat;}
#Cree {background-image:url(../images/cree.gif);}
#SpecialEducation {background-image:url(../images/special-education.gif);}
#Math {background-image:url(../images/math.gif);}
#LA {background-image:url(../images/l-a.gif);}
#Science {background-image:url(../images/science.gif);}
#PhysicalEducation {background-image:url(../images/physical-education.gif);}

#CreeHead {background-image:url(../images/cree-head.gif);}
#SpecialEducationHead {background-image:url(../images/special-education-head.gif);}
#MathHead {background-image:url(../images/math-head.gif);}
#LAHead {background-image:url(../images/l-a-head.gif);}
#ScienceHead {background-image:url(../images/science-head.gif);}
#SocialStudies {background-image:url(../images/social-studies-head.gif);}
#CareerTech {background-image:url(../images/career-tech-head.gif);}
#PhysicalEducationHead {background-image:url(../images/physical-education-head.gif);}

#HeadArticle {width:100%; margin-bottom:10px; background:url(../images/bg-boxes-head.gif) repeat-x /*#fbd189*/ bottom;}
#Mathematics {background:url(../images/mathematics.gif) no-repeat right;}
#Mathematics h2 {height:73px; background:url(../images/mathematics-resources.gif) no-repeat bottom left;}

#Right .moduletable {margin-bottom:20px; background:url(../images/bg-module.gif) bottom no-repeat #fbd189; font-weight:bold; text-align:left;}
#Right .moduletable h3 {padding:12px 0; background:url(../images/bg-module-head.gif) no-repeat #2977b6; text-align:center; color:#fff; font-size:1em;}
#Right .moduletable a {color:#026bbf;}
#Right .moduletable a:hover {color:#000;}
#Right ul.latestnews {padding:15px 20px; font-size:0.9em; line-height:1.8em;}

#Footer {height:112px; color:#fed24b; background:url(../images/bottom-decoration.gif) #2977b6 repeat-x top left; text-align:center;  font-size:8pt;}
#Footer a {color:#fff;}
#Footer a:hover {color:#b8dbf8;}
#Footer #BottomNavigation {padding:44px 0 15px; font-size:9pt;}
#Footer ul li {display:inline; padding:0 6px;}

/* default Joomla styles */
.componentheading, .contentheading {margin-bottom:20px; /*color:#67b704;*/ font-size:18pt; font-weight:bold;}
.contentheading {padding-bottom:20px;}
div#page {}
div.contentpaneopen_edit {padding-bottom:15px;}

#OurGraduates a span {display:none;}

#OurGraduates a {display:block; width:209px; height:75px; margin-bottom:30px; background:url(../images/our-graduates.gif);}

#RemembranceDay a span {display:none;}

#RemembranceDay a {display:block; width:209px; height:82px; margin-bottom:30px; background:url(../images/remembrance-day.jpg);}

div.Boxes a span {display:none;}

div.Boxes div.moduletable img {margin-right:15px;}


/* after login */

fieldset {border:none; margin-top:8px; border-top:solid 1px #999; padding-top:13px;}

form#login div.contentdescription img {display:none;}

label {float:left; display:block; width:160px;}

form#myform input, fieldset input {border:solid 1px #999; color:#333; padding:3px;}

div.contentpaneopen_edit {width:18px; float:left; margin:6px 8px 0 0;}

legend {font-weight:bolder;}

label[for="state"], input[id="state0"], input[id="state1"] {float:left; display:inline-block;}

div.radio {float:left;}

label[for="frontpage"], label[for="frontpage1"], label[for="frontpage0"], input[id="frontpage0"], input[id="frontpage1"] {float:left; display:inline-block; margin-top:15px;}

img#publish_up_img, img#publish_down_img {margin:4px 5px; vertical-align:bottom;}

system-message dd.error ul,  #system-message dd.message ul {background:#ffe0e0; border:1px solid #d2a5a5; color:#993333; margin:0; padding:10px;}

div.button2-left {float:left;}

div.wrap {clear:both;}

div.name, div.pass, div.remember, div.user {margin-bottom:8px;}

div.save {text-align:right; padding-top:8px;}

form#com-form-login table {display:none;}

form#com-form-login ul {font-size:12px;}

input#remember {width:30px;}

fieldset.input {margin-bottom:10px;}

form fieldset legend {font-weight:bolder;}

form fieldset {border:solid 1px #ddd; padding:20px; background:#f8f8f8; width:670px;}

table.adminform input.inputbox {width:300px;}

td.key {vertical-align:top;}

form fieldset table td img {margin-left:5px;}

div#jce_editor_text_toggle {margin:0 0 10px 0;}

div.uploadAttachmentsPage h1 {font-size:24px; padding:0px 0 10px 0; font-weight:normal; color:#000; font-family:"Times New Roman", Georgia, Times, serif;}

form fieldset textarea {margin-bottom:10px;}

div.attachmentsList table {border:none;}

div.leading p.buttonheading {display:none;}


div#Main div.componentheading {font-size:20pt; padding:20px 0;}

div.phocagallery-box-file {background:#fff;}
div.phocagallery-box-file:hover {border:1px solid #2977b6; background-color:#fff;}
#phocagallery .phocaname {color:#000;}
 
div.current table.adminform fieldset {width:300px;}
div.current table.adminform input.inputbox {width:100px;}

ul.pagination li {display:inline; list-style-type:none;}