html, body{height:100%; width:100%;}
#Container {height:100%;}
body > #Container {height: auto; min-height: 100%;}
.pageColour{ background:#F5F3EB;}
body{padding:0; margin:0; background-image:url(bg.jpg); background-repeat:repeat-x;}
a{ outline:none;}
/* HEADER
------------------------------------------------------------------------------------------*/
#headerContainer {position:absolute; top:-20; left:0; width:100%; height:185px; z-index:5;}
#header { margin:0 auto; width:940px; height:118px; position:relative;}
.logo a{ background:transparent url(yadari_logo.jpg) no-repeat left top; width:256px; height:97px; position:absolute; text-indent:-9999px; top:30px; z-index:100; display:block; }
.crest{ background:transparent url(logos.png) no-repeat left top; width:259px; height:78px; position:absolute; right:0px; z-index:100; display:block; top:35px;}
.tagline{ position:absolute; text-indent:-9999px; top:20px; left:350px; z-index:100; color:#FFF; font-style:italic; font-size:17px; font-weight:lighter; line-height:1em; font-family:Georgia, "Times New Roman", Times, serif;}
.tagline span.resilient { padding-left: 120px; line-height: 1.3em; }
.tagline span.future { padding-left: 187px; line-height: 1.3em; }
.introContainer {margin:0 auto; width:940px; position:relative; z-index:8;}
.introHome {width:220px; position:absolute; top:260px; right:0; z-index:8; background:#D1DAE7; padding:20px; opacity:.9; height:200px; overflow:hidden; border:1px solid #444D26;}
.typography .introHome ul{ list-style:none; margin:0; padding:0; position:relative; }
.typography .introHome ul li{ margin-bottom:20px;}
.typography .introHome h2{ color:#FFF; line-height:1.2em; font-size:1.2em; text-transform:uppercase; letter-spacing:.2em; font-family:"Times New Roman", Times, serif;}
.typography .introHome p{color: #002345; font-size:12px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.typography .introHome a { text-decoration:underline;}
#tagline {display:none;}
/* HORIZONTAL NAVIGATION
------------------------------------------------------------------------------------------*/
#Navigation { }
#mainNav{ margin:0 auto; width:940px; position:relative;}
#mainNav ul{ list-style:none; padding:0; height:36px; margin:0 0 0 0; float:left; overflow: hidden;}
#mainNav ul li{float:left; background:transparent url(menu_div.png) no-repeat right top;}
#mainNav ul li a{margin:0; padding:15px 31px 0; height:36px; display:block; text-decoration:none; color: #002345;
font-size:12px; background:transparent url(menu_bg.png) repeat-x left -100px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#mainNav ul li a:hover{color:#fff; background-color:#717E44; }
#mainNav ul li a.current, #mainNav ul li a.section{background:transparent url(menu_bg.png) repeat-x left -50px;color:#EEB111;}
/* CONTENT
------------------------------------------------------------------------------------------*/
#intro{border-bottom:#CCC 1px solid; padding:3em 0 2.5em;}
#browseBy ul{margin-left:0;}
#browseBy li{margin:0 20px 0 0;}
#contentContainer{}
/* HOME
------------------------------------------------------------------------------------------*/
#slideshow{ line-height:0; font-size:0; height:319px; width:100%; background:#000; overflow:hidden; position:relative; top: 118px; }
#slideshow img { margin: 0 auto; width:100%; }
/*#slideshow img.active {z-index:4;}
#slideshow img.last-active { z-index:3;}*/
/*----- BOTTOM NAVIGATION -----*/
#homeNav{height:50px; width:100%; background-color:#444D26; position:absolute; bottom: 47px; z-index:5;}
.borderBottom{height:1px; width:100%; background:#D1DAE7;}
.homeNavItems{width:940px; margin:0 auto; z-index:15; }
.homeNavItem{width:190px; height:23px; float:left; padding:10px 50px; z-index:15; background:url(../images/border_footer_home.png) no-repeat left top; position:relative;}
.navVisible{ position:relative; z-index:10; height:100%}
#homeNav .homeNavItem h2{ color:#FFF; margin:0 0 0 0; margin-bottom:0 !important; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; z-index:1; font-weight:bold;}
#homeNav .homeNavItem h5{ color:#DED4BD; font-style:italic; font-weight:normal; font-size:1.2em; font-family:"Times New Roman", Times, serif; padding:0; line-height:.8em; z-index:1; height: 10px;}
.homeItemBg{ padding: 7px; height:460px; top:0; margin:-460px -20px 0 -19px; background:transparent url(light_blue_bg.png) repeat-x 0px -210px; display:none; z-index: 50;}
.homeItemBg img{ width:100%;}
#homeNav .homeNavItem .subNav { list-style:none; margin:0 10px; padding:0; }
#homeNav .homeNavItem .subNav li {background:transparent url(../images/sub_nav_home.png) no-repeat left bottom;}
#homeNav .homeNavItem .subNav li a { color:#000000; text-decoration:none; padding:2px 0; display:block; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#homeNav .homeNavItem .subNav li a:hover { color:#fff; }
#homeNav .homeNavItem .ribbon{ position:absolute; bottom:33px; right:0; height:7px; width:90px; background:transparent url(../images/ribbon_small.png) no-repeat scroll right bottom;}
#homeNav .homeNavItem h5{ font-size:15px;}
/* SECTION PAGE
------------------------------------------------------------------------------------------*/
#carousel{ height:100%; width:100%; background:#000; overflow:auto; position:relative; padding:110px 0 0 0 ; margin: 0; background:#001120;}
#carousel ul{ list-style:none; height:100%; width:2000px; padding:28px 0 0 0; margin:0;}
#carousel ul li {float:left; height:100%; width:auto; position:relative; }
#carousel ul li img{height:80%;}
#carousel ul li .carouselTextbox{position:absolute; z-index:30; bottom:0; height:200px; left:0; padding:00px; width:100%; text-align:left; /*background:transparent url(../images/blue_bg_80.png);*/ background:#444D26 url(../images/nav_home_div.png) no-repeat right top;}
#carousel ul li .carouselTextbox h3{color:#FFF; padding:10px 20px 0; margin:0; font-size:18px;}
#carousel ul li .carouselTextbox h3 a{color:#FFF; text-decoration:none;}
#carousel ul li .carouselTextbox h3 a:hover{text-decoration:underline;}
#carousel ul li .carouselTextbox p{color:#DED4BD; padding:0 20px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px;}
#carousel .next, #carousel .prev{ position:absolute; top:40%; background:transparent url(../images/arrows.png) no-repeat; width:51px; height:62px; z-index:30; text-indent:-9999px; cursor:pointer;}
#carousel .next{background-position: top right; right:0;}
#carousel .prev{background-position: top left; left:0;}
#carousel .next:hover{background-position: right -70px;}
#carousel .prev:hover{background-position: left -70px ;}
/* PAGE
------------------------------------------------------------------------------------------*/
.banner{ height:138px; width:100%; background:#000; overflow:hidden; position:relative; padding:0 0 0 0 ; background:#001120; margin:0 0 50px 0; }
#mainContainer{ background:#F5F3EB url(../images/border_page.png) repeat-y 213px 0px; }
#main{ width:940px; margin:0 auto; height:100%;}
#Content{margin:2em 0;}
#Content p{ color:#7F6D4C; font-size:14px;}
#Content .intro{font-size:18px}
#mainEnd{padding-bottom: 150px;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#subNav{ margin:70px 0 3em 0; position:relative;}
#subNav #SearchForm{top:-50px; left:0px;}
#subNav h3 { font-family:"Times New Roman", Times, serif; font-size:1.8em; font-weight:bold; margin:0; color:#002345;}
#subNav ul{list-style:none; margin:0; padding:0 70px 0 0;}
#subNav ul li{ margin:.3em 0;}
#subNav ul li a{padding:.4em 0; color:#7F6D4C; text-decoration:none; display:block; line-height:1em;}
#subNav ul li a.current{color:#FFF;padding:.5em; text-decoration:none; background:#444D26; position:relative;}
#subNav a.current em{ position:absolute; right:0px; bottom:-9px; background: url(../images/menu_current.png) no-repeat right bottom; width:17px; height:9px; z-index:300;}
#subNav ul li a:hover{color:#9E8C69; text-decoration:underline;}
#subNav ul ul {list-style:none; margin:0; padding:0 0 0 10px;}
#subNav ul ul li{ }
#subNav ul ul li a{padding:.4em 0; color:#7F6D4C; text-decoration:none; display:block; line-height:1em;}
#subNav ul ul li a.current{color:#FFF;padding:.5em; text-decoration:none; background:#444D26; position:relative;}
#subNav ul ul li a:hover{color:#9E8C69; text-decoration:underline;}
/*----- SIDEBAR -----*/
#sidebar{margin:0;}
#sidebar ul {list-style:none; margin:0; padding:0;}
.sidebarBox{margin:0 0 1em 0; padding:1em 0;}
#sidebar .first{padding:0;}
.typography .sidebarTitle{ text-transform:uppercase; font-weight:bold; letter-spacing:-0.05em; font-size:1.2em;}
/*----- SEARCH -----*/
#SearchResults li {list-style: none; margin-bottom: 1.5em;}
#SearchResults li h3 {font-size:1.5em; margin-bottom: 0.3em;}
#SearchResults li p {margin: 0.2em 0 !important;}
/*----- PAGINATION -----*/
#pagination{margin-top:4.5em;}
#pagination ul { list-style:none; margin:0; padding:0;}
#pagination li { float:left;}
#pagination .bt_nav{ background:#EEE; padding:3px 6px; margin:1px; cursor:pointer; color: #666; border:#CCC 1px solid;}
#pagination a{ text-decoration:none;}
#pagination .prev{ margin-right: 10px;}
#pagination .next{ margin-left: 10px;}
#pagination .currentPage{color:#FFF;}
#Footer {position: relative;margin-top: -97px; /* negative value of footer height */ height: 95px;clear:both; background:#444D26; z-index: 10;}
#Footer .footerTop{ margin:0 auto; width:940px; padding:0em 3.3em 1.5em 1.5em; background: url(../images/crest.png) no-repeat 893px 20px;}
#footerHome {position:absolute; bottom:0; left:0; width:100%; z-index:15; background:#D1DAE7; border-top:#EEB111 3px solid; padding:7px 0 7px 0; }
#footerContainer, .footerNav{margin:0 auto; width:940px; position:relative;}
.footerNav ul { list-style:none; width:940px; height:25px; margin:8px 0 9px 0; overflow: hidden; }
.footerNav ul li {float: left; padding:0 25px;}
.footerNav ul li a{color:#FFF; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration:none; font-size:12px;}
.footerNav ul li a:hover{color:#EEB111;}
#footerContainer img { float: left; }
#footerContainer p{ display: block; margin:0; padding:0 0 10px 0; color:#002345; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height: 1.9em; text-align:center;}
#footerContainer p span { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; }
.bottomFooter{background:#D1DAE7; border-top:#EEB111 3px solid; padding:10px 0;}
#footerCarousel{position:absolute; bottom:0; left:0; wiffdth:100%; z-index:150; }
#footerCarousel h2{ color:#002345; margin:0 0 0 0; margin-bottom:0 !important; padding:0; font-family:"Times New Roman", Times, serif; font-size:1.6em; line-height:1.3em; text-transform:uppercase; letter-spacing:.2em; z-index:1;}
#footerCarousel h5{ color:#466B8F; font-style:italic; font-weight:normal; font-size:1.2em; font-family:"Times New Roman", Times, serif; padding:0; line-height:.5em; z-index:1;}
#footerCarousel #SearchForm{top:20px;}
#footerSchoolNav{ display: block; width: 635px; list-style:none; position:absolute; left:125px; top:-10px; padding-top:10px; /*background:url(../images/border_footer_carousel.png) no-repeat left top;*/}
#footerSchoolNav li{ float:left;}
#footerSchoolNav li a{ display:block; list-style:none; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration:none; padding:2px 8px; margin:0 4px;}
#footerSchoolNav li a:hover{ text-decoration:none;}
#footerSchoolNav li.current a{ color:#ffffff; background:#444D26;}