/* screen styles from template version 1.0 */ /* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */ /* Table of Contents Non-displaying Elements Layout Page Specific Layout Typography and Inline Elements Page Specific Typography Navigation Specific Nav Button Styling */ /* Non-displaying Elements*/ /* *************************************************************************************** */ #search label, #accessibility, #nav hr {display:none;} #nav-main a {text-indent:-9999px; overflow:hidden} /* moves text inside menu anchors off screen. Remove if not using graphics for menu links. */ /* Layout */ /* *************************************************************************************** */ html { background: #01245c url(images/bg-1.jpg) repeat-x; } body { font-size:0.875em; /* makes font a specific size... must find it... */ text-align:center; padding: 10px 0px; background: url(images/bg-2.jpg) no-repeat center 0px; } #container { height:auto; margin:0 auto; position:relative; text-align:left; width:860px; } #branding { position:relative; height:120px; width:860px; background: #FFF url(images/top.jpg) no-repeat; } #branding-logo img { margin:6px 0 0 3px } #programs { height:186px; } #search { background: url(images/search.gif); height: 46px; width: 215px; padding-left:645px; padding-top:6px; overflow:hidden; } #search-form {} #search-field {height:20px;} #search-submit { color: #04306D; font-weight: bold; background-color:transparent; font-size:.8em; font-weight:bold; padding-top:5px; text-transform:uppercase } #content { background-color:#FFF; padding:20px 20px 10px; margin-bottom:6px; } #column-left {display:table-cell; margin:0 225px 0 165px;} #column-right { display:table-cell; float:right; width:203px; padding:0 0 0 20px; } #lower_pic { width:276px; height:246px; position:absolute; bottom:0; right:0; background-image:url(images/home_corner_pic.gif) } #footer { background: url(images/footer.jpg); height: 29px; width: 630px; font-size: 0.7em; font-weight: bold; color: #04306D; padding-top: 3px; padding-left: 230px; } #site-made-by { position:absolute; right: 10px; bottom: 4px } /* Page Specific Layout */ /* use a class on the body to change specific parts of the layout based on portions of the website (e.g. user vs. admin) */ #programs.horse_program { background: url(images/home_image.jpg) no-repeat; } .layout-home #branding {height:102px;} .layout-home #branding {background: #FFF url(images/top-home.jpg) no-repeat;} .layout-home #content {padding-right:260px; font-weight:bold; color: #04306D;height:170px} * > .layout-home #content {min-height:170px; height:auto} .layout-inside_no_nav #column-left{ margin-left: 0px; } /* Typography and Inline Elements */ /* *************************************************************************************** */ h1 {} h2 {} h3 {} p {} /* Page Specific Typography */ /* use a class on the to change specific typographic elements (e.g.

backgrounds) / .layout-home h1 {display:none} / Navigation / / placement of navigation / / *************************************************************************************** / #nav-main { position:absolute; top:6px; left:188px; height:62px; width:672px; background-color: #FFF; overflow:hidden; } #nav-main ul {} #nav-main a {display:block; float:left; height: 36px; background-image:url(images/nav-main-buttons.gif); background-repeat:no-repeat} #nav-secondary { position:absolute; top:73px; left:51px; height: 32px; width: 700px; } #nav-secondary a#home-link {border-left:none; padding-left:0} #nav-secondary a:link, #nav-secondary a:visited { font-weight: bold; text-transform: capitalize; color: #04306D; text-decoration: none; border-left: 2px solid #04306D; padding: 0px 7px; height: 1em; display: block; float: left; line-height: 1em; } #nav-secondary a:hover, #nav-secondary a:active {color: #5E81A7;} #nav-main ul, #nav-main li, #nav-secondary ul, #nav-secondary li {/ fix IE6 and IE7 List bug / display: inline; } #nav-inside { background-color:#F4F8FB; float:left; font-size: 0.8em; display: table-cell; padding:1em 0 0 30px; margin:0 0 1em -20px; width: 150px; background-image: url(images/box-rounded_blue_top.gif); background-repeat: no-repeat; background-position: right top; } > #nav-inside {padding-left:10px; margin-right:20px} #nav-inside ul { padding-bottom:1em; background-image: url(images/box-rounded_blue_bottom.gif); background-repeat: no-repeat; background-position: right bottom; padding-right:0.5em; } #nav-inside ul { list-style: outside; margin-left: 1em; line-height: 1.4em; } #nav-inside li { margin-bottom: .5em; } /* Specific Nav Button Styling / / used if buttons use images instead of text or combined with text */ #btn-school {width:81px; background-position:0 0;} #btn-medical_phychiatric_services {width:213px; background-position:-81px 0;} #btn-deaf_program {width:116px; background-position:-294px 0} #btn-enrichment_program {width:166px; background-position:-410px 0} #btn-cottage_life {width:91px; background-position:-575px 0} #btn-ly_chrisis_center {width:216px; background-position:0px -36px} #btn-development {width:105px; background-position:-216px -36px} #btn-employment {width:103px; background-position:-321px -36px} #btn-foster_grandparents {width:172px; background-position:-424px -36px} #btn-school:focus, #btn-school:hover, #btn-school:active {background-position:0 -62px;} #btn-medical_phychiatric_services:focus, #btn-medical_phychiatric_services:hover, #btn-medical_phychiatric_services:active {background-position:-81px -62px;} #btn-deaf_program:focus, #btn-deaf_program:hover, #btn-deaf_program:active {background-position:-294px -62px;} #btn-enrichment_program:focus, #btn-enrichment_program:hover, #btn-enrichment_program:active {background-position:-410px -62px;} #btn-cottage_life:focus, #btn-cottage_life:hover, #btn-cottage_life:active {width:91px; background-position:-575px -62px;} #btn-ly_chrisis_center:focus, #btn-ly_chrisis_center:hover, #btn-ly_chrisis_center:active {background-position:0px -98px} #btn-development:focus, #btn-development:hover, #btn-development:active {background-position:-216px -98px} #btn-employment:focus, #btn-employment:hover, #btn-employment:active {background-position:-321px -98px} #btn-foster_grandparents:focus, #btn-foster_grandparents:hover, #btn-foster_grandparents:active {background-position:-424px -98px}