/*------------------------------------------- General Selectors -------------------------------------------*/ * { margin: 0; padding: 0; line-height: 1; } body { background: #fcfdf5 url('images/background.png') repeat-x top left; font: normal 62.5% Helvetica, Arial, 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; } p, ul, dl, ol, blockquote, table { margin: 0 0 1.5em; color: #444;} li { font-size: 1.2em; color: #444;} .main li, .sub li { line-height: 1.3; } li p { font-size: 1.08em; } dd, dl { font-size: 1.2em; line-height: 2em; } 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;} .main h4 { color: #6c6c6c; } .alpha { margin-bottom: 11px; color: #363636; font: bold 1.2em Helvetica, Arial, sans-serif; text-transform: uppercase; } p { color: #444; font-size: 1.3em; line-height: 2; } blockquote { } table { border-collapse: collapse; } th { text-align: left; } th, td { } /* inline */ em { font-style: italic; } strong { font-weight: bold; } a { color: #3b7ab8; } a:hover, a:focus { color: #212a43; } img { display: block; margin:0px; max-width: 100%; height: auto; } a img { border: none; } .sub .section img.topper { max-width: 223px; } iframe { max-width: 100%; width:800px; height:600px; } /*Google Calendar*/ .utility { height:38px; width:978px; position: relative;} code { font: 12px/1 'Courier New', Courier, monospace; } sub, sup { line-height: 0; } input { font: 1em Helvetica, Arial, sans-serif; } .clear { clear: both; } .move { position: absolute; left: -9999px; } .hide { display: none; } .hidden { visibility:hidden; } .element-invisible { visibility:hidden; display: none;} .compact { margin-bottom: 0px; } img#logo { display: none; } /*------------------------------------------- Global combinations -------------------------------------------*/ .logo a, .utility #searchtext-btn, .footer address 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: 1026px; min-width: 978px; background: #f3f3f1 url("images/bg-seal.png") no-repeat center 0; /* Old browsers */ background: url("images/bg-seal.png") no-repeat center 0, -moz-linear-gradient(top, #f3f3f1 10%, #fff 100%); /* FF3.6+ */ background: url("images/bg-seal.png") no-repeat center 0, -webkit-gradient(linear, left top, left bottom, color-stop(10%,#f3f3f1), color-stop(100%,#fff)); /* Chrome,Safari4+ */ background: url("images/bg-seal.png") no-repeat center 0, -webkit-linear-gradient(top, #f3f3f1 10%,#fff 100%); /* Chrome10+,Safari5.1+ */ background: url("images/bg-seal.png") no-repeat center 0, -o-linear-gradient(top, #f3f3f1 10%,#fff 100%); /* Opera11.10+ */ background: url("images/bg-seal.png") no-repeat center 0, linear-gradient(top, #f3f3f1 10%,#fff 100%); /* W3C */ } /*Breadcrumb .breadcrumb { position: relative; width: 978px; margin: 0 auto 20px; padding-top: 18px; } .breadcrumb li { float: left; list-style: none;} .breadcrumb li:after { content: "/"; margin: 0 5px 0 3px; } .breadcrumb a { color: #6a8cb0; text-transform: uppercase; font-weight: bold; text-decoration: none; } .breadcrumb a:hover, .breadcrumb a:focus { text-decoration: underline; } */ .item-arts, .page-arts .feature, .page-arts .nav, .page-arts .main .section { border-top: 4px solid #cb59af; } .item-community, .page-arts .feature, .page-arts .nav, .page-arts .main .section { border-top: 4px solid #d93a49; } .item-campus, .page-campus .feature, .page-campus .nav, .page-campus .main .section { border-top: 4px solid #a2a012; } .item-global, .page-global .feature, .page-global .nav, .page-global .main .section { border-top: 4px solid #184ae1; } .item-health, .page-health .feature, .page-health .nav, .page-health .main .section { border-top: 4px solid #e2920c; } .item-public, .page-public .feature, .page-public .nav, .page-public .main .section { border-top: 4px solid #4384c4; } .item-science, .page-science .feature, .page-science .nav, .page-science .main .section { border-top: 4px solid #52854c; } .item-sustainability, .page-sustainability .feature, .page-sustainability .nav, .page-sustainability .main .section { border-top: 4px solid #13c29f; } .item-teaching, .page-teaching .feature, .page-teaching .nav, .page-teaching .main .section { border-top: 4px solid #9a7016; } .item-unparalleled, .page-unparalleled .feature, .page-unparalleled .nav, .page-unparalleled .main .section { border-top: 4px solid #a61d31; } .item-social, .page-social .feature, .page-social .nav, .page-social .main .section { border-top: 4px solid #293352; } .item-home {border-top: 4px solid #00193b;} .listing { list-style-type: none; } .listing p { overflow: hidden; } /************************** Index page's boxes********************************/ .expandable .listing { padding-left: 2px; background: url(images/bg-expandable.gif) 0 bottom no-repeat; list-style:none;} .expandable .listing .topper { left: -13px; margin: -26px 0 18px; border: 0; } .layout-b .expandable .listing img.topper { max-width: 221px;} /*********************For smaller size columns*************************** .layout-a .expandable .listing { position: relative; background: url(images/bg-expandable-sub.png) 0 bottom no-repeat; list-style:none; margin:0;} .layout-a .expandable li { width: 192px; margin-left: 17px; padding: 10px 13px 20px; font: 1.4em/1.1 Helvetica, Arial, sans-serif;} .layout-a .expandable .first { margin-left: 0; font: 1.4em/1.1 Helvetica, Arial, sans-serif;} .layout-a .expandable li li { width: auto; margin: 0 0 5px; padding: 0; } .content h5 { margin-bottom: 0.4em; font: 1.3em/0.8 Georgia, "Times New Roman", serif; } .content h5 a { display: block; color: #bf1d22; text-decoration: none; line-height: 1.2; } .content h5 a:hover, .expandable h3 a:focus { text-decoration: underline; } .content a.more { float:right; font-style: italic; text-decoration: none; font-size:0.9em; font-family: Georgia, "Times New Roman", serif; text-transform:none; margin-top:12px;} .content a.more:hover, p a.more:focus { text-decoration: underline; } .wrap_index { width: 730px; margin: 0 auto;} /*********************For smaller size columns***************************/ /*********************For large size (homepage) columns******************/ .layout-a .expandable .listing { position: relative; background: url(images/bg-expandable-home.png) 0 bottom no-repeat; margin:0 0 20px 0; } .expandable li { float: left; } .layout-a .expandable li { width: 287px; margin-left: 17px; padding: 10px 13px 20px; font: 1.35em/1.2 Helvetica, Arial, sans-serif;} .layout-a .expandable .first { margin-left: 0; font: 1.35em/1.2 Helvetica, Arial, sans-serif;} .layout-a .expandable li li { width: auto; margin: 0 0 5px; padding: 0; } .expandable h5 { margin-bottom: 0.4em; color: #bf1d22; font: normal 1.4em/0.8 Georgia, "Times New Roman", serif; } .expandable h5 a { display: block; color: #bf1d22; text-decoration: none; line-height: 1.2; } .expandable h5 a:hover, .expandable h3 a:focus { text-decoration: underline; } .expandable ul.ss {margin:15px 5px 0 20px; line-height:1.42em; list-style:square;} /*Screensavers*/ .expandable ul.ss li {font: 1.0em/1.2 Helvetica, Arial, sans-serif; width:110%;} /*Screensavers*/ .expandable a.more { float:right; font-style: italic; text-decoration: none; font-size:0.9em; font-family: Georgia, "Times New Roman", serif; text-transform:none; margin-top:12px;} .expandable a.more:hover, p a.more:focus { text-decoration: underline; } /*********************For large size (homepage) columns*******************/ /************************** Index page's boxes********************************/ /********************Can be deleted later (no more left and right*************/ .expandable_right { float:right; width:260px; } .expandable_left {float:left; width:700px; } /********************Can be deleted later (no more left and right*************/ /**************************SUBPAGE*******************************************/ .wrap { width: 978px; margin: 0 auto;} .content {} .content h1 { margin: 0 0 20px 10px; padding-top:40px; color: #00193b; font: normal 3.2em/1.3 Georgia, "Times New Roman", serif; } .content h2 { margin:5px 0 8px 10px; color: #bf1d22; font: normal 2.6em/1.2 Georgia, "Times New Roman", serif; } .content h3 { margin:5px 0 8px 20px; color: #00193b; font: normal 2.0em/1.1 Georgia, "Times New Roman", serif; } .content h3 a {color:#195da1;} .content p {margin:0 15px 20px 30px; font: 1.5em/1.4 Helvetica, Arial, sans-serif;} .content p.small {margin:0 15px 7px 30px; font: 1.3em/1.1 Helvetica, Arial, sans-serif;} .content p.br{margin:0 15px 5px 30px;} .content p.dent {margin:0 15px 20px 45px;} .content p.dent2 {margin:0 15px 20px 65px;} .content p.dent3 {margin:0 15px 20px 85px;} .content p.dentbr {margin:0 15px 5px 45px;} .content p.lg {margin:0 15px 20px 30px; font: 1.7em/1.1 "Lucida Sans Unicode", "Lucida Grande", sans-serif;} .content p.lgbr {margin:0 15px 5px 30px; font: 1.7em/1.1 "Lucida Sans Unicode", "Lucida Grande", sans-serif;} .content p.spacer {margin:15px 0 15px 0;} .content a {text-decoration:none; color: #3b7ab8;} .content a:hover, a:focus {text-decoration:underline; color: #212a43;} .content a.top { text-decoration:underline; font-size:13px; color: #bf1d22;} .content ul {margin:0 15px 20px 55px; line-height:1.42em; list-style:square;} .content ol {margin:0 15px 20px 55px; line-height:1.42em;} .content li {font: 1.5em/1.4 Helvetica, Arial, sans-serif;} .content li.small {font-size:1.4em;} .content li ul {margin:7px 0 7px 20px; list-style:disc;} .content li ul li{font-size:1.0em;} .content table {width:94%; border:none; margin-left:30px;} .content td {font: 1.55em/1.42 Helvetica, Arial, sans-serif; padding:3px; vertical-align:top;} .content table.state {width:93%; border-collapse:collapse;} .content table.state td {border:1px solid #aeb8a2; height:30px; width:20%; vertical-align:middle;} .content table.state3cols {display:none;} /* logos, photos, questions*/ .content table.state3cols th {width:220px;} .content table.stateprograms {width:97%; border-collapse:collapse; margin-left:5px;} .content table.stateprograms td {border:1px solid #aeb8a2; height:40px; width:25%;} #state_name {float:left; margin-top:11px;} #state_icons { display:table; margin:0; float:right;} #state_icons a {display:table-cell; text-align:center; font-size:16px;} #state_icons img { display:block; margin:6px 0 0 5px; vertical-align:middle;} .content table.state2cols {display:none;} /*state_programs for 650px screen*/ .content table.state2cols th {width:220px;} .content table.state1col {display:none;} /*state_programs for 400px screen*/ .content table.state1col th {width:220px;} .content img.statefb {float:right; margin:3px 20px 0 7px;} .content img.statemap {} .content #agro_slide {float:right; margin:1px 130px 35px 0;} .content #award_slide {float:left; margin:0 0 1px 70px;} .content #award_bullets {float:right; margin:20px 200px 0 0;} .content #leader {float:right; font:1.3em/1.1 Helvetica, Arial, sans-serif; margin:0 15px 0 20px;} .content #affiliates_slide {float:right; margin:0 50px 0 20px;} .content #subtopNav_conf {float:right; margin:20px 0 -20px 10px; font-size:15px;} .content #subtopNav_AgroIndex {float:right; margin:-10px 50px 10px 0; font-size:15px; line-height:18px;} .content #subtopNav_AgroSub {float:right; margin:-10px 50px 10px 0; font-size:15px; line-height:18px;} .content img.agrobanner {width:900px; margin-left:20px;} .content img.conference_logo {margin:8px 100px 20px 0; float:right; width:380px; -moz-box-shadow: 3px 3px 4px #737373; /* Firefox */ -webkit-box-shadow: 3px 3px 4px #737373; /* Safari/Chrome */ box-shadow: 3px 3px 4px #737373; /* Opera and other CSS3 supporting browsers */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#737373')";/* IE 8 */ : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#737373');/* IE 5.5 - 7 */} .content #leftdiv2 {float:left;} .content hr { display: block; height: 1px; width:98%; border: 0; border-top: 1px solid #999; margin:30px 0 30px 0; padding: 0; } .content img.leftfloat { float:left; margin:10px 20px 20px 3px; } .content img.rightfloat { float:right; margin:10px 5px 20px 20px; } .content img.leftfloat_shadow { float:left; margin:10px 20px 20px 3px; -moz-box-shadow: 3px 3px 4px #737373; /* Firefox */ -webkit-box-shadow: 3px 3px 4px #737373; /* Safari/Chrome */ box-shadow: 3px 3px 4px #737373; /* Opera and other CSS3 supporting browsers */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#737373')";/* IE 8 */ : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#737373'); } .content img.rightfloat_shadow { float:right; margin:10px 5px 20px 20px; -moz-box-shadow: 3px 3px 4px #737373; /* Firefox */ -webkit-box-shadow: 3px 3px 4px #737373; /* Safari/Chrome */ box-shadow: 3px 3px 4px #737373; /* Opera and other CSS3 supporting browsers */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#737373')";/* IE 8 */ : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#737373'); } .content img.dropshadow { -moz-box-shadow: 3px 3px 4px #737373; /* Firefox */ -webkit-box-shadow: 3px 3px 4px #737373; /* Safari/Chrome */ box-shadow: 3px 3px 4px #737373; /* Opera and other CSS3 supporting browsers */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#737373')";/* IE 8 */ : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#737373');/* IE 5.5 - 7 */ } /******Right Box******/ .expandable_right ul.subnav { margin:12px 10px 20px 20px; list-style:none;} .expandable_right ul.subnav li {font:1.5em/1.1 "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#000; padding:7px 5px 7px 0px;} .expandable_right ul.subnav li.last { margin-bottom:-20px;} .expandable_right ul.small { margin-left:37px; list-style:none;} .expandable_right ul.small li {font:1.35em/1.1 "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#000; padding:0px 5px 3px 0;} .expandable_right #box { background-color:#fbfbf8; opacity:0.8; border: 1px solid #ddd; vertical-align: top; box-shadow: 0 0 5px #ddd; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin:40px 0 20px 0; width:255px; padding:6px 0 4px 0;} /******Right Box******/ /*For State Contacts page's columns grid*/ .grid-container { display: none; } ul.rig { list-style: none; font-size: 0px; margin-left: -2.5%; /* should match li left margin */ margin-bottom:0; } ul.rig li { display: inline-block; padding:20px 2px 7px 2px; margin: 0 0 0.5% 3.3%; font-size: 14px; background: #fff; opacity:0.9; border: 1px solid #ddd; vertical-align: top; box-shadow: 0 0 5px #ddd; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } ul.rig li p.contacts { font-size: 1.1em; line-height: 1.3em; color: #434343; } ul.rig li h3.contacts { font-size: 1.4em; text-align:center; margin:1px 10px 10px 0; } ul.rig li p.logo_gallery1 {margin-left:28px;} ul.rig li p.logo_gallery2 {margin-left:75px;} /* class for 2 columns */ ul.rig.columns-2 {margin-left:20px;} ul.rig.columns-2 li.logo_gallery1 {width:47%;} ul.rig.columns-2 li.logo_gallery2 {width:28%;} /* class for 3 columns */ ul.rig.columns-3 li.contacts { width: 29.83%; /* this value + 2.5 should = 33% */ } /* class for 4 columns */ ul.rig.columns-4 li { width: 21.5%; /* this value + 2.5 should = 25% */ } @media screen and (max-width: 850px) { ul.rig.columns-2 {margin-left:0;} ul.rig.columns-2 li.logo_gallery1 {width:60%;} ul.rig.columns-2 li.logo_gallery2 {width:33%;} } @media (max-width: 650px) { ul.rig { margin-left: 0; } ul.rig li { width: 100% !important; margin: 0 0 -11px; } ul.rig.columns-2 li.logo_gallery1 {width:61% !important; margin-left:30px;} ul.rig.columns-2 li.logo_gallery2 {width:29% !important; margin-left:10px;} } @media (max-width: 400px) { ul.rig { margin-left: 0; } ul.rig li { width: 100% !important; margin: 0 0 -11px; } ul.rig.columns-2 li.logo_gallery1 {width:95% !important; margin-left:10px;} ul.rig.columns-2 li.logo_gallery2 {width:95% !important; margin:30px 0 0 10px;} } /*For State Contacts page's columns grid*/ /*Conference 2014's CSS - Delete after the conference is over*/ .expandable_conf14 { width:978px; background:url(conference2014/images/bg.png); position:relative;} .expandable_conf14 h1 { color: #0f713e; font: normal 2.2em/1.5 Georgia, "Times New Roman", serif; text-align:center; float:left; width:295px;} .expandable_conf14 p.spacer {margin:177px 0 190px 0;} .expandable_conf14 h1 a{ color:#03F;} .expandable_conf14 p {margin:0 350px 20px 170px; width:500px; font: 1.55em/1.42 Helvetica, Arial, sans-serif;} .expandable_conf14 p.red {margin:0 350px 20px 170px; color:#a94a3e; font: 1.65em/1.42 Helvetica, Arial, sans-serif;} .expandable_conf14 p.redbr {margin-bottom:2px; color:#a94a3e; font: 1.65em/1.42 Helvetica, Arial, sans-serif;} .expandable_conf14 ul {margin:0 350px 20px 190px; width:500px; } .expandable_conf14 li {font: 1.55em/1.42 Helvetica, Arial, sans-serif;} .expandable_conf14 a{ text-decoration:none;} .expandable_conf14 table {width:80%; border:none; margin-left:140px;} .expandable_conf14 td {font: 1.55em/1.42 Helvetica, Arial, sans-serif; padding:3px; vertical-align:top;} .expandable_conf14 ul.nav {margin:465px 0 0 60px; list-style:none;} .expandable_conf14 ul.nav li {font: 1.65em/1.1 Helvetica, Arial, sans-serif; padding-bottom:11px;} .expandable_conf14 ul.nav li a{ text-decoration:none;} .expandable_left_conf14 { width:680px; float:left; } .expandable_right_conf14 { width:290px; float:right;} /*Conference 2014's CSS - Delete after the conference is over*/ /*Forms*/ .inputButton45 /*Only for AgKnow Advance, Intermediate & Beginning*/ { -moz-border-radius:5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari, Chrome */ -khtml-border-radius: 5px; /* KHTML */ border-radius: 5px; /* CSS3 */ background-color:#666666; color:#FFF; font:15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; height:30px; width:45%; margin:8px 0 8px 0; } .inputButton50 /*Only for affiliates/login.cfm & stateID.cfm*/ { -moz-border-radius:5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari, Chrome */ -khtml-border-radius: 5px; /* KHTML */ border-radius: 5px; /* CSS3 */ background-color:#666666; color:#FFF; font:15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; height:30px; width:50%; margin:8px 0 8px 0; } .inputButton32 /*Only for gallery's search button*/ { -moz-border-radius:5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari, Chrome */ -khtml-border-radius: 5px; /* KHTML */ border-radius: 5px; /* CSS3 */ background-color:#666666; color:#FFF; font:15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; height:30px; width:32%; margin:8px 0 0 0; } .inputButton330px /*Only for affiliates/submit_application.cfm*/ { -moz-border-radius:5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari, Chrome */ -khtml-border-radius: 5px; /* KHTML */ border-radius: 5px; /* CSS3 */ background-color:#666666; color:#FFF; font:15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; height:30px; width:330px; margin:8px 0 0 0; } .inputField80 { -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:25px; width:80%; } .inputField65 { -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:25px; width:65%; } .inputField50 { -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:25px; width:50%; } .inputField_statesDD { -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:30px; width:30%; font-family: Helvetica, Arial, sans-serif; font-size:14px; } .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% } div#box320 { background-color:#fbfbf8; opacity:0.8; border: 1px solid #ddd; vertical-align: top; box-shadow: 0 0 5px #ddd; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin:40px 0 20px 20px; width:320px; padding:6px 0 4px 0; } div#box450 { background-color:#fbfbf8; opacity:0.8; border: 1px solid #ddd; vertical-align: top; box-shadow: 0 0 5px #ddd; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin:40px 0 20px 20px; width:450px; padding:6px 0 4px 0; } /*Forms*/ /**************************SUBPAGE*******************************************/ /*------------------------------------------- Header -------------------------------------------*/ h1.logo { margin-top: 0px; } .logo { float: left; margin-top:12px; margin-left:-27px;} .logo a { width: 500px; height: 120px; background-image: url(images/logo.png); } .header { position: relative; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); } .header li { float: left; list-style: none; } .header li a { text-decoration: none; } #utility { float:right; margin-bottom: 24px;} #utility_logo {width: 500px; height: 120px; float:left;} #utility_topnav {width: 476px; height:70px; float:right; margin-top:30px;} #utility_topnav ul {float:right; margin-right:20px;} #utility_icons { } #utility_icons ul { float:right;} /*#cse-search-form {margin:2px 4px 15px; float:right; width:280px;}*/ #utility li { margin: 13px 0 0 30px; } #utility li.icon { margin: 3px 0 25px 11px; } #utility li a { color: #051a3a; font-weight: bold; } #utility li a:hover, .utility li a:focus { text-decoration: underline; } .utility form { float: left; margin: 6px 0 0; padding-left: 20px;} #searchlabel { float: left; width: 62px; color: #fff; display: block; padding-top: 7px; font-weight: normal;} #searchtext { float: left; width: 165px; min-height: 14px; padding: 6px 15px 5px; background: #555; color: #fff; font-size: .92em; text-transform: uppercase; border: none; } #searchtext:focus { background: #fff; color: #000; text-transform: none; } #searchtext-btn { float: left; width: 25px; height: 25px; background-image: url(images/btn-search.gif); border: none; cursor: pointer; } #main-nav { float:left; margin: 0;} #main-nav li { position: relative; } #main-nav a { position: relative; z-index: 0; height: 40px; background: url(images/main-nav.gif) 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 .home {width:158px;} #main-nav li:hover .home, #main-nav li:focus .home { background-position: 0 -80px; } #main-nav li .home:hover, #main-nav li .home:focus { background-position: 0 -40px; } #main-nav .teacher-center { width: 230px; background-position: -158px 0;} #main-nav li:hover .teacher-center, #main-nav li:focus .teacher-center { background-position: -158px -80px; } #main-nav li .teacher-center:hover, #main-nav li .teacher-center:focus { background-position: -158px -40px; } #main-nav .student-center { width: 188px; background-position: -388px 0; } #main-nav li:hover .student-center, #main-nav li:hover .student-center { background-position: -388px -80px; } #main-nav li .student-center:hover, #main-nav li .student-center:focus { background-position: -388px -40px; } #main-nav .get-involved { width: 201px; background-position: -576px 0; } #main-nav li:hover .get-involved, #main-nav li:focus .get-involved { background-position: -576px -80px; } #main-nav li .get-involved:hover, #main-nav li .get-involved:focus { background-position: -576px -40px; } #main-nav .affiliates { width: 201px; background-position: -777px 0; } #main-nav li:hover .affiliates, #main-nav li:focus .affiliates { background-position: -777px -80px; } #main-nav li .affiliates:hover, #main-nav li .affiliates:focus { background-position: -777px -40px; } #main-nav ul { position: absolute; display: none; z-index: 1; width: 200px; background: #fff; padding-bottom: 3px; background: rgba(255,255,255,1);} #main-nav ul.teacher { width: 230px; } #main-nav ul.student { width: 188px; } #main-nav ul.get { width: 201px; } #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 5px; background: none; text-indent: 0; color: #555555; font: .974em/1.2 Verdana, Arial, sans-serif; } #main-nav ul li.first {padding-top:7px;} #main-nav ul li.last {padding-bottom:7px;} /*#main-nav ul a:hover, #main-nav ul a:focus { background: #a17857; color:#fff; }*/ #main-nav ul a:hover, #main-nav ul a:focus { color:#b61d22; font-weight:bold; } .header-nav { clear: right; float: right; margin: 0; border-left: 1px solid #ddd; } .header-nav li a { display: block; padding: 8px 12px; border-right: 1px solid #ddd; color: #6c6c6c; /*a9a9a9;*/ font-weight: bold; text-transform: uppercase; } .header-nav li a:hover, .header-nav li a:focus { color: #000; } /*------------------------------------------- Footer -------------------------------------------*/ .copy-footer { padding: 12px 0 33px; background: #333; } .copy-footer ul { margin-left:70px;} .copy-footer li {text-align:center; display:inline; margin-right:15px; padding-left:15px; list-style: none; background: url(images/mrkr-copy-footer.gif) no-repeat 0 center; line-height: 2; } .copy-footer .first { padding-left: 0; background-image: none; } .copy-footer li a { color: #a9a9a9; text-decoration: none; text-transform: uppercase; font-size: 0.97em; letter-spacing: .025em; font-weight: bold; } .copy-footer a:hover, .copy-footer a:focus { text-decoration: underline; }