/*-------------------------------------------General Selectors-------------------------------------------*/ * { margin: 0; padding: 0; line-height: 1; } body { background:#FFF url(images/background.png) repeat-x top center; font: normal 62.5% Verdana, Geneva, sans-serif;} /* block level h1 { margin: 0 0 20px; color: #333; font: normal 3.6em/1.44 Georgia, "Times New Roman", serif; } .intro-wrap h1 { color: #fff; margin-bottom: .2em; letter-spacing: 1px; } h2 { margin: 0 0 20px; color: #363636; font: normal 2.2em/1.36 Georgia, "Times New Roman", serif; } .sub h2 { margin: 0 0 8px 0; font-size: 1.8em; color: #293352; } h3 { margin: 0 0 20px; font: 1.8em/1.36 Georgia, "Times New Roman", serif; } */ h1 a, h2 a, h3 a{text-decoration: none; color:inherit;} h1 a:hover, h2 a:hover, h3 a:hover{text-decoration: underline;} p, ul, dl, ol, blockquote, table { margin: 0 0 1.5em; } li { font-size: 1.2em; } .main li, .sub li { line-height: 1.3; } li p { font-size: 1.08em; } dd, dl { font-size: 1.2em; line-height: 2em; } p { color: #444; font-size: 1.3em; line-height: 2; } blockquote { } /* inline */ em { font-style: italic; } strong { font-weight: bold; } a { color: #01738a; line-height: 1.25;} a:hover, a:focus { text-decoration:underline;} img { display: block; margin:0px; max-width: 100%; height: auto; } a img { border: none; } .sub .section img.topper { max-width: 223px; } .clear { clear: both; } .hide { display: none; } .hidden { visibility:hidden; } /*------------------------------------Global combinations---------------------------------------*/ .logo a, .footer organization strong, #main-nav li a { display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; } .header .wrap:after, .utility:after, .utility form:after, .footer .wrap:after, .primary .wrap:after, .copy-footer ul:after, .streamer:after, .carousel .wrap:after, .split:after, .split-a:after, .split-b:after, form.subscribe:after, .prime:after, .directory-search:after, .breadcrumb:after, .feature:after, .lead-date:after, .details:after, .data-tweet:after, .section:after, .filter-wrap:after, .filter-wrap ul:after, .expandable ul:after, .slide-callout:after, .message:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } /*-------------------------------------------Structure-------------------------------------------*/ .primary { min-height:680px; min-width: 1000px;} .wrap { width: 1000px; margin: 0 auto;} /*-------------------------------------------Header-------------------------------------------*/ .header { position: relative; } .header li { float: left; list-style: none; } .header li a { text-decoration: none; } #utility { margin:0px; width:1000px; height:54px;} #utility_icons {float:left; width:600px; height:33px;} #utility_icons ul.nav { margin:17px 5px 0 0; display:inline-block;} #utility_icons img {float:left; padding:0 2px 5px 10px;} #utility_icons a {color:#FFF; font:1.1em/1.6 Verdana, Geneva, sans-serif; text-transform:uppercase;} #utility_icons a:hover {text-decoration:underline;} #utility li.icon {margin-right:5px;} #utility li.iconlast {margin:0px;} #utility_icons2 {display:none;} #social_icons {float:right; width:350px; height:33px;} #social_icons ul {margin:11px 0 0 0; display:inline-block; float:right;} #social_icons img {padding:0 10px 5px 10px;} #social_icons2 {display:none;} .logo {width:1000px; height:185px; margin:0 auto;} .logo a {width:inherit; height:inherit; background:url(images/logo_banner.png) no-repeat center;} #cssmenu {display:none;} #main-nav {float:right; margin:0;} #main-nav li { position:relative;} #main-nav a { position:relative; z-index: 0; height:58px; background: url(images/main-nav.png) no-repeat 0 0; } #main-nav a:hover, #main-nav a:focus, #main-nav li:hover a, #main-nav li:focus a { z-index: 102; } #main-nav .aboutNav {width:165px;} #main-nav li:hover .aboutNav, #main-nav li:focus .aboutNav { background-position: 0 -116px; } #main-nav li .aboutNav:hover, #main-nav li .aboutNav:focus { background-position: 0 -58px; } #main-nav .resourcesNav { width:165px; background-position: -165px 0;} #main-nav li:hover .resourcesNav, #main-nav li:focus .resourcesNav { background-position: -165px -116px; } #main-nav li .resourcesNav:hover, #main-nav li .resourcesNav:focus { background-position: -165px -58px; } #main-nav .programsNav { width:165px; background-position: -330px 0; } #main-nav li:hover .programsNav, #main-nav li:hover .programsNav { background-position: -330px -116px; } #main-nav li .programsNav:hover, #main-nav li .programsNav:focus { background-position: -330px -58px; } #main-nav .grantsNav { width:165px; background-position: -495px 0; } #main-nav li:hover .grantsNav, #main-nav li:focus .grantsNav { background-position: -495px -116px; } #main-nav li .grantsNav:hover, #main-nav li .grantsNav:focus { background-position: -495px -58px; } #main-nav .helpNav { width:165px; background-position: -660px 0; } #main-nav li:hover .helpNav, #main-nav li:focus .helpNav { background-position: -660px -116px; } #main-nav li .helpNav:hover, #main-nav li .helpNav:focus { background-position: -660px -58px; } #main-nav .studentNav { width:175px; background-position: -825px 0; } #main-nav li:hover .studentNav, #main-nav li:focus .studentNav { background-position: -825px -116px; } #main-nav li .studentNav:hover, #main-nav li .studentNav:focus { background-position: -825px -58px; } #main-nav ul.aboutNav { position: absolute; display: none; z-index: 1; width:180px; background-image:url(images/back_submenu_about.png); padding-bottom: 3px;} #main-nav ul.resourcesNav { position: absolute; display: none; z-index: 1; width:180px; background-image:url(images/back_submenu_resources.png); padding-bottom: 3px; padding-left:2px;} #main-nav ul.programsNav { position: absolute; display: none; z-index: 1; width:180px; background-image:url(images/back_submenu_programs.png); padding-bottom: 3px; padding-left:2px;} #main-nav ul.grantsNav { position: absolute; display: none; z-index: 1; width:180px; background-image:url(images/back_submenu_grants.png); padding-bottom: 3px; padding-left:2px;} #main-nav ul.helpNav { position: absolute; display: none; z-index: 1; width:180px; background-image:url(images/back_submenu_help.png); padding-bottom: 3px; padding-left:2px;} #main-nav ul.studentNav { position: absolute; display: none; z-index: 1; width:175px; background-image:url(images/back_submenu_student.png); padding-bottom: 3px; } #main-nav li:hover ul, #main-nav li:focus ul { display: block; z-index: 100; } #main-nav ul li { float: none; margin: 0;} #main-nav ul a { display: block; height: auto; padding: 6px 3px 6px 8px; background: none; text-indent: 0; color: #fdf9ec; font:1.0em/1.1 Verdana, Geneva, sans-serif;} #main-nav ul li.aboutfirst { float: none; margin: 0; padding-left:8px; padding-top:5px;} #main-nav ul li.about { float: none; margin: 0; padding-left:8px;} #main-nav ul li.first {padding-top:5px;} #main-nav ul li.last {padding-bottom:1px;} #main-nav ul a:hover, #main-nav ul a:focus { background-image:url(images/back_submenu_link.png); color:#000; } /*-------------------------------------------Header-------------------------------------------*/ /*-------------------------------------Slide & Search Box-------------------------------------*/ #slide {width:1000px; height:375px; background:#085fa6;} #wowslider-container1 .ws_bullets {left:420px !important;} /* #search_tab {border-radius: 0px 0px 12px 12px; background:#085fa6; height:51px; width:1000px;} /*Delete if Google search is in place #search_tab #matrix_search {float:right; margin:2px 40px 0 0;} /*Delete if Google search is in place*/ /*Google Search for Homepage*/ #search_tab {border-radius: 0px 0px 12px 12px; background:#085fa6; height:53px; width:1000px; margin:0;} #search_tab #google_search {float:right; margin:-15px 40px 0 0; width:400px;} /*Google Search for Subpages*/ #google_search2 {width:450px; float:right; margin-top:-70px;} /*-------------------------------------Slide & Search Box-------------------------------------*/ /*-----------------------------------------Footer-----------------------------------------*/ .footer {padding-top:8px; background:#085fa6; width:100%;} .footer organization {float:left; margin:20px 0 4px 0; color: #fff; font: 1.6em/1.4 Georgia, "Times New Roman", Times, serif; text-align:center;} .footer .logo a {float:left; width:140px; height:69px; margin: 0px 5px 0 250px; background-image:url(images/logo_footer.png);} .copy-footer {padding-bottom:5px;} .copy-footer ul {margin:8px 0 5px 170px;} .copy-footer li {float:left; margin-right:8px; padding-left:10px; list-style: none; background: url(images/mrkr-copy-footer.gif) no-repeat 0 center; line-height:17px;} .copy-footer .first { padding-left: 0; background-image: none; } .copy-footer li a { color: #dedede; text-decoration: none; font:0.97em/0.7 Verdana, Geneva, sans-serif; letter-spacing:.005em;} .copy-footer a:hover, .copy-footer a:focus { text-decoration: underline; } /*-----------------------------------------Footer-----------------------------------------*/ /**************************HOMEPAGE*******************************************/ .item-home {border-top: 6px solid #094175;} .item-programs {border-top: 6px solid #521f6e;} .item-resources {border-top: 6px solid #ef6839;} .expandable #column_box {height:auto;} .expandable #column_box iframe { width:294px; height:201px;} .expandable h1.home {margin:10px 0 10px 0; font:1.7em/1.1em "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#094175; font-weight:normal; text-align:center;} .expandable h1.home a{color:#094175;} .expandable h1.home a:hover{color:#567f01; text-decoration:underline;} .expandable p.home { font:1.2em/1.2 Verdana, Geneva, sans-serif; color:#3f3f3f; margin-bottom:10px; text-align:center;} .expandable p.home_head { font:1.6em/1.3 Verdana, Geneva, sans-serif; color:#232323;} .expandable p.home_head a{text-decoration:none; color:#01738a;} .expandable p.home_head a:hover {text-decoration:underline;} div#slides_spacer {margin:15px 0 15px 0;} .listing {list-style-type: none;} .layout-a .expandable .listing { position: relative; background: url(images/bg-expandable-home.png) 0 bottom no-repeat;} .expandable li { float: left; } .expandable .listing { padding-left: 2px; } .expandable .listing .topper { left: -13px; margin: -26px 0 18px 0px; border: 0; } .layout-b .expandable .listing img.topper { max-width: 221px; } .layout-a .expandable li { width:294px; margin-left:17px; padding: 10px 13px 10px; } .layout-a .expandable .first { margin-left: 0; } /**************************HOMEPAGE*******************************************/ /**************************Resources-Lesson Plan Table*******************************************/ h2.lp{font:28px Georgia, "Times New Roman", Times, serif; font-weight:normal; margin-bottom:10px; color:#e35726;} /*For lesson plan title and companion resource title*/ /*Table in resources*/ table.box {width:100%; border:1px solid #085fa6; border-collapse: collapse;} table.box th {font-weight:normal; text-align:center; height:50px; padding:5px; color:#ffebbf;} table.box th.lessontitle {width:280px;} table.box th a {font:1.2em/1.1 Verdana, Geneva, sans-serif; text-decoration:none; color:#01738a;} table.box a:hover {text-decoration:underline;} table.box td {font:1.2em/1.1 Verdana, Geneva, sans-serif; vertical-align:central; padding:5px; border-bottom:1px solid #085fa6;} table.box td a {font:1.0em/1.0 Verdana, Geneva, sans-serif; text-decoration:none; color:#01738a;} /*Lesson Plans*/ h4 { margin: 0 0 10px 20px; font:normal 1.9em/1.4 Verdana, Geneva, sans-serif; } /*resources/table_steer.cfm*/ .lpwrap {margin:0 0 0 35px;} .lpwrap_photo {float:left; width:200px; margin-bottom:20px;} .lpwrap_desc {float:left; width:580px; margin-top:10px;} .lpwrap_desc2 {float:left; width:220px; margin-left:40px;} img.lp_icons {float:left; padding:0 8px 0 10px; margin-top:-6px;} img.dropsh { -moz-box-shadow: 3px 3px 4px #737373; -webkit-box-shadow: 3px 3px 4px #737373; box-shadow: 3px 3px 4px #737373; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#737373')"; : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#737373'); margin:0 0 8px 10px; float:right; } /**************************Resources-Lesson Plan Table*******************************************/ /**************************Subpage*******************************************/ #banner_about {background:url(images/banner_about.png); height:91px;} #banner_about .centered {width:1000px; margin:0 auto;} #banner_about .centered img{float:left;} #banner_about .centered h1 {float:left; margin:10px 0 0 50px; font:4.0em/2.0 Georgia, "Times New Roman", Times, serif; color:#FFF;} #banner_resources {background:url(images/banner_resources.png); height:91px;} #banner_resources .centered {width:1000px; margin:0 auto;} #banner_resources .centered img{float:left;} #banner_resources .centered h1 {float:left; margin:10px 0 0 50px; font:4.0em/2.0 Georgia, "Times New Roman", Times, serif; color:#FFF;} #banner_programs {background:url(images/banner_programs.png); height:91px;} #banner_programs .centered {width:1000px; margin:0 auto;} #banner_programs .centered img{float:left;} #banner_programs .centered h1 {float:left; margin:10px 0 0 50px; font:4.0em/2.0 Georgia, "Times New Roman", Times, serif; color:#FFF;} #banner_grants {background:url(images/banner_grants.png); height:91px;} #banner_grants .centered {width:1000px; margin:0 auto;} #banner_grants .centered img{float:left;} #banner_grants .centered h1 {float:left; margin:10px 0 0 50px; font:4.0em/2.0 Georgia, "Times New Roman", Times, serif; color:#FFF;} #banner_help {background:url(images/banner_help.png); height:91px;} #banner_help .centered {width:1000px; margin:0 auto;} #banner_help .centered img{float:left;} #banner_help .centered h1 {float:left; margin:10px 0 0 50px; font:4.0em/2.0 Georgia, "Times New Roman", Times, serif; color:#FFF;} #banner_student {background:url(images/banner_student.png); height:91px;} #banner_student .centered {width:1000px; margin:0 auto;} #banner_student .centered img{float:left;} #banner_student .centered h1 {float:left; margin:10px 0 0 50px; font:4.0em/2.0 Georgia, "Times New Roman", Times, serif; color:#FFF;} .content {width:820px; margin:20px 90px 5px 90px;} /*Heading1*/ h1.about {color:#025395; font: normal 3.6em/1.1 Georgia, "Times New Roman", serif; margin-bottom:15px;} h1.resources {color:#e35726; font: normal 3.6em/1.1 Georgia, "Times New Roman", serif; margin-bottom:15px;} h1.programs {color:#521f6e; font: normal 3.6em/1.1 Georgia, "Times New Roman", serif; margin-bottom:15px;} h1.grants {color:#006225; font: normal 3.6em/1.1 Georgia, "Times New Roman", serif; margin-bottom:15px;} h1.help {color:#288a89; font: normal 3.6em/1.1 Georgia, "Times New Roman", serif; margin-bottom:15px;} h1.student {color:#617e03; font: normal 3.6em/1.1 Georgia, "Times New Roman", serif; margin-bottom:15px;} /*Headings*/ h2 { margin: 0 0 5px 10px; color: #363636; font: normal 2.4em/1.0 Georgia, "Times New Roman", serif;} h3 { margin: 0 0 5px 20px; font: normal 1.8em/1.1 Verdana, Geneva, sans-serif; color:#3b3b3b;} /*Paragaph*/ .content p {font:1.5em/1.25 Verdana, Geneva, sans-serif; color:#3b3b3b; margin:0 0 20px 27px;} .content p.br {margin:0 0 8px 27px;} .content a {color:#01738a; text-decoration:none;} .content a:hover {text-decoration:underline;} .content ul {margin:0 0 20px 30px;} .content ul li {font:1.5em/1.25 Verdana, Geneva, sans-serif; background: url(images/bullet.png) no-repeat 0px 4px; list-style-type: none; margin: 0; padding: 1px 3px 4px 24px;} .content ul li ul {margin:0 0 20px 20px;} .content ul li ul li {background:none; list-style-type:square; padding:0px; font-size:1.0em;} .content ol {margin:0 0 20px 60px;} .content ol li {font:1.5em/1.25 Verdana, Geneva, sans-serif;} .content li.heading_leaf {font:2.2em/1.0 Georgia, "Times New Roman", Times, serif; background: url(images/bullet_leaf.png) no-repeat 0px 14px; list-style-type: none; margin:0; padding:10px 3px 4px 42px;} .content li.heading_apple {font:2.2em/1.0 Georgia, "Times New Roman", Times, serif; background: url(images/bullet_apple.png) no-repeat 0px 14px; list-style-type: none; margin:0; padding:10px 3px 4px 42px;} .content ul.heading_sub {margin:-25px 0 20px 95px;} .content li.heading_sub {font:1.6em/1.25 Verdana, Geneva, sans-serif; list-style:square; background: none; padding: 0px;} .content a.h_about {color:#025395;} .content a.h_programs {color:#521f6e;} .content a.h_grants {color:#006225;} .content a.h_help {color:#288a89;} .content a.h_student {color:#617e03;} #backtop {text-align:right; margin:10px 0 10px 0;} #backtop a.top{font-family: Verdana, Geneva, sans-serif; font-size:13px; color:#085fa6; text-decoration:none;} .content iframe { width:440px; height:300px; margin-left:23px !important;} /*programs/contest.cfm*/ .content iframe.calendar { width:800px; height:700px; border-width:0;} /*programs/calendar.cfm*/ #contest_list {width:270px; float:left;}/*programs/contest_past.cfm - DELETE THIS*/ /*images*/ .content img.noshadow_right { /* No specific image size less than 300px help/sponsors.cfm*/ float:right; border:none; margin:0 0 10px 20px; } .content img.noshadow_right400 { /* Image size:520px programs/contest.cfm. contest_details.cfm, contest_region2015.cfm, contest_state2015.cfm*/ float:right; border:none; margin:0 0 10px 10px; width:400px; } .content img.noshadow_right300 { /* Image size:300px programs/seed.cfm*/ float:right; border:none; margin:0 0 10px 10px; width:300px; } .content img.dropshadow { -moz-box-shadow: 3px 3px 4px #737373; -webkit-box-shadow: 3px 3px 4px #737373; box-shadow: 3px 3px 4px #737373; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#737373')"; : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#737373'); margin:0 0 8px 0; } .content img.dropshadow_right230 { /* Image size:300px, resources/wgo.cfm, gardens.cfm, programs/contest.cfm*/ -moz-box-shadow: 3px 3px 4px #737373; -webkit-box-shadow: 3px 3px 4px #737373; box-shadow: 3px 3px 4px #737373; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#737373')"; : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#737373'); float:right; margin:5px 20px 10px 20px; width:230px; } .content img.dropshadow_right400 { /* Image size:520px; about/newsletter.cfm, grants/life_archive.cfm, programs/contest.cfm*/ -moz-box-shadow: 3px 3px 4px #737373; -webkit-box-shadow: 3px 3px 4px #737373; box-shadow: 3px 3px 4px #737373; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#737373')"; : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#737373'); float:right; margin:5px 20px 10px 20px; width:400px; } .content img.dropshadow_right300 { /* Image size:520px; about/contact.cfm, resources/gardens_supplement.cfm, gardens_crop.cfm*/ -moz-box-shadow: 3px 3px 4px #737373; -webkit-box-shadow: 3px 3px 4px #737373; box-shadow: 3px 3px 4px #737373; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#737373')"; : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#737373'); float:right; margin:5px 20px 10px 20px; width:300px; } .content img.dropshadow_left300 { /* Image size:520px, help/sponsors.cfm*/ -moz-box-shadow: 3px 3px 4px #737373; -webkit-box-shadow: 3px 3px 4px #737373; box-shadow: 3px 3px 4px #737373; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#737373')"; : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#737373'); float:left; margin:5px 20px 10px 20px; width:300px; } /*Image size: 250px; about/index.cfm, grants/life_archive.cfm*/ .photo_descR250 {float:right; width:250px; font:1.3em/1.15 Verdana, Geneva, sans-serif; color:#666; text-align:center; margin:0 5px 20px 20px;} /*Image size: 250px; grants/life_archive.cfm*/ .photo_descL250 {float:left; width:250px; font:1.3em/1.15 Verdana, Geneva, sans-serif; color:#666; text-align:center; margin:0 20px 20px 20px;} /*Image size: 520px; help/volunteers.cfm, programs/sai.cfm, about/30th.cfm*/ .photo_descR370 {float:right; width:390px; font:1.4em/1.15 Verdana, Geneva, sans-serif; color:#555; margin:0 0 20px 10px;} .photo_descR370 img {width:100%;} /*Image size: 520px; help/volunteers.cfm, programs/sai.cfm*/ .photo_descL370 {float:left; width:390px; font:1.4em/1.15 Verdana, Geneva, sans-serif; color:#555; margin:0 10px 20px 10px;} .photo_descL370 img {width:100%;} /*about/staff.cfm, board.cfm*/ .staff {} .staff_left {float:left; width:185px; margin-left:20px;} .staff_right {float:right; width:580px; margin-top:25px;} .staff_right p{margin-left:5px;} .staff_right p.br{margin-left:5px;} /*catalog/index.cfm*/ .item { margin-top:10px;} .item_left {float:left; width:120px; margin:-6px 0 0 20px;} .item_right {float:right; width:670px;} .item_right p{margin-left:5px;} /*programs/contest_books.cfm*/ .contest {margin:0 0 0 27px;} .contest_photo {float:left; width:150px; margin-bottom:20px;} .contest_photo img {} .contest_desc {float:left; width:580px; margin-top:10px;} /*programs/budding.cfm*/ .art {margin:0 0 0 27px;} .art_photo {float:left; width:300px; margin:10px 0 20px 0;} .art_desc {float:left; width:400px; margin-top:30px;} /*student/index.cfm*/ .student_index {} .student_index2 {display:none;} /****************************resources/fact.cfm, bites.cfm, programs/conference.cfm***********************/ ul.rig { margin-left:auto; margin-right:auto; width:800px; list-style:none; font-size: 0px; } ul.rig li { display: inline-block; background:none; padding: 10px; margin: 0 0 2.5% 1.9%; font-size:16px; vertical-align: top; } ul.rig li img { max-width: 100%; height: auto; margin: 0 0 10px 8px; } ul.rig li p { font:0.95em/1.1 Verdana, Geneva, sans-serif; text-align:center; color:#3b3b3b; margin:15px 0 0 0 !important; } ul.rig li p.list { /*fact.cfm*/ text-align:left; margin:15px 0 5px 25px !important; } /* class for 4 columns - resources/fact.cfm, bites.cfm*/ ul.rig.columns-4 li { width: 20%; /* this value + 2.5 should = 25% width=255pixels */ } /* class for 3 columns - student/imagine.cfm*/ ul.rig.columns-3 li { width: 28.3%; /* this value + 2.5 should = 33% width=270pixels */ } /* class for 2 columns - programs/conference.cfm*/ ul.rig.columns-2 li { /**/ width: 45.5%; } /* class for 1 column */ ul.rig.column-1 li { width:310px; } /**************Site Map*******************/ ul.rig_sitemap { margin-left:auto; margin-right:auto; width:100%; list-style:none; } ul.rig_sitemap li { display: inline-block; background:none; padding:5px; margin: 0 0 2.5% 1.1%; font:2.3em/1.0 Georgia, "Times New Roman", Times, serif; vertical-align: top; } ul.rig_sitemap.columns-2 li{ width:44.5%; background: url(images/bullet_leaf.png) no-repeat 0px 14px; margin:0; padding:10px 3px 4px 35px; } ul.rig_sitemap.columns-2 li a{} ul.rig_sitemap.columns-2 li ul{font-size:9px; padding:0;} ul.rig_sitemap.columns-2 li ul li{padding:0; background:none; display:table; width:98%;} ul.rig_sitemap.columns-2 li ul li a {font:1.7em/1.4 Verdana, Geneva, sans-serif;} /*Form Sytle*/ .inputField { -moz-border-radius:3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border-bottom-color: #c8c8c8; border-bottom-style: solid; border-bottom-width: 2px; border-left-color: #c8c8c8; border-left-style: solid; border-left-width: 2px; border-right-color: #c8c8c8; border-right-style: solid; border-right-width: 2px; border-top-color: #c8c8c8; border-top-style: solid; border-top-width: 2px; height:25px; width:280px; color:#666; } .inputField_short { -moz-border-radius:3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border-bottom-color: #c8c8c8; border-bottom-style: solid; border-bottom-width: 2px; border-left-color: #c8c8c8; border-left-style: solid; border-left-width: 2px; border-right-color: #c8c8c8; border-right-style: solid; border-right-width: 2px; border-top-color: #c8c8c8; border-top-style: solid; border-top-width: 2px; height:25px; width:100px !important; color:#666; } .inputButton /*help.donate.php, request/index.php*/ { -moz-border-radius:5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background-color:#339a99; color:#FFF; font:15px Verdana, Geneva, sans-serif; height:30px; width:220px !important; text-align:center; padding:2px 0 3px 0; } .inputCheckbox { -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; width:17px; height:17px; border:2px solid #c8c8c8; background:#FFF; border-radius: 3px; float:left; margin-right:5px; margin-top:0 !important; } .inputTextArea { -moz-border-radius:3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */ -khtml-border-radius: 3px; /* KHTML */ border-radius: 3px; /* CSS3 */ border-bottom-color: #c8c8c8; border-bottom-style: solid; border-bottom-width: 2px; border-left-color: #c8c8c8; border-left-style: solid; border-left-width: 2px; border-right-color: #c8c8c8; border-right-style: solid; border-right-width: 2px; border-top-color: #c8c8c8; border-top-style: solid; border-top-width: 2px; height:100px; width:90% } /*Form Style*/ /**************************Subpage*******************************************/ /* CSS Document */ /*------------------------------------------- Media Queries -------------------------------------------*/ @media screen and (min-width: 850px) and (max-width: 1016px) { .header .logo {} } @media screen and (min-width: 851px) { html { min-width: 1000px; } .header-mobile { display: none; } .header-mobile a.search-trigger, header-mobile a.utility-trigger {display: none; } } @media screen and (min-width: 651px) and (max-width: 850px) { html { min-width: 768px; } body {} .wrap { width: 768px; } .primary { min-width: 768px;} } @media screen and (min-width: 401px) and (max-width: 650px) { html { min-width: 568px;} body {} .wrap {width: 568px;} .primary { min-width: 568px;} } @media screen and (max-width: 400px) { html { min-width: 320px;} body {} .wrap { width: 320px; } .primary {width: 100%; min-width: 320px;} } @media screen and (min-width: 651px) { .mobile-nav {display: none; } } @media screen and (max-width: 850px) { #utility {width:768px;} #utility_icons {display:none;} #utility_icons2 {display:block; float:left; margin-top:14px;} #utility_icons2 a {color:#FFF; font:1.1em/1.0 Verdana, Geneva, sans-serif; text-transform:uppercase; text-decoration:none;} #utility_icons2 p{color:#FFF;} #social_icons {width:300px;} .logo {width:768px; height:150px;} .logo a {background:url(images/logo_banner850.png) no-repeat center;} #wowslider-container1 {width:97% !important;} #wowslider-container1 .ws_bullets {left:250px !important;} #main-nav {} #main-nav li {} #main-nav a {background: url(images/main-nav850.png) no-repeat 0 0; } #main-nav .aboutNav {width:128px;} #main-nav li:hover .aboutNav, #main-nav li:focus .aboutNav { background-position: 0 -116px; } #main-nav li .aboutNav:hover, #main-nav li .aboutNav:focus { background-position: 0 -58px; } #main-nav .resourcesNav { width:128px; background-position: -128px 0;} #main-nav li:hover .resourcesNav, #main-nav li:focus .resourcesNav { background-position: -128px -116px; } #main-nav li .resourcesNav:hover, #main-nav li .resourcesNav:focus { background-position: -128px -58px; } #main-nav .programsNav { width:128px; background-position: -256px 0; } #main-nav li:hover .programsNav, #main-nav li:hover .programsNav { background-position: -256px -116px; } #main-nav li .programsNav:hover, #main-nav li .programsNav:focus { background-position: -256px -58px; } #main-nav .grantsNav { width:128px; background-position: -384px 0; } #main-nav li:hover .grantsNav, #main-nav li:focus .grantsNav { background-position: -384px -116px; } #main-nav li .grantsNav:hover, #main-nav li .grantsNav:focus { background-position: -384px -58px; } #main-nav .helpNav { width:128px; background-position: -512px 0; } #main-nav li:hover .helpNav, #main-nav li:focus .helpNav { background-position: -512px -116px; } #main-nav li .helpNav:hover, #main-nav li .helpNav:focus { background-position: -512px -58px; } #main-nav .studentNav { width:128px; background-position: -640px 0; } #main-nav li:hover .studentNav, #main-nav li:focus .studentNav { background-position: -640px -116px; } #main-nav li .studentNav:hover, #main-nav li .studentNav:focus { background-position: -640px -58px; } #main-nav ul.aboutNav {width:143px;} #main-nav ul.resourcesNav {width:138px;} #main-nav ul.programsNav {width:137px;} #main-nav ul.grantsNav {width:136px;} #main-nav ul.helpNav {width:135px;} #main-nav ul.studentNav {width:128px;} #main-nav ul a { display: block; height: auto; padding: 6px 3px 6px 8px; background: none; text-indent: 0; color: #fdf9ec; font:0.8em/1.0 Verdana, Geneva, sans-serif;} .layout-a .expandable .listing { position: relative; background: url(images/bg-expandable-home-768.png) 0 bottom no-repeat; } .layout-a .expandable li { width: 226px; margin-left: 13px; padding: 8px 10px 20px;} /********Footer********/ .footer .logo a {margin: 0px 5px 0 100px;} .copy-footer ul {margin:8px 0 5px 40px;} /********HomePage***********/ #slide {width:768px; height:285px;} #search_tab {width:768px; height:49px;} /*Google Search for Homepage*/ .expandable #column_box iframe { width:226px; height:155px;} /********SubPage***********/ #banner_resources .centered {width:768px;} #banner_about .centered {width:768px;} #banner_programs .centered {width:768px;} #banner_student .centered {width:768px;} #banner_grants .centered {width:768px;} #banner_help .centered {width:768px;} .content {width:748px; margin:20px 10px 20px 10px;} .content iframe.calendar {width:700px;} /*programs/calendar.cfm*/ /*about/staff.cfm, board.cfm*/ .staff_right {width:520px;} /*catalog/index.cfm*/ .item_right {width:520px;} /*programs/contest_books.cfm Page*/ .contest_desc {width:570px;} /*resources/table_steer.cfm*/ .lpwrap_desc {width:480px;} /*resources/fact.cfm, bites.cfm, programs/conference.cfm*/ ul.rig { width:748px;} ul.rig li p.list {margin:9px 5px 5px 5px !important;} /*help/volunteers.cfm, programs/sai.cfm, about/30th.cfm*/ .photo_descR370 {width:340px;} /*help/volunteers.cfm, programs/sai.cfm*/ .photo_descL370 {width:340px;} } @media screen and (max-width: 650px) { #utility {width:568px; height:auto;} #utility_icons2 {display:none;} #utility_icons {display:block; width:205px; height:auto;} #utility_icons ul.nav {display:none; width:205px; height:130px; text-align:left; background-color:#085fa6; margin:8px 0 0 0;} #utility_icons ul.nav li {display:block; background:#085fa6; padding:3px 0 2px 0;} #utility_icons a {font:1.2em/1.6 Verdana, Geneva, sans-serif;} #utility_icons .nav-btn {display:block; cursor:pointer; margin:15px 0 0 5px;} #utility_icons .nav-btn:before {content: url("images/menu.png"); margin:0 0 0 5px;} #social_icons {width:270px;} .logo {width:568px; height:140px;} .logo a {background:url(images/logo_banner650.png) no-repeat center;} #main-nav { margin: 0; text-align: center; background:#085fa6; width:100%;} #main-nav li { width: 49%; background: #085fa6;} #main-nav li a { background: none; text-indent: 0; display: inline-block; color: #FFF; font-family: Verdana, Geneva, sans-serif; width: auto !important; line-height: 34px; font-size: 18px; height: 34px;} #main-nav li a:hover { color:#abcbe5;} #main-nav li ul { display:none !important;} .expandable ul {margin-left:40px;} .expandable .listing { padding-left: 0px; background: none; } .expandable .listing .topper { left: -13px; margin: -26px 0 18px; border: 0; } .layout-a .expandable .listing { position: relative; background: none; } .layout-a .expandable li { width: 440px; margin-left: 0px; margin-bottom: 15px; padding: 8px 20px 20px; background: #fbfbfb; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);} /********Footer********/ .footer .logo a {margin:0 5px 0 5px;} .footer organization {margin:17px 0 4px 0; font: 1.5em/1.4 Georgia, "Times New Roman", Times, serif;} .copy-footer ul {margin:8px 0 5px 0; float:none; text-align:center;} .copy-footer li {float:none; text-align:center; margin-right:8px; padding-left:10px; background:none; display:inline-block;} /********Home Page***********/ #slide {width:568px; height:217px;} /*Google Search for Homepage*/ #search_tab {width:568px; height:70px;} #search_tab #google_search {float:right; margin:0 80px 0 0;} .expandable #column_box {height:auto;} .expandable #column_box iframe { width:440px; height:300px;} /********SubPage***********/ /*Google Search for Subpages*/ #google_search2 {width:100%; float:none; margin-top:0;} #banner_about {background:url(images/banner_about400.png); height:70px;} #banner_resources {background:url(images/banner_resources400.png); height:70px;} #banner_programs {background:url(images/banner_programs400.png); height:70px;} #banner_grants {background:url(images/banner_grants400.png); height:70px;} #banner_help {background:url(images/banner_help400.png); height:70px;} #banner_student {background:url(images/banner_student400.png); height:70px;} #banner_about .centered {width:568px;} #banner_resources .centered {width:568px;} #banner_programs .centered {width:568px;} #banner_grants .centered {width:568px;} #banner_help .centered {width:568px;} #banner_student .centered {width:568px;} #banner_about .centered img{display:none;} #banner_resources .centered img{display:none;} #banner_programs .centered img{display:none;} #banner_grants .centered img{display:none;} #banner_help .centered img{display:none;} #banner_student .centered img{display:none;} #banner_about .centered h1 { float:none; margin:0; text-align:center; font:4.0em/2.0 Georgia, "Times New Roman", Times, serif;} #banner_resources .centered h1 { float:none; margin:0; text-align:center; font:4.0em/2.0 Georgia, "Times New Roman", Times, serif;} #banner_programs .centered h1 { float:none; margin:0; text-align:center; font:4.0em/2.0 Georgia, "Times New Roman", Times, serif;} #banner_grants .centered h1 { float:none; margin:0; text-align:center; font:4.0em/2.0 Georgia, "Times New Roman", Times, serif;} #banner_help .centered h1 { float:none; margin:0; text-align:center; font:4.0em/2.0 Georgia, "Times New Roman", Times, serif;} #banner_student .centered h1 { float:none; margin:0; text-align:center; font:4.0em/2.0 Georgia, "Times New Roman", Times, serif;} .content {width:558px; margin:20px 5px 20px 5px;} /*images*/ .content img.noshadow_right400 {float:none; width:520px;} .content img.dropshadow_right400 {width:520px; margin:10px 20px 20px 20px; float:none;} .content img.dropshadow_right300 {width:520px; margin:5px 0 10px 25px; float:none;} .content img.dropshadow_left300 {width:520px; float:none;} /*about/staff.cfm, board.cfm*/ .staff_left {margin-left:5px;} .staff_right {margin-top:5px; float:left; width:350px;} .staff_right p{margin-left:30px;} .staff_right p.br{margin-left:30px;} /*catalog/index.cfm*/ .item_right {width:390px;} /*programs/contest_books.cfm*/ .contest_desc {width:380px;} /*programs/calendar.cfm*/ .content iframe.calendar {width:518px;} /*programs/budding.cfm*/ .art {margin:0 0 0 5px;} .art_photo {width:250px;} .art_desc {width:280px;} /*resources/table_steer.cfm*/ .lpwrap_desc {width:300px;} /*resources/fact.cfm, bites.cfm*/ ul.rig { width:558px;} ul.rig li { padding:5px; margin: 0 0 1.5% 1.1%;} ul.rig.columns-4 li {width:22%;} /* class for 3 columns - student/imagine.cfm*/ ul.rig.columns-3 li { width:95%;} /*sitemap.cfm*/ ul.rig_sitemap.columns-2 li{width:42%;} /*help/volunteers.cfm, programs/sai.cfm, about/30th.cfm*/ .photo_descR370 {width:520px; margin:0 5px 20px 20px; float:none;} /*help/volunteers.cfm, programs/sai.cfm*/ .photo_descL370 {width:520px; margin:0 5px 20px 20px; float:none;} } @media screen and (max-width: 400px) { .logo {width:320px; height:180px;} .logo a {background-image: url(images/logo_banner400.png);} #utility {width:320px;} #utility_icons {display:block; width:145px; height:auto;} #utility_icons ul.nav {width:145px; height:100px; margin:8px 0 0 0;} #utility_icons ul.nav li {padding:3px 0 2px 0;} #utility_icons a {font:1.0em/1.6 Verdana, Geneva, sans-serif;} #social_icons {display:none;} #social_icons2 {display:block;} #social_icons2 {float:right; width:175px; height:33px;} #social_icons2 ul {margin:18px 0 0 0; display:inline-block; float:right;} #social_icons2 img {padding:0 6px 5px 6px;} #wowslider-container1 {display:none;} .expandable ul {margin-left:0;} #main-nav {display:none;} #main-nav li { width:100%; border-bottom:1px solid #FFF;} #cssmenu { display:inherit;} .layout-a .expandable .listing { position: relative; background: none; } .layout-a .expandable li { width: 280px; margin-left: 10px; margin-bottom: 15px; padding: 8px 10px 20px; background: #fbfbfb; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .layout-a .expandable .first { margin-left: 10px; } .layout-a .expandable img { width:280px !important; margin:0;} /********Matrix Search********/ .inputField_matrix{width:212px;} .inputButton_matrix{width:80px;} /********Footer********/ .footer organization {margin:10px 0 4px 10px; font: 1.2em/1.4 Georgia, "Times New Roman", Times, serif;} .footer .logo a { float:none; margin:0 0 0 96px;} .copy-footer ul {margin:8px 0 5px 0; float:none; text-align:center;} .copy-footer li {float:none; text-align:center; margin-right:8px; padding-left:10px; background:none; display:inline-block;} /********Home Page***********/ #slide {width:320px; height:20px; background:none;} /*Google Search for Homepage*/ #search_tab {width:320px; height:40px; background:none; margin-top:20px;} #search_tab #google_search {float:none; margin:0 0 0 4px; width:310px;} .expandable #column_box iframe { width:280px; height:191px;} /********SubPage***********/ #banner_about .centered {width:320px; margin-top:8px;} #banner_about .centered h1 {font:3.1em/2.5 Georgia, "Times New Roman", Times, serif;} #banner_resources .centered {width:320px; margin-top:8px;} #banner_resources .centered h1 {font:3.1em/2.5 Georgia, "Times New Roman", Times, serif;} #banner_grants .centered {width:320px; margin-top:8px;} #banner_grants .centered h1 {font:3.1em/2.5 Georgia, "Times New Roman", Times, serif;} #banner_programs .centered {width:320px; margin-top:8px;} #banner_programs .centered h1 {font:3.1em/2.5 Georgia, "Times New Roman", Times, serif;} #banner_help .centered {width:320px; margin-top:8px;} #banner_help .centered h1 {font:3.1em/2.5 Georgia, "Times New Roman", Times, serif;} #banner_student .centered {width:320px; margin-top:8px;} #banner_student .centered h1 {font:3.1em/2.5 Georgia, "Times New Roman", Times, serif;} .content {width:310px; margin:20px 5px 20px 5px;} /*Headings*/ h2 { margin: 0 0 10px 5px;} h3 { margin: 0 0 5px 5px;} /*Paragaph*/ .content p {margin:0 0 20px 5px;} .content ul {margin:0 0 20px 10px;} .content iframe { width:320px; height:180px; margin-left:0 !important;} /*programs/contest.cfm*/ .content iframe.calendar {width:320px;} /*programs/calendar.cfm*/ /*images*/ .content img.noshadow_right {float:none;} .content img.noshadow_right400 {width:300px;} .content img.dropshadow_right230 {width:300px; margin:5px 0 20px 0;} .content img.dropshadow_right400 {width:300px; margin:5px 0 20px 0;} .content img.dropshadow_right300 {width:300px; margin:5px 0 10px 0;} .content img.dropshadow_left300 {width:300px; margin:5px 0 10px 0;} .photo_descR250 {margin:0 25px 20px 20px;}/*about/index.cfm*/ /*about/staff.cfm, board.cfm*/ .staff_right {width:300px;} .staff_right p{margin-left:5px;} .staff_right p.br{margin-left:5px;} /*catalog/index.cfm*/ .item_left {float:none;} .item_right {width:300px; float:none;} /*programs/contest_books.cfm*/ .contest {margin:0 0 30px 0px;} .contest_photo {float:none; width:300px; margin-left:10px;} .contest_photo img {width:300px;} .contest_desc {width:310px; float:none;} /*grants/budding.cfm*/ .art_photo {width:300px;} .art_desc {width:300px; margin-top:0;} /*resources/table_steer.cfm*/ .lpwrap {margin:0 0 0 5px;} .lpwrap_photo {float:none; margin-bottom:0px; margin-left:20px;} .lpwrap_desc {float:none; margin-top:0px; margin-left:20px;} /*resources/fact.cfm, bites.cfm*/ ul.rig { width:300px;} ul.rig li { padding:4px; margin: 0 0 1.5% 1.0%;} ul.rig.columns-4 li {width:44%;} /*sitemap.cfm*/ ul.rig_sitemap.columns-2 li{width:90%;} /*help/volunteers.cfm, programs/sai.cfm, about/30th.cfm*/ .photo_descR370 {width:310px; margin:0 0px 20px 0px;} /*help/volunteers.cfm, programs/sai.cfm*/ .photo_descL370 {width:310px; margin:0 0px 20px 0px;} /*student/index.cfm*/ .student_index {display:none;} .student_index2 {display:block;} }