/* --------------------------------------------- SC Green Gov Screen Style Sheet author: Cyberwoven version: 2010.01 ----------------------------------------------- */ body { font:normal 13px/20px Arial, Helvetica, sans-serif; color:#222; margin:0; padding:0; background:#fff; text-align:center;} a {color:#0063d3; text-decoration:underline;} a:hover {text-decoration:none;} h2 {font:normal 45px/50px "Century Gothic", Futura, "Trebuchet MS", arial; margin:0; padding:5px 0 15px 0; color:#0063d3; text-transform:uppercase; text-shadow: -1px 2px 1px #555;} h3 {font:normal 30px/35px "Century Gothic", Futura, "Trebuchet MS", arial; margin:0; padding:5px 0 5px 0; color:#aaa; text-shadow: -1px 1px 1px #ccc;} h4 {font:normal 20px/22px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:10px 0 5px 0;} p {margin:0 0 15px 0; padding:0;} .content blockquote {margin: 0px; padding:20px 30px 10px 15px; background:#f4f4f4 url(../images/blockquotebg.png) repeat-x;} .content blockquote p strong {font-size:18px;} .content blockquote ul{line-height: 15px;} .content blockquote ul li{background: none no-repeat 16px 7px; padding: 0px 0px 10px 8px;} fieldset {margin:0; padding:0; display:block; border:none;} .textbox {border:1px solid #333; background:none; padding:2px 5px;} textarea {border:1px solid #333; background:none; padding:2px 5px;} img {float:right; margin:0 0 10px 10px; padding:2px; border:2px solid #333;} a:hover img {border-color:#f60;} /* Reusables ----------------------------------------------- */ .hidden {display:none;} .alt {display:none;} .clear {clear:both; display:block; overflow:hidden; width:0; height:0;} table.data {text-align:left; margin:0 0 10px 0;} table.data th {padding:4px 5px; border-bottom:1px solid #ccc; font-weight:bold; font-size:14px; line-height:18px; text-align:left; color:#00366e;} table.data td {padding:4px 5px; line-height:16px; border-bottom:1px solid #ccc; } table.data tr.even td {background-color:#eee;} .floatleft {float:left;} .floatright {float:right;} .nofloat {float:none !important;} .linkbutton {display:inline-block; clear:both; padding:6px 10px; font-weight:bold; margin:5px 0; text-decoration:none; background:#eee; border:1px solid #fff; color:#0063d3;} .linkbutton:hover {text-decoration:none; border:1px solid #666; background:#eee;} /* Layout Blocks ----------------------------------------------- */ .wrapper {position:relative; min-width:1050px; z-index:1;} .container {width:960px; padding:149px 45px 0 45px; margin:0 auto; text-align:left; position:relative; background:url(../images/containerbg.png) repeat-y center;} a.skiplink {display:block; position:absolute; top:0; left:0; font-size:1px; text-indent:-9999px;} #header {display:block; position:absolute; top:0; left:0; margin:0; height:149px; width:1050px; background:url(../images/wrapperbg.png) repeat-x 0 bottom;} #header h1, #header h2 {margin:0; padding:0; position:absolute; top:0; left:45px;} #header h1 a, #header h2 a {display:block; height:100px; font-size:1px; text-indent:-9999px;} #header h1 a {width:350px; background:url(../images/scgreengov.png) no-repeat left 21px;} #header h1 a:hover {background-position:-350px 21px;} #header h2 {left:auto; right:45px;} #header h2 a {width:261px; background:url(../images/cvsc-logo.png) no-repeat right 16px;} ul.mainnav {font-family:"Century Gothic", Futura, "Trebuchet MS", arial; display:block; position:absolute; top:100px; left:45px; height:49px; width:800px; overflow:hidden; margin:0 0 0 -15px; padding:0 0 0 15px; list-style:none; background:url(../images/mainnavbg.jpg) no-repeat -585px 0;} ul.mainnav li {display:inline; margin:0; padding:0;} ul.mainnav li a {display:block; float:left; margin:0; padding:0 30px; text-decoration:none; font-size:16px; line-height:49px; color:#fff; letter-spacing:1px; background:url(../images/mainnavbg.jpg) no-repeat right 0; text-shadow: 2px 0px 1px #004081, 2px 2px 1px #004081, 0px 2px 1px #004081, -2px 2px 1px #004081, -2px 0px 1px #004081, -2px -2px 1px #004081, 0px -2px 1px #004081, 2px -2px 1px #004081;} ul.mainnav li a:hover {text-decoration:none; background-position:left 0; color:#fff;} ul.mainnav li.active a, ul.mainnav li.active a:hover {background-position:left 0; color:#fff; text-decoration:none;} ul.headernav {font:normal 12px/20px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:0; position:absolute; top:100px; right:45px; height:49px; overflow:hidden; list-style:none;} ul.headernav li {display:inline; margin:0; padding:0;} ul.headernav li a {display:block; float:left; margin:0 0 0 20px; padding:15px 5px 5px 5px; text-decoration:none; color:#fff; border:none; } ul.headernav li a:hover {text-decoration:none; color:#fff; padding:0 5px 0px 5px; border-bottom:5px solid #003670; border-top:15px solid #003670;} ul.headernav li.active a, ul.mainnav li.active a:hover {color:#fff; text-decoration:none;} #content {display:inline-block; width:960px; position:relative; background:#fff;} .sectiontitle {position:absolute; top:5px; left:0;} #primary {display:block; position:relative; float:left; width:510px; padding:70px 0 10px; z-index:1;} .content ul {list-style:none; margin:0px 0 15px 0; padding:0; line-height:18px; display:block;} .content ul li, .content ol ul li {margin:0; padding:2px 10px 2px 30px; background:url(../images/ulbullet.png) no-repeat 16px 7px;} .content ol li {border:none; margin:0; padding:2px 0; background:none;} ul.subnav {display:block; float:left; width:140px; margin:80px 20px 30px 0; padding:10px 0 0 0; list-style:none; background:url(../images/subnavbg.png) no-repeat 0 -20px;} ul.subnav li {display:inline; margin:0; padding:0; background:none;} ul.subnav li a {display:block; font-size:12px; line-height:24px; padding:0 10px 0 15px; color:#0063d3; text-decoration:none; background:#e5e5e5;} ul.subnav li a:hover {background:#f5f5f5; color:#0063d3;} ul.subnav li.active a, ul.subnav li.active a:hover {background:#f5f5f5; color:#444;} ul.subnav li.last {display:block; padding-bottom:20px; background:url(../images/subnavbg.png) no-repeat 0 24px;} body.Candidates ul.subnav {display: none;} #secondary {display:block; position:relative; float:right; width:275px; padding-top:10px;} a.give, a.sign {display:block; height:50px; background:url(../images/secondary-button-sprite.jpg) no-repeat; font-size:1px; text-indent:-9999px; outline:none;} a.sign {background-position:0 -50px;} ul.social {display:block; height:60px; margin:0; padding:0; list-style:none;} ul.social li {display:inline; margin:0; padding:0;} a.facebook, a.twitter, a.flickr, a.youtube {display:block; float:left; width:69px; height:60px; background:url(../images/secondary-button-sprite.jpg) no-repeat; font-size:1px; text-indent:-9999px; outline:none;} a.facebook {background-position:0 -100px;} a.twitter {background-position:-69px -100px;} a.flickr {background-position:-138px -100px;} a.youtube {background-position:-207px -100px; width:68px;} .flickrfeed, .twitterfeed {position:relative; height:255px; margin:15px 0 0 0; padding-left:18px; overflow:hidden; background:url(../images/secondary-flickr.jpg) no-repeat; font-weight:bold; color:#444;} .flickrfeed h3 {height:44px; margin:0 0 3px 0; padding:0;} .flickrfeed h3 a {display:block; height:44px; font-size:1px; text-align:left; text-indent:-9999px; outline:none;} .flickrfeed ul {display:block; margin:0 0 0 -2px; padding:0; list-style:none;} .flickrfeed ul li {display:inline; margin:0; padding:0;} .flickrfeed ul li a {display:block; float:left; width:74px; height:74px; margin:0 6px 6px 0; float:left;} .flickrfeed ul li a img {float:none; margin:0; padding:2px; border:none;} .flickrfeed ul li a:hover img {border:2px solid #7e8188; padding:0;} .twitterfeed {margin:0; background:url(../images/secondary-twitter.jpg) no-repeat; padding:206px 0 60px 18px; height:auto;} .twitterfeed h3 {position:absolute; top:0; left:0; height:38px; width:275px; margin:0 0 5px 0; padding:0;} .twitterfeed h3 a {display:block; height:38px; font-size:1px; text-indent:-9999px; outline:none;} .twitterfeed .scrollbox {display:block; position:absolute; top:43px; left:17px; overflow-x: hidden; overflow-y: auto; width:208px; height:129px; padding:15px; margin:0 0 3px 0; font:normal 12px/16px Arial, Helvetica, sans-serif;} .twitterfeed .scrollbox a {color:#69785c;} .footerwrapper {position:relative; min-width:960px; height:100px; background:#353a33 url(../images/footerwrapperbg.png) repeat-x;} #footer {width:960px; margin:0 auto; clear:both; padding:20px 10px; font-size:11px; position:relative; text-align:right; color:#fff;} #footer .vcard {width:500px; position:absolute; top:0; left:0; text-align:left;} #footer .vcard .org {visibility:hidden;} #footer .vcard .url {display:none;} #footer .vcard abbr {border:none;} #footer a {text-decoration:none;} #footer a:hover {text-decoration:underline;} ul.footernav {float:right; margin:0; padding:0; list-style:none;} ul.footernav li {display:inline; margin:0; padding:0;} ul.footernav li a {display:block; float:left; padding:0 2px; margin:0 0 0 10px;} #footer a.cyberwoven {color:#fff;} #footer a.cyberwoven:hover {text-decoration:underline;} #footer a.cyberwoven span {color:#6cca00;} /* Homepage Specific ----------------------------------------------- */ body.home {background:#000 url(../images/bodybg-home1.jpg) no-repeat fixed center top;} .wrapper {background:url(../images/wrapperbg.png) repeat-x 0 100px;} body.home #primary {margin:0; padding:0 0 10px 0; width:660px;} body.home #primary h2, #secondary h2 {display:block; height:30px; line-height:30px; margin:5px 0; padding:0; background-image:url(../images/futura-blue-sprite.png); background-repeat:no-repeat; font-size:1px; text-indent:-9999px; border-bottom:1px solid #8cb9eb;} h2.sprite1 {background-position:0 0;} h2.sprite2 {background-position:0 -50px;} h2.sprite3 {background-position:0 -100px;} h2.sprite4 {background-position:0 -150px;} h2.sprite5 {background-position:0 -200px;} h2.sprite6 { background-position:0 -250px; } #secondary .join_email { position:relative; width:100%; display:block; font-size:14px; } #secondary .join_email .formrow { float:left; } #secondary .join_email .formrow label { position:absolute; left:-9999px; } #secondary .join_email .formrow input { width:190px; } #secondary .join_email .formrow span.error div { padding-left:0; } #secondary .join_email input.formsubmit { display:block; width:71px; height:40px; cursor:pointer; clear:none; position:absolute; top:-4px; right:0; background:url(../images/signup_button.png) no-repeat 0 0; text-indent:-9999px; font-size:0px; letter-spacing:-9999px; } #secondary .join_email input.formsubmit:hover { background-position:0 -40px; } #secondary .join_email input.formsubmit:active { background-position:0 -80px; } #homeflash {height:485px; background:url(../images/home-noflash.jpg) no-repeat; position: relative; z-index: 0;} .flash-replaced {background:none !important;} #homeflash h2, #homeflash ul {display:none !important;} #latestnews, #seeinggreen {width:300px; position:relative;} #latestnews {float:left;} body.home #content #latestnews h2 {margin-bottom:0;} #latestnews ul {display:block; margin:0; padding:0; list-style:none;} #latestnews ul li {display:block; margin:0; padding:0; background:none;} #latestnews ul li a {display:block; position:relative; padding:10px 5px 10px 100px; min-height:35px; height:auto !important; height:35px; border-bottom:1px solid #6cca00; color:#333; text-decoration:none; background:none;} #latestnews ul li a.viewmore {border:none; color:#0057b9; font-weight:bold;} #latestnews ul li a.viewmore:hover {text-decoration:underline; background:none;} #latestnews ul li a:hover {background:#eee; text-decoration:none;} #latestnews ul li a span {display:block; position:absolute; height:40px; width:30px; top:10px; left:10px; font-size:38px; line-height:40px; text-indent:-9999px; background-image:url(../images/home-months-sprite.png); background-repeat:no-repeat;} #latestnews ul li a span b {display:block; position:absolute; top:0; left:30px; color:#6cca00; text-indent:0;} #latestnews .jan {background-position:0 0;} #latestnews .feb {background-position:0 -50px;} #latestnews .mar {background-position:0 -100px;} #latestnews .apr {background-position:0 -150px;} #latestnews .may {background-position:0 -200px;} #latestnews .jun {background-position:0 -250px;} #latestnews .jul {background-position:0 -300px;} #latestnews .aug {background-position:0 -350px;} #latestnews .sep {background-position:0 -400px;} #latestnews .oct {background-position:0 -450px;} #latestnews .nov {background-position:0 -500px;} #latestnews .dec {background-position:0 -550px;} #latestnews a.rss {display:block; position:absolute; top:0; right:0; height:35px; line-height:35px; color:#333; background:url(../images/home-rssicon.png) no-repeat right top; padding-right:34px; width:80px; text-decoration:none; text-align:left; font-size:1px; text-indent:-9999px;} #latestnews a.rss:hover {text-align:right; text-indent:0; font-size:14px;} #seeinggreen {float:right;} body.bg1, #homefader1.bg1, #homefader2.bg1 {background:#013515 url(../images/home-bg1.jpg) no-repeat fixed center 0;} body.bg2, #homefader1.bg2, #homefader2.bg2 {background:#d9cba4 url(../images/home-bg2.jpg) no-repeat fixed center 0;} body.bg3, #homefader1.bg3, #homefader2.bg3 {background:#efcc7b url(../images/home-bg3.jpg) no-repeat fixed center 0;} #homefader1, #homefader2 {display:none; position:absolute; top:0; left:0; width:100%; height:100%;} #youtubeplaying { display:block; position:relative; } /* Specialty Pages ----------------------------------------------- */ /* Candidates */ .candidatelist {display: none;} body.Candidates #primary { margin-left:0; width:660px; padding: 70px 0 10px} .candidatebox {display:block;padding:10px 0 0 5px; background:#fff;} ul.candidatelist {margin:0; padding:0; list-style:none;} ul.candidatelist li {display:block; float:left; margin:0px 48px 12px 0; height:190px; padding:0; background:none;} ul.candidatelist li.endorsed {background: #00982b;} ul.candidatelist li.endorsed a, ul.candidatelist li.endorsed a strong {color: #fff; text-align:center;} ul.candidatelist li a {display:block; padding:0; color:#444; font-size:12px; text-decoration:none;} ul.candidatelist li a:hover {border-color:#ccc;} ul.candidatelist li a img {display:block; border:none; float:none; padding:0; margin:0; width:111px;} ul.candidatelist li a strong {display:block; font-size:11px; color:#000;} #endorsed {background:url(../images/endorsement_seal.png) no-repeat 150px 0px;} .candidateleftcolumn {display:block; width:140px; float:right; margin:0 0 20px 20px;} .candidateleftcolumn img {float:none; margin:0; padding:0 0 0 2px; border:none; background:none;} h3.endorsed{ color: #00982b;} .candidateleftcolumn img.endorsed {padding:0 0 10px 2px; background:#00982b;} ul.clinks {display:block; margin:0; padding:0; list-style:none;} ul.clinks li {display:inline; margin:0; padding:0;} ul.clinks li a {display:block; clear:both; float:left; text-decoration:none; line-height:25px; font-size:11px; width:140px;} ul.clinks li a:hover {text-decoration:underline;} ul.clinks li.facebook a, ul.clinks li.flickr a, ul.clinks li.youtube a, ul.clinks li.twitter a {float:left; clear:none; width:63px; height:38px; padding:0; margin:0 3px 3px 0; background:url(../images/clinks-sprite.jpg) no-repeat; font-size:1px; text-indent:-9999px; outline:none;} ul.clinks li.facebook a {background-position:left 0;} ul.clinks li.facebook a:hover {background-position:right 0;} ul.clinks li.flickr a {background-position:left -38px;} ul.clinks li.flickr a:hover {background-position:right -38px;} ul.clinks li.youtube a {background-position:left -76px;} ul.clinks li.youtube a:hover {background-position:right -76px;} ul.clinks li.twitter a {background-position:left -114px;} ul.clinks li.twitter a:hover {background-position:right -114px;} /* Big Candiate images */ a.big {text-decoration: none; display: block; width: 275px; height: 506px; padding:324px 0 0 17px; float: left; margin: 0px 0px 0px 30px;} a.big:hover p {text-decoration: underline;} a.big h3, a.big h5 {color: #000; font-size: 18px;} a.big h3 {margin: 0px; padding: 0px;} a.big h4 {margin: 0px; padding: 0px;} a.big h5 {font-weight: normal; margin:10px 0px 0px 0px; padding: 0px;} a.big p {font-weight:bold; margin: 10px 0px 0px 0px; padding: 0px;} a#sheheen {background:url(../images/vincentsheheen_big.jpg) no-repeat top left;} a#sheheen h4 {color: #d1d1d1;} a#sheheen p {color: #fff;} a#haley {background:url(../images/nikkihaley_big.jpg) no-repeat top left;} /* Tables */ #primary table{ border-collapse:collapse; font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif; font-size:12px; text-align:left; width:480px; } #primary table th { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#B9C9FE url(../images/gradhead.png) repeat-x scroll 0 0; border-bottom:1px solid #FFFFFF; border-top:2px solid #D3DDFF; color:#003399; font-size:13px; font-weight:bold; padding:8px; } #primary table td { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#E8EDFF; border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF; color:#666699; padding:8px; } #primary tbody tr:hover td{background:#d0dafd url("../images/gradhover.png") repeat-x;color:#339;} /* Issues */ img{border: 2px solid #008325; background-color: #00982b;} /* News */ .News #primary, .Contact #primary {margin:0; width:510px;} .categoryselector {clear:both;} #rss {position:absolute; top:30px; right:10px; height:24px; width:155px; padding-left:30px; } #rss a {display:block; float:right; background:url(../images/rss-icon.png) no-repeat top left; line-height:24px; padding-left:30px; line-height:24px; text-decoration:none;} #rss a:hover {text-decoration:underline;} .articletitle a {text-decoration:none;} .articletitle a:hover {text-decoration:underline;} p.articlepreview {display:block; padding:0 0 5px 0; margin:0 10px 10px 0; border-bottom:1px solid #8cb9eb;} ul.pager {display:block; height:30px; margin:10px 0 0 0; padding:0; list-style:none;} ul.pager li {display:block; float:left; margin:0; padding:0 5px 0 0;} /* Form Builder ---------------------------- */ fieldset.searchform { padding-left:15px;} fieldset.searchform label { position:absolute; left:-9999px; } fieldset.searchform input { width:300px; } fieldset.searchform input[type="submit"] { margin:15px 0 10px 5px; padding:2px 22px 2px 34px; width:auto; background-position:left -5px; } div.formrow {display:block; margin:0 0 10px 0; clear:both;} div.formrow label {display:block; clear:both; width:100px; text-align:right; float:left; margin:0 5px 10px 0; padding:5px 8px 5px 12px; font-size:13px; color:#333;} div.formrow label.required {background:#d6d6d8 no-repeat 0 0; font-weight: bold;} div.formrow input.textbox {display:block; width:200px; border:1px solid #ccc; margin:0 10px 0 0; font-size:12px; line-height:20px; padding:5px 5px;} div.formrow textarea {display:block; width:350px; height:125px; border:1px solid #ccc; margin:0 10px 0 0;} div.formrow span {display:block; padding-left:195px; margin:0; clear:left; font-size:11px; color:#555; font-style:italic;} div.formrow span.error {display:inline; padding-left:0; font-style:normal;} div.formrow span.error div {display:block; padding-left:195px;} div.formrow select {margin:4px 0 0 0;} input.formsubmit {width: 112px; height: 55px; clear:both; margin:0px 0 0 190px; display:block; float:left; font-size:14px; line-height:20px; background:url(../images/submit.jpg) top left no-repeat; text-indent: -9999px; border: none;} div.formrow table {position:relative; left:-4px; margin:0; padding:0; text-align:left; border-spacing:0;} div.formrow table tr.even td {background:none;} div.formrow table tr td {padding:0 0 2px 0; line-height:14px; border:none; margin:0;} div.formrow table tr td label {display:inline; width:auto; text-align:left; float:none; margin:0; padding:0 0 0 5px; background:none; color:#333; font-size:12px;} .searchform div.formrow {height:75px; width:600px; padding-top:10px;} .searchform div.formrow .textbox {float:left; margin-right:5px;} .searchform div.formrow input.formsubmit {clear:none; float:left; margin:-1px 0 0 0; padding:4px 15px;} div.checkbox input {float:left; margin:0 6px 0 106px; clear:left;} div.checkbox label {float:left; clear:none; background:none; color:#333; padding:0; margin:0; text-align:left; font-size:12px; width: 220px;} /* Lightbox ----------------------------------------------- */ #lightbox{position:absolute; display:block; top:0; left:0; width:100%; z-index:9999; text-align:center; line-height:0;} #lightbox a img{border:none; background:none;} #outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;} #imageContainer{padding: 10px;} #loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;} #hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;} #imageContainer>#hoverNav{left:0;} #imageContainer img {float:none; margin:0; padding:0; border:none;} #hoverNav a{outline: none;} #prevLink, #nextLink{width:49%; height:100%; background:transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block;} #prevLink {left:0; float:left;} #nextLink {right:0; float:right;} #prevLink:hover, #prevLink:visited:hover {background:url(../images/lightbox/prev.gif) left 50% no-repeat; } #nextLink:hover, #nextLink:visited:hover {background:url(../images/lightbox/next.gif) right 50% no-repeat; } /*** START : next / previous text links ***/ #nextLinkText, #prevLinkText{color:#0063d3; font-weight:bold; text-decoration: none;} #nextLinkText{padding-left:20px;} #prevLinkText{padding-right: 20px;} /*** END : next / previous text links ***/ /*** START : added padding when navbar is on top ***/ .ontop #imageData {padding-top:5px;} /*** END : added padding when navbar is on top ***/ #imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em;} #imageData{padding:0 10px;} #imageData #imageDetails{width: 70%; float:left; text-align:left; } #imageData #caption{font-weight:bold;} #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; height: 22px; float: right; padding-bottom: 0.7em;} #imageData #helpDisplay {clear: left; float: left; display: block; } #overlay{position: absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; display:none;} .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} * html>body .clearfix {display:inline-block; width:100%;} * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } /* Misc. ----------------------------------------------- */ a.givegreen img {border: none; background: none;}