/* Global Styles */ body {background:url(../images/bg.png) repeat 0% 0%; #556b2f; font-size:16px; font-family: Helvetica, Arial; sans-serif; color:#000000;} a:focus {outline:1px dotted;} a {color:#717171; border-bottom:1px dotted #717171; text-decoration: none;} a:hover { text-decoration: none; background-color:#768667; } a span {font-size:90%;} h1 {font-size:25px;} h2 {font-size:23px;} h3 {font-size:21px;} h4 {font-size:19px;} h5 {font-size:17px;} h6 {font-size:15px;} h7 {font-size:13px;} ol {list-style:decimal;} ul {list-style:none;} li {margin-left:0px; position:relative;} p, li, dl {line-height:18px;} p, dl, hr, h1, h2, h3, h4, h5, h6, h7, ol, ul, pre, table, address, fieldset, img {margin-bottom:10px;} #wrapper {margin-top:7px; background-color: #fcfcf2; border:1px solid #113264; border-top:7px solid #113264;} ul li ul, ol li ol {margin-bottom:0px;} ol {padding: 0 0 0 5px;} /* Custom Grid */ .container_12 {margin-left:auto; margin-right:auto; width:1020px;} .float {display:inline; float:left; position:relative;} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {display:inline; float:left; position:relative; margin-left:20px; margin-right:20px;} .grid_13 {display:inline; float:center; position:relative; margin-left:20px; margin-right:20px;} .grid_14, .grid_15 {display:inline; float:left; position:relative; margin-left:0px; margin-right:0px; padding: 0 0 0 0px;} .container_12 .grid_1 {width:45px;} .container_12 .grid_2 {width:130px;} .container_12 .grid_3 {width:215px;} .container_12 .grid_4 { width:220px; } .container_12 .grid_5 {width:385px;} .container_12 .grid_6 {width:470px;} .container_12 .grid_7 {width:555px;} .container_12 .grid_8 { width:750px; } .container_12 .grid_9 {width:725px;} .container_12 .grid_10 {width:810px;} .container_12 .grid_11 {width:895px;} .container_12 .grid_12 {width:980px;} .container_12 .grid_14 { width:465px; } .container_12 .grid_15 {width:1020px;} .container_13 .grid_1 {width:600px;} /* Global Classes */ .hr {border:none; border-bottom:1px solid #f0f0f0; border-top:1px solid #d6d6d6; clear:both; height:0; line- height:0; width:100%; font-size:0; padding:0 ;margin-bottom:20px;} .pr {border:none; border-bottom:1px solid #f0f0f0; border-top:1px solid #d6d6d6; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0; margin-bottom :30px;} .qr {border:none; border-bottom:1px solid #f0f0f0; border-top:1px solid #d6d6d6; clear:both; height:0; line- height:0; width:100%; font-size:0; padding:0 ;margin-bottom:10px;} .dotted {border-style:dashed; border-left:0; border-right:0;} .meta {font-weight:normal;font-family:Georgia, Arial, Helvetica, sans-serif; font-size:11px; color:#999999 !important; line-height:16px; text-transform:none; text-shadow:none;} .right {float:right;} .left {float:left;} .center {float:center;} .img_left {float:left; margin:10px 20px 10px 0;} .img_right {float:right; margin:10px 0 10px 20px;} .img_lefttop {float:left; margin:5px 20px 10px 0;} .clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} .textright {text-align:right;} .textjustify {text-align:justify;} .linkclear {border-bottom:0px dotted;} a.linkfullclear, a.linkfullclear:hover {text-decoration:none; border-bottom:0px dotted; background-color:#fff;} a.linkopacity img {filter:alpha(opacity=100);-moz-opacity: 1.0; opacity: 1.0;-khtml-opacity: 1.0;} a.linkopacity:hover img {filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;-khtml-opacity: 0.75; } .error, .success {display:none;} /* Buttons */ .button, .button:visited {background:#000000 url(../images/alert-overlay.png) repeat-x; display:inline-block; padding:5px 10px 6px; color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:13px; font-weight:bold; line-height:1; border:0;} .button:hover {background-color:#111; color:#fff; text-decoration:none;} .button:active {top:1px;} /* Footer */ .footer, .footer a {color:#494949;} .footer a:hover {color:#9d9d9d;} /* Sub Navigation */ ul.sidebar {list-style:none; margin:0 0 30px 0; padding:0;} ul.sidebar li {margin:0 0 0 0; padding:0;} ul.sidebar a {width:295px;display:inline-block; padding:10px 0 10px 5px; border-bottom:1px solid #e4e4e4; text-decoration:none; color:#393939; } ul.sidebar li:last-child a {-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; - webkit-border-bottom-right-radius:5px;} ul.sidebar li:first-child a {-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit- border-top-right-radius:5px;} ul.sidebar a:hover {width:280px; background:#f6f6f6; padding:10px 0 10px 20px;} /* Homepage QuickNavigation */ #quicknav {margin-top:10px; background:url(../images/link_border.png) repeat-x; border:1px solid #113264;} a .title {color:#000000;} .quicknavgrid_3 {width:204px; margin:0px; padding: 20px 20px 0; display:inline; float:left; position:relative; margin-left:1px;} .quicknav {color:#717171; border-bottom:none; text-decoration:none; background:#fcfcf2;} .quicknav:hover {background:url(../images/link_bg.png) repeat-x;} .quicknavhr {margin-top:10px; margin-bottom:0;} .quicknav.alpha {color:#717171; border-bottom:none; text-decoration:none; margin-left:0; width:205px;} /* About Us Staff Pages */ p.staffpage {margin: 0px; } p.staffname {font-size: 120%; font-weight: bold; margin: 10px 10px 10px 0px; line-height: 100%;} p.stafflink {font-size: 100%; font-weight: bold; margin: 0px 0px 10px 0px; line-height: 100%;} hr.smalldotted {background-color: transparent; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 1px dotted gray;} /* Common Scroller Styles */ .roundabout-holder {list-style:none; width:500px; height:300px; margin:0px auto;} .roundabout-moveable-item {font-size:12px!important; height:300px; width:600px; cursor:pointer; padding:5px; border:1px solid #aaaaaa; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f9f9f9;} .roundabout-moveable-item img {height:100%; width:100%; background-color:#FFFFFF; margin:0;} .roundabout-in-focus {cursor:auto;} .roundabout-in-focus:hover {-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;} .roundabout-holder span {display:none; font-size:12px;} .roundabout-in-focus:hover span {display:inline; position:absolute; bottom:5px; right:5px; padding:8px 20px; background:#f9f9f9; color:#000000; z-index:999; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px; font-size : 12px;border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; } .roundabout a:active, .roundabout a:focus, .roundabout a:visited {outline:none; text-decoration:none;} .roundabou li {margin:0} a img {border:none; outline:0;} /* Contact Form */ p.error {margin-left:140px; margin-top:10px;} #contact_form ul {float:left;} #contact_form ul li {margin:10px 0; list-style:none; position:relative; clear:both;} #contact_form label {line-height:35px; width:100px; text-align:right; float:left; margin-right:10px;} #contact_form input#name, #contact_form input#email, #contact_form input#subject, #contact_form textarea {float:left; padding:8px; border:1px solid #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;} #contact_form input#name, #contact_form input#email, #contact_form input#subject {width:400px;} #contact_form textarea {width:500px;height:150px; resize: none;} #contact_form input.button {float:right;} /* Contact Page Sidebar */ .contact ul {list-style:none;} .contact li {margin:0;} /* Social Navigation Footer */ .navFollow {float:right; padding: 9px 20px 9px 9px; color:#000;} .navFollow img {border:0; margin:0 2.5px -3px 2.5px; border-bottom:0px;} /* Body Border */ #bodyholder {position: relative; margin-top: 10px; margin-left: auto; margin-right: auto; margin-bottom: 10px; width: 1020px; background-color: #113264;} /* Header */ #header {position: relative; height: 145px; background-color: transparent; background-repeat: no-repeat; margin-bottom:15px;} /* Logo */ #logo {float:left; margin-top:10px; margin-left:0px; margin-right:0px; margin-bottom:0px;} /* Caption */ #caption {float:right; margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px; color:#556b2f; text-shadow:1px 1px 1px #cfcfcf; font-size:23px; line-height:30px;font-weight:normal;} #caption span {color:#000000; font-weight:bold;} /* Search bar */ #search {float: right; margin-top:-34px; margin-left:0px; margin-right:0px; margin-bottom:0px;} #search form {float: right; } /* Content */ #content {margin-left:20; margin-right:20;} #leftcolumn {float:left; padding-right:15px;} #leftcolumn ul {list-style: none; margin: 0px; padding: 0 0 0 0px; float: left;} #leftcolumn li { float:left; display:inline; margin: 0 0 0 0px; border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #666; } #leftcolumn img {margin-right:1.5em; float:left; clear:left; padding:3px; border: 1px solid #F0F0F0; -webkit-border-radius:4px;} #featuredimage {float:right; padding:0 0 0 10px; } #featuredimage ul {list-style: none; margin-bottom:0px; padding: 0 0 0 0px; float: right;} #featuredimage li {float:right; display:inline; margin-bottom:0px; padding: 0 0 0 0px;} #featuredimage img {margin-left:0px; float:right; clear:right; padding:3px; border: 1px solid #113264; -webkit-border-radius:4px;} #rightcolumn {float:right; padding-left:10px; background:#F0F0F0; border:1px solid #113264; -webkit-border-radius:4px;} #rightcolumn ul {list-style: none; margin: 0px; padding: 0 0 0 0px; border:none; float: right;} #rightcolumn li {float:right; display:inline; margin: 0 0 0 0px;} #rightcolumn img {margin-left:0px; float:right; clear:right; padding:3px; border: 1px solid #F0F0F0; -webkit-border-radius:4px;} #rightcolumn object {margin-left:0px; float:right; clear:right; padding:3px;} .featuredTitle {float:left; margin-top:10px; margin-bottom:0px;} /* Issue Content */ #issuecontent {margin-left:20px; margin-right:20px; border-bottom:1px solid #707070;} #issueheader {position:relative;} #issueleftcolumn {float:left; padding:10px; border:1px solid #707070;} #issueleftcolumn ul {list-style:none; margin: 0px; padding:0px; float: left;} #issueleftcolumn li {float:left; display:inline; margin:0px; } #issuerightcolumn {float:right; padding:0px;} #issuerightcolumn img {float:right; clear:left; padding:3px; border: 1px solid #F0F0F0; -webkit-border-radius:4px;} #issueresources {float:left; margin-top:10px; padding-top: 3px;} #issueresources ul {list-style: none; margin: 0px; padding:0px; float: left;} #issueresources li {float:left; display:inline; margin:0px;} #issueresources img {margin-right:1.5em; float:left; clear:left; padding:3px; border: 1px solid #F0F0F0; -webkit-border-radius:4px;} /* Resources Content */ #resourcecontent {margin-left:20px; margin-right:20px;} #resourceheader {position:relative; border-bottom:1px solid #707070;} #resourcekey {height:25px; position:relative; margin-top:5px; border:1px solid #707070;} #resourcekey a {position:relative; border:none; background:none; } #resourcekey ul {list-style: none; float: left; margin-left:3px; margin-top:3px;} #resourcekey li.item {padding: 0 0 0 0px; } .resourcetitle {float:left; margin-top:15px; margin-bottom:-5px; padding:0px; color:#000000;} #resourceleftcolumn {float:left; margin-top:5px; } #resourceleftcolumn a {color:#ffffff;} .leftissueone {float:left; width:456px; padding:10px; border:1px solid #F0F0F0; color:#707070; background:#113264;} .leftissuetwo {float:left; width:456px; padding:10px; border:1px solid #F0F0F0; background:#788662;} .leftissuethree {float:left; width:456px; padding:10px; border:1px solid #F0F0F0; background: #8F02BD;} #resourcerightcolumn {float:right; margin-top:5px;} #resourcerightcolumn a {color:#ffffff;} .rightissueone {float:right; width:456px; padding:10px; border:1px solid #F0F0F0; background:#A7030E;} .rightissuetwo {float:right; width:456px; padding:10px; border:1px solid #F0F0F0; background: #BD9C02;} .rightissuethree {float:right; width:456px; padding:10px; border:1px solid #F0F0F0; background: #02B2BD;} /* Footer */ #footer {clear:both; margin-top:5px; border-top:7px solid #113264 } /* navigation menu mostly from Solar1.org */ #menu {margin-bottom:15px; width:1020px; height:40px; clear:both; text-align:center;} #menu ul {list-style: none; float: right;} #menu a {font: bold 95% helvetica, arial, sans-serif; display: block; margin: 0; padding: 10px 3px; color: #ffffff; background: #113264; letter-spacing: 1px; text-decoration: none;} #menu a:hover {color: #113264; background: #788662; letter-spacing: 1px; text-decoration: none;} #menu Ul li ul a {width:180px;} #menu li {position: relative;} #menu ul ul {position: absolute; display: none; top: 29px; left: 0px;} #menu ul li.most{padding: 0 0 0 0px; border-top:1px solid #000000; z-index: 10; border-bottom:1px solid #000000; border-left:1px solid #000000;} #menu ul li.left_nav_button {padding: 0 0 0 0px; border-top:1px solid #000000; z-index: 10; border-bottom:1px solid #000000;} #menu ul li.right_nav_button {padding: 0 0 0 0px; border-top:1px solid #000000; z-index: 10; border-bottom:1px solid #000000; border-left: 1px solid #000000;} #menu ul li ul li {margin-left: -1px; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; z-index: 10;} #menu ul li ul li.rightbutton {margin-left: -62px; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; z-index: 10;} #menu ul li ul li.bottom{border-bottom:1px solid #000000; margin-left: -1px;} #menu ul li ul li.bottomright{border-bottom:1px solid #000000; margin-left: -62px;} #menu ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul {margin-top:6px; display: none; z-index: 10;} #menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul {display: block;z-index: 10;} /* Overiding Classes */ /* Must remain at the bottom of the stylesheet */ .clearfix:after {clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;} * html .clearfix {height:1%;} .alpha {margin-left:0;} .omega {margin-right:0;}