/********************************************************************************************** Main Sections in CSS: 1. BASIC ELEMENTS Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. 2. LAYOUT Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site 3. PAGE COMMON STYLES Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc 4. PAGE SPECIFIC STYLES Define content styles that are specific to a particular page ***********************************************************************************************/ /* import core styles */ @import url(base.css); /*------------------------------------------ // 1.BASIC ELEMENTS // Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. //------------------------------------------*/ body { color:#000; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; background:#eeeeee; } h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; } /*------------------------------------------ // 2.LAYOUT // Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site //------------------------------------------*/ /*---- Container ----*/ div#container { width:100%; min-width:960px; } div#container div.wrapper{ width:960px; margin:0 auto; } /*---- Header ----*/ div#header { padding:26px 0px 16px 0px; background:#fff; } /*---- Main Navigation ----*/ div#main-navigation { background:url(../images/header/main-navigation-bg.gif) repeat-x left top; position:relative; z-index:16; } /*---- Content ----*/ body.home div#content { background:#fdfdfd url(../images/content/content-bg.gif) repeat-x left top; padding-top:60px; padding-bottom:49px;} div#content { background:#fdfdfd url(../images/content/content-bg.gif) repeat-x left top; padding:24px 0 49px; position:relative; z-index:1; } /*---- Main ----*/ div#main { float:right; width:690px;} /*---- Sidebar ----*/ div#sidebar { float:left; width:231px; margin-right:19px;} /*---- Footer ----*/ div#footer { padding:11px 0px 17px 0px; background:url(../images/content/footer-bg.gif) left top repeat-x; } /*--- Twocolumn-layout1 ---*/ div.three-column-layout1{background:url(../images/content/three-column1-bg.png) repeat-y 0 0;} div.three-column-layout1 div.three-column-layout1-top{background:url(../images/content/three-column-top.gif) no-repeat 0 0; padding-right:7px;} div.three-column-layout1 div.three-column-layout1-top div.three-column-layout1-bottom{background:url(../images/content/three-column-bottom.gif) no-repeat 0 bottom; } div.three-column-layout1 div.column1{width:300px; float:left;} div.three-column-layout1 div.column2{margin:0 12px 0 13px; width:307px; float:left;} /*------------------------------------------ // 3. PAGE COMMON STYLES // Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc //------------------------------------------*/ /*---- Header - Logo ----*/ div#header div.logo{ width:300px; float: left;} div#header div.headerRight{ width:300px; float: right;} div#header div.logo h1 a { position:relative; display:block; width:300px; border:0; } div#header div.logo h1 a span { position: absolute; top: 0; left: 0; background:url(../images/header/logo.jpg) 0 0 no-repeat; width:100%; height:100%; display:block; } div#header div.logo h1 a img { border:0; } /*---- Global Navigation ----*/ div#global-navigation { background:url(../images/header/top-navigation-bg.gif) repeat-x left top;} div#global-navigation ul{ float:right; width:475px;} div#global-navigation ul li{ padding:0px 0px; float:left; line-height:23px;} div#global-navigation ul li a { float:left; text-decoration:none; font-size:110%; font-weight:bold; color:#000; display:block;} div#global-navigation ul li a:hover,div#global-navigation ul li a.active{ color:#cc0000;} div#global-navigation ul li.divider { background:url(../images/header/divider1.gif) no-repeat top left; width:2px; height:9px; line-height:0px; float:left; margin:8px 7px 0px 9px;} div#global-navigation ul li.view-cart { background:url(../images/header/view-cart-icon.png) no-repeat left center; padding-left:18px;} /*---- Main Navigation ----*/ div#main-navigation ul { padding-left:20px;} div#main-navigation ul li{ float:left; padding:0px; } div#main-navigation ul li a { float:left; text-decoration:none; font-size:110%; font-weight:bold; color:#fff; display:block; padding-left:14px; height:40px; line-height:40px; } div#main-navigation ul li a span.right{ float:left; display:block; padding-right:14px; height:40px; } div#main-navigation ul li:hover a{ background:url(../images/navigation/nav-hover-bg.jpg) left top no-repeat; } div#main-navigation ul li:hover a span.right{ background:url(../images/navigation/nav-hover-bg.jpg) right bottom no-repeat; } div#main-navigation ul li.active a{ color:#ffeb00; } div#main-navigation ul li.active:hover a{ color:#fff; } div#main-navigation ul li.divider { background:url(../images/header/divider2.gif) no-repeat top left; width:2px; height:9px; line-height:0px; float:left; margin-top:15px;} /*---- Main Navigation - Drop Down ----*/ div#main-navigation ul li.parent{ position:relative; } div#main-navigation ul li.parent ul.child{ position:absolute; left:-1px; top:34px; width:200px; padding-left:0px; display:none; background:url(../images/navigation/menu-top.png) left top no-repeat; padding-top:6px; } div#main-navigation ul li.parent ul.child li{ float:none; display:block; background:url(../images/navigation/menu-middle.png) left top repeat-y; padding:0px 7px; height:auto; } div#main-navigation ul li.parent ul.child li.last{ background:url(../images/navigation/menu-bottom.png) left bottom no-repeat; padding-bottom:6px; } div#main-navigation ul li.parent ul.child li a{ float:none; display:block; padding:6px 10px; color:#545454; line-height:1.2em; font-size:120%; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal; background:none; border-top:1px solid #ebebeb; height:auto; } div#main-navigation ul li.parent ul.child li:hover a{ background:#fcf9d5; } div#main-navigation ul li.parent ul.child li:hover a span{ background:none; } div#main-navigation ul li.parent:hover ul.child{display:block; } div#main-navigation ul li.parent ul.child li.last a { border-bottom:1px solid #ebebeb; margin-bottom:6px; } /*---- Main Navigation - Search Form ----*/ div#search-form{ float:right; width:156px; margin-top:10px;} div#search-form p span.text-box{background:url(../images/header/search-form.png) no-repeat left top; display:block; float:left; width:136px; } div#search-form p span.text-box input.text-box{ background:none; border:none; font-size:110%; font-family:Verdana, Geneva, sans-serif; color:#8a8a8a; padding:4px 0px 4px 22px; height:13px; width:112px; font-style:italic;} div#search-form p span input.submit-btn{ background:url(../images/header/search-form-right.png); border:none; float:left; width:20px; height:21px; cursor:pointer;} /*---- Banner ----*/ body.home div#banner { background:url(../images/banner/banner-bg.gif) repeat-y left top; padding:18px 0 0 0; border-bottom:1px solid #dcdcdc; position:relative; z-index:10; } div#banner { background:url(../images/banner/banner-bg.gif) repeat-y left top; padding:14px 0px; border-bottom:1px solid #dcdcdc;} div#banner div#slideshow{ position:relative; } div#banner div.slides div.slide { padding-top:0; } div#banner div.slides div.slide div.discription { width:400px; margin-right:35px; float:left; padding:23px 0px 0px 9px;} div#banner div.slides div.slide div.discription h2{ background:url(../images/banner/slide-discription-heading-bg.png) left bottom no-repeat; color:#111111; font-size:300%; font-weight:normal; margin-bottom:22px;} div#banner div.slides div.slide div.discription h2 span.sub{ color:#cc0000; font-size:80%;} div#banner div.slides div.slide div.discription p{ color:#444444; font-size:140%; font-weight:normal; line-height:28px; margin-bottom:17px; } div#banner div.slides div.slide div.video{ float:left; margin-bottom:7px;} div#banner div.slides div.slide div.video div.frame{ background:url(../images/content/frame.png) no-repeat; height:276px; width:476px; padding:24px 0px 0px 20px; position:relative; } div#banner div.slides div.slide div.banner-video a.button3 { position:absolute; top:123px; left:138px; } /*---- Banner-Pagination ----*/ div#slideshow div.pagination{ bottom:00px; position:absolute; right:8px; float:right; z-index:20; width:126px; overflow:hidden; height:34px; } div#slideshow div.pagination a{ float:left; display:block; text-decoration:none; height:34px; width:31px; text-align:center; line-height:34px; color:#332826; font-size:120%; font-weight:bold; } div#slideshow div.pagination a.activeSlide{ background:url(../images/content/pagination/active.png) no-repeat left top; text-decoration:none; } /*---- Banner-Statement ----*/ div#statement{ position:relative; margin-bottom:-30px;} div#statement img.icon{ float:left; margin: 9px 20px 0px 0px;} div#statement p{ font-size:180%; color:#292929; font-family:Georgia, "Times New Roman", Times, serif; line-height:20px; text-align:center;} div#statement p a.read-more{ background:url(../images/content/arrow1.png) no-repeat right center; padding-right:15px; line-height:18px; color:#0350a6; border-bottom:1px solid #FFF; font-size:100%; } div#statement p a:hover{ text-decoration:none; border-bottom:1px dotted #0350a6; color:#0350a6;} /*---- Post ---*/ div.post h1 { font-size:360%; margin-bottom:5px; color:#0350a6; font-weight:normal; } div.post h2 { font-size:200%; margin-bottom:10px; color:#545454; font-weight:normal; } div.post h3 { font-size:180%; margin-bottom:10px; color:#0350a6; } div.post h4 { font-size:170%; margin-bottom:10px; color:#0350a6; } div.post h5 { font-size:160%; margin-bottom:10px; color:#0350a6; font-weight:normal; } div.post h1 a, div.post h2 a, div.post h3 a, div.post h4 a, div.post h5 a { color:#0350a6;} div.post p { color:#545454; line-height:22px; font-size:140%; margin-bottom:20px; display:block; } div.post p a { color:#545454; } div.post blockquote { margin-bottom:20px; background:url(../images/content/blockquote-bg.png) no-repeat 0 0; padding-left:20px;} div.post blockquote p{ margin-bottom:5px; font-style:italic; color:#545454; font-size:120%; line-height:18px; font-family:Arial, Helvetica, sans-serif; background:url(../images/content/blockquote-p-bg.png) no-repeat right bottom; padding:0 20px 0 0;} div.post blockquote p.author{background:none; padding:0;} div.post blockquote p.author cite{ font-weight:bold; text-align:right; display:block; color:#545454; font-size:120%; font-style:normal;} div.post img { max-width:100%; } div.post img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;} div.post img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;} div.post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;} div.post ul { margin:0 0 20px 14px; list-style:disc; } div.post ol { margin:0 0 20px 18px; list-style:decimal; } div.post ol.lowerAlpha {list-style: lower-alpha;} div.post li { line-height:1.4em; font-size:120%; color:#545454;} div.post li ul, div.post li ol { margin-bottom:10px; } div.post li li, div.post li p { font-size:100%; margin-bottom:0px; } /*---- Post - Custom Lists ---*/ div.post ul.list1 { margin:0; padding:0; } div.post ul.list1 li { margin:0; padding:0; } div.post ol.list2 { margin:0; padding:0; } div.post ol.list2 li { margin:0; padding:0; } /*---- Sidebar - Widget ---*/ div#sidebar div.widget h2{ color:#cc0000; font-size:240%; margin-bottom:15px; font-weight:normal;} /*---- Sidebar - Navigation ---*/ div#sidebar-navigation h2{ background:url(../images/content/sidenav-h2-bg.gif) top left no-repeat; height:37px; width:197px; margin-bottom:3px; line-height:37px; color:#FFF; font-size:140%; padding:0px 12px; text-transform:uppercase;} div#sidebar-navigation ul{ margin:0px 4px;} div#sidebar-navigation ul li{ border-bottom:1px solid #d7d7d7; width:214px; margin-bottom:1px; } div#sidebar-navigation ul li.last{ border:none;} div#sidebar-navigation ul li a{ display:block;} div#sidebar-navigation ul li:hover, div#sidebar-navigation ul li.active { background:#fcf9d5; } div#sidebar-navigation ul li a span.nav{ background:url(../images/content/side-nav-li-a-arrow.gif) right 11px no-repeat; line-height:14px; font-size:120%; border-bottom:1px solid #FFF; color:#0350a6; display:block; padding:8px 13px 9px 5px; width:188px; font-weight:bold;} div#sidebar-navigation ul li:hover a span.nav, div#sidebar-navigation ul li.active a span.nav{ background: url(../images/content/side-nav-li-a-arrow-hover.gif) right 11px no-repeat; text-decoration:none;} div#sidebar-navigation ul li a:hover { text-decoration:none; } /*---- Footer - Navigation ---*/ div#footer div#footer-navigation ul li { display:inline; font-size:120%; color:#838383;} div#footer div#footer-navigation ul li a{color:#838383; text-decoration:none; border-bottom:1px dotted transparent; line-height:1.4em; } div#footer div#footer-navigation ul li a:hover{color:#838383; text-decoration:none; border-bottom:1px dotted #838383;} div#footer div#footer-navigation ul li.divider { margin:0 3px; } /*---- Footer - NewLetter Form ----*/ div#newsletter-form{ float:right; width:414px; height:33px; background:url(../images/content/news-icon.png) no-repeat left center; padding-left:40px;} div#newsletter-form h5{ font-size:110%; color:#cc0000; font-weight:bold; float:left; line-height:33px; margin-right:10px;} div#newsletter-form p{ line-height:33px; float:left; margin-top:4px;} div#newsletter-form p input.text-box{ display:block; border:1px solid #e7e9ea; border-top:1px solid #d4d5d6; float:left; width:147px; color:#8a8a8a; font-size:110%; padding:3px 8px; margin-right:4px; font-style:italic; } div#newsletter-form p input.submit-btn{ background:url(../images/content/sign-up-btn.png) no-repeat left top; border:none; float:left; width:89px; height:25px; cursor:pointer;} div#newsletter-form p input.submit-btn:hover{ background:url(../images/content/sign-up-btn.png) no-repeat left -25px;} div#newsletter-form p input.submit-btn:focus{ background:url(../images/content/sign-up-btn.png) no-repeat left -50px;} div#newsletter-form p input.submit-btn.active{ background:url(../images/content/sign-up-btn.png) no-repeat left -50px;} /*---- Footer - Sociable ----*/ div#sociable{ margin-bottom:30px;} div#sociable h5{ font-size:110%; color:#cc0000; font-weight:bold; float:left; line-height:30px; margin-right:10px;} div#sociable ul li{ float:left; margin-right:8px;} div#sociable ul li a{ text-decoration:none;} div#sociable ul li a:hover{ text-decoration:none;} div#footer p{ color:#828282; font-size:110%;} div#footer p a{color:#828282; text-decoration:none; line-height:11px;} div#footer p a:hover{color:#828282; text-decoration:none; border-bottom:1px dotted #828282;} /*-- Read-more --*/ a.read-more{ background:url(../images/content/arrow1.png) no-repeat right center; padding-right:15px; font-size:140%; color:#0350a6; line-height:14px;} a.read-more:hover{ text-decoration:none; border-bottom:1px dotted #0350a6; color:#0350a6; line-height:14px;} a.read-more1{background:url(../images/content/arrow1.gif) no-repeat right 6px; padding-right:15px; font-size:140%; color:#0350a6; font-weight:bold; } /*-----popups---*/ div.popup1 {position:absolute; z-index:30; background:#fff; padding:14px 14px 14px 20px; left:30%; top:150px; width:662px;} div#registration-form { display:none; } div#registration-form a.close{display:block; float:right; font-size:140%; color:#545454; background:#cbcbcb url(../images/content/popup1-close-bg.gif) no-repeat 0 0; height:25px; padding:0 10px 0 35px; line-height:25px;} div#registration-form a.close:hover{text-decoration:none;} /*--Registration-form--*/ div#registration-form h2{font-size:280%; color:#0073b2; font-weight:normal; background:url(../images/content/registration-form-h2-bg.gif) repeat-x 0 bottom; padding-bottom:10px; margin-bottom:13px;} div#registration-form h2 a.close{font-size:50%; font-weight:bold;} div#registration-form h3{font-size:180%; color:#0073b2; line-height:22px; margin-bottom:8px;} div#registration-form div.section{border-bottom:1px solid #e6e6e6; margin-bottom:12px;} div#registration-form div.section.last{border:0;} div#registration-form.form1 ul li.contact-person{width:402px; margin-right:20px; margin-bottom:30px; } div#registration-form.form1 ul li.contact-person label{float:left; line-height:24px; width:157px; float:left;} div#registration-form.form1 ul li.contact-person span.textbox span.inner{width:205px;} div#registration-form.form1 ul li.attending {width:233px; float:right; margin-right:0; } div#registration-form.form1 ul li.attending span.information { color:#cc0000; font-size:110%; line-height:1.2em; } div#registration-form.form1 ul li.attending label{float:left; line-height:24px; } div#registration-form.form1 ul li.first-name, div#registration-form.form1 ul li.email, div#registration-form.form1 ul li.address{width:244px;} div#registration-form.form1 ul li.last-name, div#registration-form.form1 ul li.re-email{width:227px;} div#registration-form.form1 ul li.title, div#registration-form.form1 ul li.phone{width:157px; margin-right:0;} div#registration-form.form1 ul li.school{width:100%; margin-right:0;} div#registration-form.form1 ul li.city{width:193px;} div#registration-form.form1 ul li.state{width:54px;} div#registration-form.form1 ul li.zip{width:120px; margin-right:0;} /*--Form1--*/ div.form1 ul li{list-style:none; float:left; margin-right:16px; margin-bottom:18px;} div.form1 ul li.last{margin-right:0;} div.form1 ul li label{font-size:140%; color:#545454; margin-bottom:8px; display:block; font-weight:bold; letter-spacing:-1px;} div.form1 span.textbox{display:block; padding-left:6px; background:url(../images/content/form1-textbox.gif) no-repeat 0 0;} div.form1 span.textbox span.inner{display:block; padding-right:6px; background:url(../images/content/form1-textbox.gif) no-repeat right 0; height:24px;} div.form1 span.textbox span.inner input.textbox{background:none; border:0; width:100%; height:24px; line-height:24px;} div.form1 ul li input.radio{float:left; position:relative; top:3px; margin-right:5px;} /*--School Data--*/ div#school_data, div#district_data { font-size: 12px; } span.schoolName, span.districtName { font-size: 160%; } /*---- Common Boxes & Containers ----*/ /*-- 2Column-Layout2 --*/ div.two-column-layout2{ background:url(../images/content/2column-layout2-bg.gif) top left repeat-y;} /*--- Twocolumn-layout3 ---*/ div.two-column-layout3 { margin:0px;} div.two-column-layout3 div.column1{width:295px; float:left;} div.two-column-layout3 div.column2{margin:0px; width:370px; float:right;} div.two-column-layout3 p a{ text-decoration:none; color:#0350a6;} div.post div.two-column-layout3 p a{ text-decoration:none; color:#0350a6;} /*-- Section4 --*/ div.section4{ width:310px; margin-right:32px; float:left;} div.section4.last{ margin:0px;} div.section4 div.description{ width:210px; float:right;} div.section4 div.description h5 { color:#0350a6; font-size:160%; margin-bottom:10px; line-height:18px;} div.section4 div.description p{ color:#545454; font-size:120%; line-height:16px; margin-bottom:10px;} div.section4 div.description ul{ margin-bottom:10px;} div.section4 div.description ul li{ background:url(../images/content/secton4-li-bg.gif) center left no-repeat; padding-left:10px; margin-bottom:5px; color:#545454; font-size:120%;} div.section4 img{ margin-bottom:10px;} /*---- Buttons ----*/ /*---- Button1 ----*/ a.button1{ background:url(../images/content/button1.png) no-repeat left top; margin:0px auto; width:240px; height:58px; display:block; text-align:center; line-height:58px; color:#fff; font-size:140%; font-weight:bold;} a.button1:hover{ background:url(../images/content/button1.png) no-repeat left -58px; text-decoration:none;} a.button1:focus{ background:url(../images/content/button1.png) no-repeat left -116px; } a.button1.active{ background:url(../images/content/button1.png) no-repeat left -116px;} /*---- Button2----*/ a.button2 { display:block; background:url(../images/content/button2.png) no-repeat left top; float:left; padding-left:12px; height:25px; font-size:120%; } a.button2 span.inner { display:block; background:url(../images/content/button2.png) no-repeat right top; padding-right:12px; float:left; font-size:100%; margin-right:-12px; position:relative; color:#fff; line-height:22px; height:25px; font-weight:bold; } a.button2:hover { display:block; background:url(../images/content/button2.png) no-repeat left -25px; } a.button2:hover span.inner { display:block; background:url(../images/content/button2.png) no-repeat right -25px; } a.button2:focus { background:url(../images/content/button2.png) no-repeat left -50px; } a.button2:focus span.inner { display:block; background:url(../images/content/button2.png) no-repeat right -50px; } a.button2.active { display:block; background:url(../images/content/button2.png) no-repeat left -50px; } a.button2.active span.inner { display:block; background:url(../images/content/button2.png) no-repeat right -50px; } a.button2:hover{ text-decoration:none;} /*---- Button3----*/ a.button3 { display:block; background:url(../images/content/button4.png) no-repeat left top; float:left; padding-left:20px; height:58px; } a.button3 span.inner { display:block; background:url(../images/content/button4.png) no-repeat right top; padding-right:48px; float:left; font-size:240%; margin-right:-211px; position:relative; color:#fff; line-height:52px; height:58px; font-weight:bold; } a.button3:hover { display:block; background:url(../images/content/button4.png) no-repeat left -58px; } a.button3:hover span.inner { display:block; background:url(../images/content/button4.png) no-repeat right -58px; } a.button3:focus { background:url(../images/content/button4.png) no-repeat left -116px; } a.button3:focus span.inner { display:block; background:url(../images/content/button4.png) no-repeat right -116px; } a.button3.active { display:block; background:url(../images/content/button4.png) no-repeat left -116px; } a.button3.active span.inner { display:block; background:url(../images/content/button4.png) no-repeat right -116px; } a.button3:hover{ text-decoration:none;} /*---- Button4----*/ a.button4 { display:block; background:url(../images/content/button5.png) no-repeat left top; float:left; padding-left:12px; height:42px; } a.button4 span.inner { display:block; background:url(../images/content/button5.png) no-repeat right top; padding-right:39px; float:left; font-size:170%; margin-right:-145px; position:relative; color:#fff; line-height:36px; height:42px; font-weight:bold; } div.post p a.button4 span.inner { font-size:130%; } a.button4:hover { display:block; background:url(../images/content/button5.png) no-repeat left -42px; } a.button4:hover span.inner { display:block; background:url(../images/content/button5.png) no-repeat right -42px; } a.button4:focus { background:url(../images/content/button5.png) no-repeat left -84px; } a.button4:focus span.inner { display:block; background:url(../images/content/button5.png) no-repeat right -84px; } a.button4.active { display:block; background:url(../images/content/button5.png) no-repeat left -84px; } a.button4.active span { display:block; background:url(../images/content/button5.png) no-repeat right -84px; } a.button4:hover , a.button5:hover{ text-decoration:none;} /*---- Button5 ----*/ a.button5{ background:url(../images/content/button5.gif) left top no-repeat; display:block; float:left; padding-left:10px; height:20px; line-height:20px; color:#fff; font-size:120%; } a.button5 span.inner{ background:url(../images/content/button5.gif) right bottom no-repeat; display:block; float:left; padding-right:10px; height:20px; float:left; } /*---- Button5 ----*/ a.button6{background:url(../images/content/button6-bg.png) no-repeat 0 0; color:#fff; font-size:140%; padding-left:11px; display:block; margin-right:10px; } a.button6 span.inner{background:url(../images/content/button6-bg.png) no-repeat right 0; line-height:27px; height:28px; display:block; margin-right:-10px; position:relative; float:left; padding-right:11px; font-weight:bold; } a.button6:hover{text-decoration:none;} /*---- Frame ----*/ div.frame1{ border:6px solid #e6e6e6; padding:5px;} div.frame1 img.image{ margin-bottom:10px;} div.frame1 p{ font-size:110%; line-height:12px; color:#666666; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:0px;} div.frame1 p span{ color:#0350a6;} /*---- Box ----*/ /*---- Box1 ----*/ div.box1 div.top-left{ background:url(../images/content/box1-top-left.gif) left bottom no-repeat; padding-left:5px; height:4px; } div.box1 div.top-left div.top-right{ background:url(../images/content/box1-top-right.gif) right bottom no-repeat; padding-right:6px; } div.box1 div.top-left div.top-right div.top-middle { background:url(../images/content/box1-top.gif) right bottom repeat-x; height:4px; } div.box1 div.middle-left{ background:url(../images/content/middle-left.gif) left top repeat-y; padding-left:5px; } div.box1 div.middle-left div.middle-right{ background:#fffef7 url(../images/content/middle-right.gif) right top repeat-y; padding:8px 70px 15px 15px; } div.box1 div.bottom-left{ background:url(../images/content/box1-bottom-left.gif) left top no-repeat; padding-left:5px; } div.box1 div.bottom-left div.bottom-right{ background:url(../images/content/box1-bottom-right.gif) right top no-repeat; padding-right:6px; } div.box1 div.bottom-left div.bottom-right div.bottom-middle{ background:url(../images/content/box1-bottom.gif) right top repeat-x; height:6px; } /*---- Box2 ----*/ div.box2{ width:342px;} div.box2 div.bottom{ background:url(../images/content/box2-bottom.png) left bottom no-repeat; padding-bottom:14px;} div.box2 div.bottom div.middle{ background:url(../images/content/box2-middle.png) left top repeat-y; border-top:1px solid #e1e1e1; padding:18px 11px 38px 11px; position:relative;} div.box2 div.bottom div.middle span.top{ background:url(../images/content/box2-top.gif) no-repeat right top; width:23px; height:21px; display:block; position:absolute; right:0px; top:-1px;} /*---- Box3 ----*/ div.box3{ border:6px solid #e6e6e6; background:#fdfdfd; margin-bottom:5px; position:relative;} div.box3 div.inner { margin-bottom:90px; } div.box3 div.footer{background:#e4f9fe; border-top:1px solid #e6e6e6; position:absolute; left:0; bottom:0; width:100%; z-index:10; padding:14px 0;} /*---- Box4 ----*/ div.box4 div.box4-middle{ border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background:#fffdea; } div.box4 div.box4-bottom-left{ background:url(../images/content/box4-bottom-left.gif) left bottom no-repeat; padding-left:6px; height:20px; } div.box4 div.box4-bottom-left div.box4-bottom-right{ background:url(../images/content/box4-bottom-right.gif) right bottom no-repeat; padding-right:6px; height:20px;} div.box4 div.box4-bottom-left div.box4-bottom-right div.box4-bottom-middle{ background:url(../images/content/box4-bottom-middle.gif) left bottom repeat-x; height:20px;} /*---- Box5 ----*/ div.box5{ background:url(../images/content/box5-middle.gif) left top repeat-y; } div.box5 div.top{ background:url(../images/content/box5-top.gif) left top no-repeat; } div.box5 div.bottom{ background:url(../images/content/box5-bottom.gif) left bottom no-repeat; padding:14px 20px 34px 11px; } /*---- Box6 ----*/ div.box6{background:url(../images/content/box6-bg.gif) repeat-y 0 0; width:289px;} div.box6 div.top{background:url(../images/content/box6-top.gif) no-repeat 0 0;} div.box6 div.top div.bottom{background:url(../images/content/box-6-bottom.gif) no-repeat 0 bottom; padding:14px 10px 42px;} /*---- Box7 ----*/ div.box7{margin-bottom:15px;} div.box7 div.top-left{background:url(../images/content/box7-top-left.gif) no-repeat 0 bottom; padding-left:10px; height:10px; line-height:10px;} div.box7 div.top-left div.top-right{background:url(../images/content/box7-top-right.gif) no-repeat right bottom; padding-right:10px; height:10px; line-height:10px;} div.box7 div.top-left div.top-right div.top-middle{background:url(../images/content/box7-top-middle.gif) repeat-x 0 bottom; height:10px; line-height:10px;} div.box7 div.middle{background:#eefcff; border:1px solid #d7d7d7; border-width:0 1px 0 1px; padding:2px 15px 1px;} div.box7 div.bottom-left{background:url(../images/content/box7-bottom-left.gif) no-repeat 0 0; padding-left:10px; height:10px; line-height:10px;} div.box7 div.bottom-left div.bottom-right{background:url(../images/content/box7-bottom-right.gif) no-repeat right 0; padding-right:10px; height:10px; line-height:10px;} div.box7 div.bottom-left div.bottom-right div.bottom-middle{background:url(../images/content/box7-bottom-middle.gif) repeat-x 0 0; height:10px; line-height:10px;} /*---- Box8 ----*/ div.box8{position:relative; margin-bottom:10px;} div.box8 div.top-left{background:url(../images/content/box8-top-left.gif) no-repeat 0 bottom; padding-left:10px; height:10px; line-height:10px;} div.box8 div.top-left div.top-right{background:url(../images/content/box8-top-right.gif) no-repeat right bottom; padding-right:10px; height:10px; line-height:10px;} div.box8 div.top-left div.top-right div.top-middle{background:url(../images/content/box8-top-middle.gif) repeat-x 0 bottom; height:10px; line-height:10px;} div.box8 div.middle{background:#fcf9d5; border:1px solid #d7d7d7; border-width:0 1px 0 1px; padding:5px 38px 1px 15px;} div.box8 div.bottom-left{background:url(../images/content/box8-bottom-left.gif) no-repeat 0 0; padding-left:10px; height:10px; line-height:10px;} div.box8 div.bottom-left div.bottom-right{background:url(../images/content/box8-bottom-right.gif) no-repeat right 0; padding-right:10px; height:10px; line-height:10px;} div.box8 div.bottom-left div.bottom-right div.bottom-middle{background:url(../images/content/box8-bottom-middle.gif) repeat-x 0 0; height:10px; line-height:10px;} div.box8 a.close{background:url(../images/content/close.gif) no-repeat 0 0; display:block; width:16px; height:17px; position:absolute; z-index:10; right:10px;top:10px;} div.box8 p{color:#545454; font-size:120%; line-height:18px;} /*---- Box9 ----*/ div.box9 div.top-left{background:url(../images/content/box9-top-left.gif) no-repeat 0 bottom; padding-left:6px; height:5px; line-height:5px;} div.box9 div.top-left div.top-right{background:url(../images/content/box9-top-right.gif) no-repeat right bottom; padding-right:6px; height:5px; line-height:5px;} div.box9 div.top-left div.top-right div.top-middle{background:url(../images/content/box9-top-middle.gif) repeat-x 0 bottom; height:5px; line-height:5px;} div.box9 div.middle{ background:#FFF;} div.box9 div.middle div.middle-left{ background:url(../images/content/box9-middle-left.gif) repeat-y top left; padding-left:5px;} div.box9 div.middle div.middle-left div.middle-right{ background:url(../images/content/box9-middle-right.gif) repeat-y top right; padding-right:2px;} div.box9 div.bottom-left{background:url(../images/content/box9-bottom-left.gif) no-repeat 0 0; padding-left:6px; height:7px; line-height:7px;} div.box9 div.bottom-left div.bottom-right{background:url(../images/content/box9-bottom-right.gif) no-repeat right 0; padding-right:6px; height:7px; line-height:7px;} div.box9 div.bottom-left div.bottom-right div.bottom-middle{background:url(../images/content/box9-bottom-middle.gif) repeat-x 0 0; height:7px; line-height:7px;} /*---- Box10 ----*/ div.box10 div.top-left{background:url(../images/content/box10-top-left.gif) no-repeat 0 bottom; padding-left:6px; height:42px; line-height:42px;} div.box10 div.top-left div.top-right{background:url(../images/content/box10-top-right.gif) no-repeat right bottom; padding-right:6px; height:42px; line-height:42px;} div.box10 div.top-left div.top-right div.top-middle{background:url(../images/content/box10-top-middle.gif) repeat-x 0 bottom; height:42px; line-height:42px; padding:0px 5px;} div.box10 div.middle{ background:#FFF;} div.box10 div.middle div.middle-left{ background:url(../images/content/box10-middle-left.gif) repeat-y top left; padding-left:5px;} div.box10 div.middle div.middle-left div.middle-right{ background:url(../images/content/box10-middle-right.gif) repeat-y top right; padding:12px 5px 5px 10px;} div.box10 div.bottom-left{background:url(../images/content/box10-bottom-left.gif) no-repeat 0 0; padding-left:6px; height:7px; line-height:7px;} div.box10 div.bottom-left div.bottom-right{background:url(../images/content/box10-bottom-right.gif) no-repeat right 0; padding-right:6px; height:7px; line-height:7px;} div.box10 div.bottom-left div.bottom-right div.bottom-middle{background:url(../images/content/box10-bottom-middle.gif) repeat-x 0 0; height:7px; line-height:7px;} /*---- Box11 ----*/ div.box11{ background:url(../images/content/box11-middle.gif) left top repeat-y; } div.box11 div.top{ background:url(../images/content/box11-top.gif) left top no-repeat; } div.box11 div.bottom{ background:url(../images/content/box11-bottom.gif) left bottom no-repeat; padding:14px 20px 40px 18px; } /*---- Box12 ----*/ div.box12{margin:0px 20px 20px 20px;} div.box12 div.top-left{background:url(../images/content/box12-top-left.gif) no-repeat 0 bottom; padding-left:4px; height:5px; line-height:5px;} div.box12 div.top-left div.top-right{background:url(../images/content/box12-top-right.gif) no-repeat right bottom; padding-right:4px; height:5px; line-height:5px;} div.box12 div.top-left div.top-right div.top-middle{background:url(../images/content/box12-top.gif) repeat-x 0 bottom; height:5px; line-height:5px;} div.box12 div.middle{background:#fefefe; border:1px solid #dcdcdc; border-width:0 1px 0 1px; padding:0px 4px 0px 4px;} div.box12 div.bottom-left{background:url(../images/content/box12-bottom-left.gif) no-repeat 0 0; padding-left:4px; height:4px; line-height:4px;} div.box12 div.bottom-left div.bottom-right{background:url(../images/content/box12-bottom-right.gif) no-repeat right 0; padding-right:4px; height:4px; line-height:4px;} div.box12 div.bottom-left div.bottom-right div.bottom-middle{background:url(../images/content/box12-bottom.gif) repeat-x 0 0; height:4px; line-height:4px;} /*---- Box13 ----*/ div.box13 div.top{ background:url(../images/content/box13.top.gif) left top no-repeat; height:23px;} div.box13 div.bottom{ background:url(../images/content/box13-bottom.gif) left bottom no-repeat; position:relative; } div.box13 div.middle{ background:url(../images/content/box13.middle.gif) left top repeat-y; padding:14px 20px 20px 18px;} /*---- Box14 ----*/ div.box14 div.box14-top{background:url(../images/content/box14-top-left.png) no-repeat 0 top; padding-left:28px; height:28px; line-height:28px;} div.box14 div.box14-top div.box14-top-right{background:url(../images/content/box14-top-right.png) no-repeat right top; padding-right:28px; height:28px; line-height:28px;} div.box14 div.box14-top div.box14-top-right div.box14-top-middle{background:url(../images/content/box14-top-middle.png) repeat-x 0 top; height:28px; line-height:28px;} div.box14 div.box14-middle{ background:url(../images/content/box14-middle-left.png) repeat-y top left; padding-left:28px;} div.box14 div.box14-middle div.box14-middle-left{ background:url(../images/content/box14-middle-right.png) repeat-y top right; padding-right:28px; } div.box14 div.box14-middle div.box14-middle-left div.box14-middle-right{ background:#FFF; padding:10px;} div.box14 div.box14-bottom{background:url(../images/content/box14-bottom-left.png) no-repeat 0 0; padding-left:28px; height:28px; line-height:28px;} div.box14 div.box14-bottom div.box14-bottom-right{background:url(../images/content/box14-bottom-right.png) no-repeat right 0; padding-right:28px; height:28px; line-height:28px;} div.box14 div.box14-bottom div.box14-bottom-right div.box14-bottom-middle{background:url(../images/content/box14-bottom-middle.png) repeat-x 0 0; height:28px; line-height:28px} /*---- Lists ----*/ /*---- List1 ----*/ ul.list1{ margin:0px; padding:0px;} ul.list1 li{ margin:0px; padding:0px; border-bottom:1px dotted #c5c2a6; margin-bottom:8px;} ul.list1 li.last{ margin-bottom:15px;} ul.list1 li span.date-stamp{ background:url(../images/content/date-stamp-bg.png) no-repeat left top; width:50px; height:60px; display:block; float:left; font-size:140%; color:#00afce; text-align:center; padding-top:5px; line-height:16px; font-weight:normal; } ul.list1 li span.date-stamp span.date { color:#4e8d00; font-size:129%; line-height:18px; font-weight:bold;} ul.list1 li span.date-stamp span.year { font-size:72%;} ul.list1 li div.info{ width:240px; float:left; margin-bottom:8px; padding-top:4px; margin-left:10px; } ul.list1 li div.info h3{color:#0350a6; font-size:170%; margin-bottom:6px; padding:0; line-height:17px; } ul.list1 li div.info h3 a{color:#0350a6; text-decoration:none; font-weight:bold; line-height:17px; border-bottom:1px dotted transparent; } ul.list1 li div.info h3 a:hover{color:#0350a6; text-decoration:none; border-bottom:1px dotted #0350a6;} ul.list1 li div.info span.category{ display:block; background:url(../images/content/button3.png) no-repeat right top; float:left; margin: 0px 0px 3px 4px; position:relative; } ul.list1 li div.info span.category span.inner{ display:block; background:url(../images/content/button3.png) no-repeat left top; padding:0px 0px 0px 5px; margin:0px 4px 0px -5px; float:left; position:relative; font-size:110%; color:#fff; line-height:15px; font-weight:bold; } ul.list1 li div.info p{ clear:both; color:#545454; font-size:120%; margin-bottom:5px; line-height:14px;} /*---- List2 ----*/ ul.list2{ margin:0px; padding:0px;} ul.list2 li{ margin:0px; padding:0px; background:url(../images/content/check.gif) no-repeat left top; padding-left:15px; margin-bottom:10px; color:#545454; font-size:120%;} /*---- List3 ----*/ ul.list3{ margin:0px; padding-left:3px;} ul.list3 li{ background:url(../images/content/list3-li-bg.gif) no-repeat left center; padding-left:15px; margin-bottom:10px; color:#545454; font-size:110%; font-weight:bold;} /*---- List4 ----*/ ul.list4 li{ background:url(../images/content/list4-icon.gif) left 6px no-repeat; padding-left:13px; margin-bottom:10px; color:#545454; line-height:22px; font-size:140%;} /*---- List5 ----*/ ul.list5 li{ background:url(../images/content/list4-icon.gif) left 4px no-repeat; padding-left:13px; margin-bottom:7px;} ul.list5 li p{ color:#545454; line-height:17px; font-size:117%;} /*---- List6 ----*/ ul.list6{ margin-left:23px;} ul.list6 li{ background:url(../images/content/list3-li-bg.gif) no-repeat left center; padding-left:15px; color:#545454; line-height:18px; font-size:120%; margin-bottom:20px;} /*---- Tabs-Strip2 ----*/ ul.tabs-strip1 { position:absolute; right:7px; top:10px; } ul.tabs-strip1 li{ float:left; } ul.tabs-strip1 li a{ display:block; float:left; background:url(../images/content/controls.gif) left bottom no-repeat; height:16px; width:16px; padding:0; } ul.tabs-strip1 li.ui-state-hover a , ul.tabs-strip1 li.ui-state-active a{ text-decoration:none; background:url(../images/content/controls.gif) left top no-repeat; } ul.tabs-strip2 { margin-top:13px; float:right;} ul.tabs-strip2 li{ float:left; } div.controls a, ul.tabs-strip2 li a{ display:block; float:left; background:url(../images/content/controls2.gif) left bottom no-repeat; height:16px; width:16px; padding:0; } ul.tabs-strip2 li a:hover { text-decoration:none;} div.controls a.activeSlide , ul.tabs-strip2 li.ui-state-hover a , ul.tabs-strip2 li.ui-state-active a{ text-decoration:none; background:url(../images/content/controls2.gif) left top no-repeat; } /*---- Table1 ----*/ .table1{ margin-bottom:10px; border:1px solid #D1D1D1; text-align:left; width:100%; font-size:110%;} .table1 th{color:#191919; font-weight:bold; padding:9px 10px; text-align:left; } .table1 td{border-top:1px solid #E7E7E7; padding:6px 10px; text-align:left;} .table2{ border-collapse: collapse; margin-bottom:10px; text-align:left;} .table2 th{color:#fff; background-color: #000; border-left: 1px solid #000; font-weight:bold; text-align:left; padding-top: 3px; padding-bottom: 3px;} .table2 td{border:1px solid #d3d3d3; text-align:left; padding: 3px;} .video-overlay { padding:40px; display:none; z-index:10000; } .video-overlay .close { background:url(../images/content/close.png) no-repeat;position:absolute; top:42px; right:46px; display:block; width:35px; height:35px; cursor:pointer; } .video-overlay #flv-player { display:block; } /*------------------------------------------ // 4.1 INDEX PAGE SPECIFIC STYLES //------------------------------------------*/ body.home div#main { float:right; width:582px; padding:0px;} body.home div#sidebar { float:left; width:342px; margin:0px 16px 0px 0px; padding:0px;} /*---- Main - Featured Products ---*/ div#featured-products { width:280px; float:left; margin-right:20px; position:relative; } div#main div#featured-products h2{ color:#4e8d00; font-size:240%; margin-bottom:18px; font-weight:normal;} div#featured-products div.box3 { padding:15px 5px 0px 17px;} div#featured-products div.box3 .ui-state-default { display:none; } div#featured-products div.tab-content img{ float:left; margin-right:8px; display:block;} div#featured-products div.discription h3{ color:#0350a6; font-size:140%; font-weight:bold; margin-bottom:8px;} div#featured-products div.discription p{ color:#545454; font-size:120%; margin-bottom:8px;} div#featured-products div.discription a.button2{ margin-bottom:10px;} /*---- Main - Testimonials ---*/ div#testimonials {float:left; margin-bottom:11px; position:relative; width:280px; } div#main div#testimonials h2{ color:#0350a6; font-size:240%; margin-bottom:18px; font-weight:normal;} div#main div#testimonials img{ display:block;} div#main div#testimonials p a.read-more{ margin-right:5px; font-family:Georgia, "Times New Roman", Times, serif; } div#testimonial-video a.button4 { position:absolute; top:56px; left:56px; } /*---- Main - Tabs ---*/ /*---- Main -Tabs - Tab-Stirp ---*/ div.tabs{ clear:both;} div.tabs ul.tabs-strip li{ float:left; } div.tabs ul.tabs-strip li a{ float:left; display:block; height:34px; background:url(../images/content/tabs.gif) left top no-repeat; padding-left:9px; line-height:39px; font-size:110%; color:#4e8d00; font-weight:bold; } div.tabs ul.tabs-strip li span.inner{ float:left; display:block; height:34px; background:url(../images/content/tabs.gif) right -34px no-repeat; padding-right:9px; } div.tabs ul.tabs-strip li.ui-state-hover a , div.tabs ul.tabs-strip li#first-tab.ui-state-hover a { background:url(../images/content/tabs.gif) left -68px no-repeat; text-decoration:none; color:#0350a6; } div.tabs ul.tabs-strip li.ui-state-active a span.inner , div.tabs ul.tabs-strip li.ui-state-hover a span.inner , div.tabs ul.tabs-strip li#last-tab.ui-state-hover a span.inner , div.tabs ul.tabs-strip li#first-tab.ui-state-hover a span.inner ,div.tabs ul.tabs-strip li#last-tab.ui-state-active a span.inner{ background:url(../images/content/tabs.gif) right -102px no-repeat; } div.tabs ul.tabs-strip li.ui-state-active a , div.tabs ul.tabs-strip li#first-tab.ui-state-active a{ color:#cc0000; background:url(../images/content/tabs.gif) left -68px no-repeat; text-decoration:none; } div.tabs ul.tabs-strip li#first-tab a { background:url(../images/content/left-tab.gif) left top no-repeat; } div.tabs ul.tabs-strip li#last-tab a { padding-left:13px; } div.tabs ul.tabs-strip li#last-tab a span.inner{ background:url(../images/content/right-tab.gif) right top no-repeat; padding-right:12px; } div.tabs div.tab-content.ui-tabs-hide{display:none;} /*---- Main -Tabs - Tab-Content ---*/ div.tabs div.tab-content-top { background:url(../images/content/tab-content-middle.gif) repeat-y left top; } div.tabs div.tab-content-top div.tab-content-bottom{ background:url(../images/content/tab-content-top.gif) no-repeat left top; } div.tabs div.tab-content-top div.tab-content-bottom div.tab-content-middle {background:url(../images/content/tab-content-bottom.gif) no-repeat left bottom; padding:18px 15px 9px 15px; } div.tabs div.tab-content-top div.tab-content-bottom div.tab-content div.section1{ width:265px; margin-right:35px; float:left;} div.tabs div.tab-content-top div.tab-content-bottom div.tab-content div.section2{ width:248px; float:left;} div.tabs div.tab-content-top div.tab-content-bottom div.tab-content div.section2 p{ line-height:18px; margin-bottom:10px;} div.tabs div.tab-content-top div.tab-content-bottom div.tab-content p{ color:#545454; font-size:120%; margin-bottom:17px; line-height:16px;} div.tabs div.tab-content-top div.tab-content-bottom div.tab-content a.button2{ margin-bottom:10px;} /*------------------------------------------ // 5.1 INNER PAGE SPECIFIC STYLES //------------------------------------------*/ div.box8 ul.list4{ list-style:none; margin-left:0px; } /*---- Superviosion ---*/ div#breadcrumbs p{ font-size:120%; color:#0350a6; line-height:28px; } div#breadcrumbs p a{ background:url(../images/content/arrow.gif) right 7px no-repeat; padding-right:10px; margin-right:8px; color:#444444; } /*---- Teaching Superviosion ---*/ div#teaching-supervision { width:700px; float:left; } div#teaching-supervision h4 { color:#0350A6; } div#teaching-supervision div.box3{ width:268px; height:144px; margin:0px 22px 10px 0px; } div#teaching-supervision div.box3 div.video{ position:relative; } div#teaching-supervision div.box3 div.video a.button4 { position:absolute; left:40px; top:50px; } div#teaching-supervision a.readmore{ line-height:22px; background:url(../images/content/arrow1.gif) right center no-repeat; padding-right:12px; color:#0350a6; font-size:140%; font-weight:bold; } /*---- Adevrtiesment ---*/ div.ad { margin-top:26px; width:190px; } div.ad div.photo{ margin-bottom:6px; text-align:center; } div.ad div.photo img{ vertical-align:bottom; background:#43a6dd; padding:3px; border:1px solid #0c8acf; } div.ad a.zoom { float:right; background:url(../images/content/magnifing.gif) right center no-repeat; font-weight:bold; text-decoration:none; padding-right:20px; text-transform:uppercase; font-size:110%; color:#0350a6; line-height:22px; } /*---- Shopping Form ---*/ div#shopping-form { width:192px; margin-top:15px; } div#shopping-form div.inner p{ font-size:120%; color:#cc0000; background:url(../images/content/border.gif) left top repeat-x; padding:8px; } div#shopping-form div.inner p span.price{ font-size:120%; color:#4e8d00; margin:4px 0px 0px 0px; float:left; } div#shopping-form div.inner p label{ margin-right:10px; font-weight:bold; float:right; margin-top:4px; } div#shopping-form div.inner input.textbox{ background:url(../images/content/small-textbox.gif) left top no-repeat; border:0px; width:19px; height:12px; padding:5px; font-size:140%; color:#7a7a7a; float:right; } /*---- Professional Development ---*/ div.accordion1{ clear:both; margin-bottom:26px; } div#professional-development h1{ font-size:240%; color:#cc0000; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:26px; margin-bottom:14px; } div.accordion1 div.content { padding:17px 17px 10px; max-height: 300px; overflow-y: auto; } div.accordion1 div.box4 h4{ line-height:21px; font-size:140%; color:#0350a6; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; margin-bottom:0px; background:url(../images/content/box4-h4-bg.gif) top left repeat-x #e8e8e8; padding:10px 17px 9px 17px; cursor:pointer; } div.accordion1 div.box4 h4.ui-state-active span.ui-icon { background:url(../images/content/arrow-open.png) left top no-repeat; width:23px; height:23px; overflow:hidden; } div.accordion1 div.box4 h4 span.ui-icon{ background:url(../images/content/arrow-close.png) left top no-repeat; width:23px; height:23px; overflow:hidden; } div.accordion1 div.box4 h4 span.ui-icon { display:block; float:right; width:23px !important; height:23px !important; overflow:hidden; } div.accordion1 div.box4 div.section { width:492px; float:left; } div.accordion1 div.box4 div.section1 p, div.accordion1 div.box4 div.section p{ color:#545454; font-size:120%; line-height:18px; margin-bottom:14px; } div.accordion1 div.box4 div.section1{ float:right; width:380px; } div.accordion1 div.box4 div.section1 ol{ list-style: decimal; margin-left: 18px; } div.accordion1 div.box4 div.section1 li{ color:#545454; font-size:120%; margin-bottom:4px; } div.accordion1 div.box4 p span.read-more{ float:left; font-size:120%; color:#545454; line-height:24px; margin-right:5px; font-weight:bold; } /*---- Want Professional Development ---*/ div#want-pd { padding-top: 15px; } div#want-pd h1{ color:#ff0000; font-size:240%; line-height:30px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:5px; } div#pd_link { padding-top: 15px;} h3.bigCufon{ color:#ff0000; font-size:240% !important; line-height:30px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:5px; } h3.bigCufon a, h3.bigCufon a:link, h3.bigCufon a:visited { color:#ff0000; } /*---- Leading Collection ---*/ div#leading-collection { clear:both; } div#leading-collection h1{ color:#4e8d00; font-size:240%; line-height:30px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:16px; } div#leading-collection div.section { width:282px; float:left; margin-right:30px; } div#leading-collection div.section.last{ margin-right:0px; } div#leading-collection div.section img{ float:left; margin:0px 10px 10px 0px; } div#leading-collection div.section h5{ font-size:140%; color:#0350a6; line-height:16px; margin-bottom:10px; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; } div#leading-collection div.section h5 a{ color:#0350a6; } div#leading-collection div.section p{ font-size:120%; color:#545454; line-height:16px; margin-bottom:16px; } div#leading-collection div.section a.button5{ margin:6px 44px 0px 0px; } div#leading-collection div.section span.more-info{font-size:120%; color:#545454; display:block; float:left; margin-right:10px; line-height:25px;} div#leading-collection p.divider{background:url(../images/content/leading-collection-divider.gif) repeat-x 0 0; height:25px;} /*------------------------------------------ // 5.2 PD-Home PAGE SPECIFIC STYLES //------------------------------------------*/ body.pd-home div.post h1{font-size:240%; color:#0350a6; font-weight:lighter; margin-bottom:5px;} div.three-column-layout1 h2{font-size:160%; color:#4e8d00; margin-bottom:13px;} div.three-column-layout1 h3{font-size:180%; font-weight:normal; color:#cc0000; margin-bottom:10px; padding-left:5px;} div.three-column-layout1 div.box3 {padding:10px 10px 0; min-height:455px; margin-bottom:20px;} div.three-column-layout1 div.box3 h4{font-size:140%; color:#333333; margin-bottom:10px;} div.three-column-layout1 div.box3 p{font-size:110%; color:#545454; line-height:20px; margin-bottom:10px;} div.three-column-layout1 div.box3 div.benifits { background:url(../images/content/box3-p-bg.gif) repeat-x 0 top; padding-top:10px; } div#conferences a.button6{margin-left:53px;} div#training-center a.button6{margin-left:25px;} div#training-sessions a.button6{margin-left:50px;} div.three-column-layout1 div.box6{margin-left:5px;} div.three-column-layout1 div.box6 a.button2{font-size:110%;} div.box6 ul.list1 li div.info{width:208px; margin-left:10px; } /*--- Training-events---*/ div#training-events{width:258px; margin-bottom:5px;} div#training-events div.section1 { padding:10px 10px 0px 10px;} div#training-events div.section1 h2{color:#666666; font-size:180%; line-height:20px; font-weight:normal; text-align:center; margin-bottom:10px;} div#training-events div.section2{background:#e4f9fe; border-top:1px solid #e6e6e6; padding:13px 8px 10px;} div#training-events div.section2 p{color:#666; font-size:110%; line-height:13px; text-align:center;} div#training-events div.section2 p a{color:#0073b2; font-weight:normal;} /*------------------------------------------ // 5.3 PDS PAGE SPECIFIC STYLES //------------------------------------------*/ div#leadership{width:642px; float:left; margin-bottom:30px;} div.post ul.list3{list-style:none; margin:0 0 20px 0; padding:0;} div.post ul.list3 li{font-size:140%; margin-bottom:5px;} div.post ul.list3 li a{color:#545454;} div.post div.box7 h2{color:#cc0000; font-weight:normal;} div#leadership h4 { color:#0350A6; } div#leadership h3{margin-bottom:10px;} div.accordion h3 { font-size:100%; } div.accordion h3 a{background:url(../images/content/arrow1.gif) no-repeat right center; padding-right:15px; font-size:140%; font-weight:bold; display:inline-block; line-height:15px;} div.accordion h3.active a{background:url(../images/content/arrow1-active.gif) no-repeat right center;} div#leading-collection ul.list3{ margin-bottom:20px; } div#leading-collection ul.list3 li{ background:url(../images/content/list3-li-bg2.gif) no-repeat left center; padding-left:10px; margin-bottom:5px; color:#545454; font-size:120%;} div#leading-collection ul.list3 li a{color:#545454; } div#leading-collection div.section div.description{width:187px; float:left;} /*--- sign-up---*/ div#sign-up{width:258px; margin-bottom:15px;} div#sign-up div.section1{padding:10px 7px; } div#sign-up div.section1 h2{color:#cc0000; font-size:166%; font-weight:normal; margin-bottom:5px;} div#sign-up div.section1 p{color:#666; font-size:100%; line-height:14px; text-align:center; line-height:15px; font-weight:normal; } div#sign-up div.section2{background:#e4f9fe; border-top:1px solid #e6e6e6; padding:13px 8px 10px;} div#sign-up div.section2 p{font-size:120%; font-weight:bold; text-align:center; color:#999; line-height:15px; margin-bottom:10px; text-transform:uppercase;} div#sign-up div.section2 p span{color:#666666; font-size:140%;} div#sign-up div.section2 p.divider{background:url(../images/content/section3-divider.gif) repeat-x 0 bottom; height:15px; margin-bottom:10px; position:relative;} div#sign-up div.section2 p.divider span.or{display:block; background:#e4f9fe; width:32px; z-index:10; position:absolute; left:100px; top:5px; line-height:16px; font-style:italic; color:#999; font-size:100%; font-weight:bold;} div#sign-up div.section2 a.button6{margin-left:10px; cursor:pointer;} div#sign-up div.section3{background:#f3f7fd; border-top:1px solid #e6e6e6; padding:13px 8px 10px;} div#sign-up div.section3 p{color:#666; font-size:120%; line-height:14px; text-align:center; line-height:18px;} div#sign-up div.section3 p a{color:#0073b2; font-weight:bold;} /*--- Training-details ---*/ div#training-details{width:258px; } div#training-details div.details{padding:10px 8px 5px;} div#training-details div.details p{font-size:110%; margin-bottom:8px; color:#666; line-height:15px;} div#training-details div.details p a{color:#0350a6;} /*-- training-form--*/ div#training-form{background:#f6fcfd; padding:10px 8px 1px; border-top:1px solid #e6e6e6;} div#training-form ul li{list-style:none; padding-bottom:10px; background:url(../images/content/training-form-li-bg.gif) repeat-x 0 bottom; padding-left:5px; margin-bottom:10px;} div#training-form ul li.last{background:none; margin:0;} div#training-form ul li label{font-size:120%; font-weight:bold; color:#cc0000; display:block; float:left; line-height:25px;} div#training-form ul li label span{color:#4e8d00; font-size:120%; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;} div#training-form ul li.date label{width:45px;} div#training-form ul li select.select-box{display:block; height:25px; float:left; line-height:25px; } div#training-form ul li.quantity label{ margin-right:5px; } div#training-form ul li input.textbox{ background:url(../images/content/small-textbox.gif) left top no-repeat; border:0px; width:19px; height:12px; padding:5px; font-size:140%; color:#7a7a7a; float:left; } div#training-form ul li input.submit{margin-left:50px;} /*------------------------------------------ // 5.4 ABOUT-US PAGE SPECIFIC STYLES //------------------------------------------*/ div#main div.post ul.list4{ list-style:none; margin:0px 0px 25px 18px;} div#sidebar div.box9{ margin-bottom:25px;} div#sidebar div.box10 h2{ color:#4e8d00; font-size:140%; line-height:42px;} div#sidebar div.box10{ margin-bottom:20px;} div#sidebar div.box10 img{ float:left;} div#sidebar div.box10 div.description{ width:130px; float:right;} div#sidebar div.box10 div.description h3{ color:#0350a6; font-size:140%; line-height:18px;} div#sidebar div.box10 div.description p{ color:#545454; line-height:16px; font-size:120%; margin-bottom:10px;} /*------------------------------------------ // 6.1 CALENDAR PAGE SPECIFIC STYLES //------------------------------------------*/ /*--- Clendar Tabs---*/ div.calendar-tabs{ width:950px;} ul.tabs-strip3 { position:relative; margin-left:-15px;} ul.tabs-strip3 li{ float:left; } ul.tabs-strip3 li a{ float:left; display:block; height:48px; padding-left:9px; line-height:48px; font-size:140%; color:#0350a6; font-weight:bold; text-decoration:none; } ul.tabs-strip3 li a span.inner{ float:left; display:block; padding:0px 15px; position:relative;} ul.tabs-strip3 li#list-view-tab.ui-state-active a{ background:url(../images/content/calendar-tabs-list.gif) left top no-repeat; text-decoration:none; color:#cc0000; } ul.tabs-strip3 li#list-view-tab.ui-state-hover a { background:url(../images/content/calendar-tabs-list.gif) left top no-repeat; text-decoration:none; color:#cc0000; } ul.tabs-strip3 li#list-view-tab.ui-state-active a span.inner{ background:url(../images/content/calendar-tabs-list.gif) right bottom no-repeat; } ul.tabs-strip3 li#list-view-tab.ui-state-hover a span.inner{ background:url(../images/content/calendar-tabs-list.gif) right bottom no-repeat; } ul.tabs-strip3 li#calendar-view-tab.ui-state-active a { background:url(../images/content/calendar-tabs-view.gif) left top no-repeat; text-decoration:none; color:#cc0000; } ul.tabs-strip3 li#calendar-view-tab.ui-state-hover a:hover { background:url(../images/content/calendar-tabs-view.gif) left top no-repeat; text-decoration:none; color:#cc0000; } ul.tabs-strip3 li#calendar-view-tab.ui-state-active a span.inner{ background:url(../images/content/calendar-tabs-view.gif) right bottom no-repeat; } ul.tabs-strip3 li#calendar-view-tab.ui-state-hover a span.inner{ background:url(../images/content/calendar-tabs-view.gif) right bottom no-repeat; } ul.tabs-strip3 li#search-event-tab.ui-state-active a{ background:url(../images/content/calendar-tabs-view.gif) left top no-repeat; text-decoration:none; color:#cc0000; } ul.tabs-strip3 li#search-event-tab.ui-state-hover a { background:url(../images/content/calendar-tabs-view.gif) left top no-repeat; text-decoration:none; color:#cc0000; } ul.tabs-strip3 li#search-event-tab.ui-state-active a span.inner{ background:url(../images/content/calendar-tabs-view.gif) right bottom no-repeat; } ul.tabs-strip3 li#search-event-tab.ui-state-hover a span.inner{ background:url(../images/content/calendar-tabs-view.gif) right bottom no-repeat; } ul.tabs-strip3 li#list-view-tab a span.inner span{ background:url(../images/content/calendar-list-bg.gif) no-repeat left center; display:block; padding-left:20px; line-height:48px;} ul.tabs-strip3 li#calendar-view-tab a span.inner span{ background:url(../images/content/calendar-veiw-bg.gif) no-repeat left center; display:block; padding-left:30px; line-height:48px;} ul.tabs-strip3 li#search-event-tab a span.inner span{ background:url(../images/content/calendar-search-bg.gif) no-repeat left center; display:block; padding-left:30px; line-height:48px;} div.calendar-tabs div.left{background:url(../images/content/calendar-tab-left.gif) no-repeat left bottom; padding-left:6px;} div.calendar-tabs div.left div.right{background:url(../images/content/calendar-tab-right.gif) no-repeat right bottom; padding-right:6px; } div.calendar-tabs div.left div.right div.middle { background:url(../images/content/calendar-tab-middle.gif) repeat-x left top; height:48px; padding:0px 9px;} /*--- Clender Tabs Content---*/ div.calendar-tabs div.tab-content-top{ background:url(../images/content/calendar-tab-content-top.gif) repeat-y left top; line-height:50px;} div.calendar-tabs div.tab-content-top div.tab-content-middle{ background:url(../images/content/calendar-tab-content-middle.gif) repeat-y left top; } div.calendar-tabs div.tab-content-top div.tab-content-middle div.tab-content-bottom{ background:url(../images/content/calendar-tab-content-bottom.gif) no-repeat left bottom; padding:10px 1px 10px 1px;} /*--- Clender Tabs Content List View---*/ div.calendar-tabs div.tab-content ul.list1{ margin-bottom:27px;} div.calendar-tabs div.tab-content ul.list1 li{ margin:0px; padding:10px 12px 8px 12px;} div.calendar-tabs div.tab-content ul.list1 li.alt{ background:#f1f1f1;} div.calendar-tabs div.tab-content ul.list1 li.last{ border-bottom:0px;} div.calendar-tabs div.tab-content ul.list1 li div.info{ width:855px;} div.calendar-tabs div.tab-content ul.list1 li div.info p a.read-more{ background:url(../images/content/arrow1.png) no-repeat right center; display:inline-block; color:#0350a6; padding-right:20px; font-size:100%; text-decoration:none;} div.calendar-tabs div.tab-content ul.list1 li div.info p a:hover.read-more{ text-decoration:none; border-bottom:0px;} div.calendar-tabs div.tab-content div.pagination{ text-align:right; line-height:14px; padding-right:18px;} div.calendar-tabs div.tab-content div.pagination a{ color:#0350a6; font-size:120%; text-decoration:none; padding:0px 3px; } div.calendar-tabs div.tab-content div.pagination a:hover, div.calendar-tabs div.tab-content div.pagination a.active{ color:#333333;} /*---- Calendar Tabs Content Calandar View----*/ div#calendar-view table{background:#f3f3f3; width:100%;} div#calendar-view table td{padding:5px;} div#calendar-view table td.previous, div#calendar-view table td.next{ text-align:center; vertical-align:middle; padding:10px 0px; background:#f3f3f3; height:auto;} div#calendar-view table td.previous a:hover, div#calendar-view table td.next a:hover { border:0px; } div#calendar-view table td.caption{ color:#0350a6; font-size:140%; font-weight:bold; text-align:center; vertical-align:middle; background:#f3f3f3; height:auto;} div#calendar-view table th{background:#0350a6; padding:0 5px; text-align:center; font-size:120%; font-weight:bold; color:#fff; } div#calendar-view table td{background:#fcf9d5; width:126px; height:98px;} div#calendar-view table td.other-month{ background:#ebebeb; color:#d4d1c1;} div#calendar-view table td.current{background:#ebe8c1; color:#514d4b; font-weight:bold;} div#calendar-view table td ul{padding:2px 0px;} div#calendar-view table td ul li{} div#calendar-view table td ul li h5{ color:#0350a6; font-size:120%;} div#calendar-view table td ul li span{ font-size:110%; color:#666666; display:block; margin-bottom:5px; font-style:italic; } div#calendar-view table td ul li p{font-size:110%; color:#666666;} /*--- Calendar Tabs Content Search Event---*/ div.calendar-tabs div.tab-content div.box7{ padding:0px 20px 20px 20px; border-bottom:1px solid #d7d7d7;} div.calendar-tabs div.tab-content div.box7 h3{ color:#7f8081; font-size:180%;} div#search-event-form{ float:left; width:220px; margin-top:10px;} div#search-event-form p span.text-box{background:url(../images/content/search-event-form.png) no-repeat left top; display:block; float:left; width:187px; } div#search-event-form p span.text-box input.text-box{ background:none; border:none; font-size:110%; font-family:Verdana, Geneva, sans-serif; color:#8a8a8a; padding:4px 0px 4px 22px; height:13px; width:160px; font-style:italic; float:left;} div#search-event-form p span { display:block; float:left;} div#search-event-form p span input.submit-btn{ background:url(../images/content/search-event-form-right.png) no-repeat left top; border:none; float:left; width:20px; height:21px; cursor:pointer;} div.calendar-tabs div.tab-content h2{ color:#545454; font-size:210%; margin-bottom:15px; padding-left:20px;} div.calendar-tabs div.tab-content h2 span{color:#da4444;} /*------------------------------------------ // 5.5 PRODUCT-COLLECTION PAGE SPECIFIC STYLES //------------------------------------------*/ div.book-lists p.divider{ background:url(../images/content/section4-divider.gif) top left repeat-x; height:28px;} div.post ul.list5{ list-style:none;} /*------------------------------------------ // 5.6 FAQ PAGE SPECIFIC STYLES //------------------------------------------*/ div#faq div.post p{ font-size:120%; color:#545454; line-height:18px; margin-bottom:20px;} div#faq ul.list6{ margin:0px 0px 0px 23px; list-style:none;} /*------------------------------------------ // 5.7 CONTACT PAGE SPECIFIC STYLES //------------------------------------------*/ div#contact-form{ top:-28px; position:relative;} div#contact-form h4{ font-size:180%; color:#0350a6; margin-bottom:20px; padding-bottom:1px; } div#contact-form div.form ul{ margin:0px 0px 0px 0px;} div#contact-form div.form ul li{ list-style:none; margin-bottom:8px;} div#contact-form div.form ul li label{color:#545454; font-size:117%; display:block; margin-bottom:8px; padding-left:2px; margin-bottom:15px;} div#contact-form div.form ul li span.textbox{ background:url(../images/content/text-box.gif) top left no-repeat; padding-left:10px; position:relative; display:block; } div#contact-form div.form ul li span.textbox span{ background:url(../images/content/text-box.gif) top right no-repeat; height:26px; display:block; position:relative; padding-right:10px;} div#contact-form div.form ul li span.textbox span input.textbox{ padding-top:4px; background:none; width:100%; border:0; font-size:140%; color:#545454;} div#contact-form div.form ul li span.textarea{ width:338px; display:block;} div#contact-form div.form ul li span.textarea span.middle{background:url(../images/content/text-area-middle.gif) repeat-y left top; border-bottom:1px solid #e4e7e9; display:block; display:block;} div#contact-form div.form ul li span.textarea span.middle span.top{background:url(../images/content/text-area-top.gif) no-repeat left top; display:block;} div#contact-form div.form ul li span.textarea span.middle textarea.textarea{ border:none; background:none; width:318; height:110px; border:0px; padding:5px 10px; width:328px; color:#545454;} div#contact-form div.form ul li input.submit-btn{ background:url(../images/content/submit-btn.png) no-repeat left top; width:170px; height:27px; border:none; cursor:pointer; } /*------------------------------------------ // 5.8 QUOTE PAGE SPECIFIC STYLES //------------------------------------------*/ div.user-controls { float:left; } div.user-controls ul { margin:0; } div.user-controls ul li { border-right:#d7d7d7 1px solid; padding:9px 11px 8px 7px; float:left; list-style:none; margin:-4px 0 -5px; position:relative; } div.user-controls ul li a { float:left; display:block; } div.user-controls ul li a.pause-btn { padding:0 5px 0 8px; background:url(../images/content/pause-btn.gif) no-repeat 8px top; width:9px; height:20px; display:block; } div.user-controls ul li a.play { padding:0 5px 0 8px; background:url(../images/content/play-btn.jpg) no-repeat 8px top; width:9px; height:20px; display:block; } div.user-controls ul li a.next-btn { padding:0 1px 0 6px; } div.controls { float:right; padding-right:12px; padding-top:5px; } div.slides div.slide { padding-top:10px; } div#videosContainer { width: 570px; } div#videosContainer #videoPlayer { display: block; width: 570px; height: 412px; } div#videosContainer #videoThumbnails { height: 300px; overflow-y: scroll; } div#videosContainer #videoThumbnails tr { cursor: pointer; } div#videosContainer #videoThumbnails td { vertical-align: middle; border-bottom: 1px solid #666; } div#videosContainer #videoThumbnails img { width: 220px; } span.small-caps { font-variant: small-caps; } /*------------------------------------------------- // District Data specific //-------------------------------------------------*/ div.accordion h3 a.no_bg { background-image: none; } div#tab-demographics ul { list-style: disc; margin-left: 15px; } span.data_link { color: blue; } /*------------------------------------------------- // Growl specific //-------------------------------------------------*/ div.growlUI { background: url(/interface/images/check.png) no-repeat 10px 10px } div.growlUI h1, div.growlUI h2 { color: white; padding: 5px 5px 5px 75px; text-align: left } /*------------------------------------------------- // Growl specific //-------------------------------------------------*/ .blockui_close { position: relative; left: 780px; background-image: url(http://www.learningfocused.com/interface/images/prettyPhoto-3.0.3/facebook/sprite.png); background-repeat: no-repeat; height: 25px; width: 25px; cursor: pointer; }