html { height: 100%; margin-bottom: 1px; } /* This forces a scrollbar on Mozilla & WebKit to prevent jumping on centered sites */
/* Do not remove the following section, these rules are required for forms */
.comment-replies {
margin-left: 30px;
}
.form-element.form-hide, .form-important {
display: none;
}
.form-element.form-type-checkbox label,
.form-element.form-type-radio label {
display: inline;
}
.form-float-left {
float: left;
}
.form-element.form-float-left {
padding-right: 10px;
}
/* This section works with the wt.hero function in site-local.js. Values set to % need to be set. Caption and control rules should be removed if not in use. */
div#imageFadeContainer {
position: relative;
width: 621px;
height: 371px;
overflow: hidden;
}
div#imageFadeContainer img {
position: absolute;
top: 0px;
left: 0px;
display:none;
}
div#imageFadeContainer div#hero-foreground {
}
div#imageFadeContainer div#hero-caption {
}
div#imageFadeContainer div#hero-controls {
}
div#imageFadeContainer div#hero-controls ul {
}
div#imageFadeContainer div#hero-controls ul li {
list-style:none;
}
div#imageFadeContainer div#hero-controls ul li a {
}
div#imageFadeContainer div#hero-controls ul li a#hero-previous {
}
div#imageFadeContainer div#hero-controls ul li a#hero-pause {
}
div#imageFadeContainer div#hero-controls ul li a#hero-play {
}
div#imageFadeContainer div#hero-controls ul li a#hero-next {
}
/* Global styles */
.clear {
clear: both;
}
form .clear {
clear: none;
}
.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
img.left {
float: left;
}
img.center {
display: block;
margin-left: auto;
margin-right: auto;
}
img.right {
float: right;
}
/* Specific styles */
html {
background:#636363;
color:#231f20;
}
html#home { color: #636363; }
h1 { font-size:24px; }
h2 { font-size:24px; }
h3 { font-size:20px; }
h4 { font-size:16px; }
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a { color:#4C762E;line-height:1.2; margin-bottom:5px; border:0;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, a.readmore:hover { color:#F77016; }
dt {
font-weight:bold;
font-size:14px;
}
a {
color:#676767;
text-decoration:none;
border-bottom:1px solid #676767;
}
.padding {padding:10px;}
a.no_border {
border:0;
}
#hd {
background:#fff url(/images/bg.png) repeat-x 0 0;
position:relative;
height:100px;
}
#hd a {border:0;}
#hd #logo {
position:relative;
float:left;
padding-top:33px;
padding-left:10px;
}
#hd #logo h2 {
text-indent:-9999px;
margin:0;
padding:0;
}
#hd #logo h2 a {
display:block;
background:url(/images/restart_logo.png) 0 0 no-repeat;
width:218px;
height:55px;
}
#hd #nav {
position:relative;
float:right;
padding-top:51px;
}
#hd #nav ul li {
list-style:none;
float:left;
margin-left:20px;
height:27px;
overflow:hidden;
text-indent:-9999px;
}
#hd #nav ul li a {
height:54px;
width:40px;
display:block;
}
#hd #nav ul li a:hover, #hd #nav ul li.selected a, #hd #nav ul li.ancestor a {
margin-top:-27px;
}
#hd #nav ul li.nav-news-events a {
background-image:url(/images/nav-news_events.png);
width:116px;
}
#hd #nav ul li.nav-class-schedule a {
background-image:url(/images/nav-class_schedule.png);
width:125px;
}
#hd #nav ul li.nav-programs a {
background-image:url(/images/nav-programs.png);
width:88px;
}
#hd #nav ul li.nav-forms a {
background-image:url(/images/nav-forms.png);
width:61px;
}
#hd #nav ul li.nav-about a {
background-image:url(/images/nav-about.png);
width:61px;
}
#hd #nav ul li.nav-contact a {
background-image:url(/images/nav-contact.png);
width:72px;
}
#bd {
background:#fff;
padding:20px 0;
}
#bd div#login-wrap {
width:26em;
text-align:center;
overflow:hidden;
}
#bd div.news_items {
background: url(/images/news_items_bg.jpg) 0 0 no-repeat;
}
#bd div.news_items h3 {
color:#676767;
margin:0;
font-size: 123.1%;
}
#bd div.news_items h3 a {
color:#676767;
}
#bd div.news_items p { font-size: 77%; }
#bd div.heroshots a {
border:0;
}
#bd div.info p.intro {
color:#4C762E;
}
#bd div.info h3, #bd div.info h4 {
margin:0;
}
#bd .readmore {
border:0;
font-weight:bold;
text-transform:uppercase;
font-size:80%;
}
#bd div.grid_8 div.heroshots img {
width:620px;
}
#bd div.grid_4 div.heroshots img {
width:300px;
}
#bd div.archives .padding {
padding-top:0;
}
#bd div.archives div.item p {font-size:11px;}
#bd div.archives div.item h4 {
color:#676767;
margin-bottom:3px;
font-size:13px;
}
#bd div.archives div.item h4 a { color:#676767; }
div.news-events #bd div.item { margin-bottom:30px; }
div.news-events #bd div.item img, div.programs #bd div.item img {
position:relative;
float:left;
margin-right:10px;
}
div.news-events #bd div.archives div.item { margin-bottom:15px; }
div.news-events #bd div.item p {
margin-bottom:5px;
}
div.forms #bd div.main div.item a {
display:block;
position:relative;
float:left;
min-width:180px;
text-transform:uppercase;
letter-spacing:0.05em;
background:#949494;
color:#fff;
padding:8px 30px 8px 10px;
border:0;
margin:0 10px 10px 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
div.forms #bd div.main div.pdf a {
background:#949494 url(/images/pdf.png) no-repeat 100% 50%;
}
div.forms #bd div.main div.item a:hover {
background-color:#f88122;
}
div.contact #bd img.map {
width:600px;
height:300px;
border:1px solid #999999;
}
#bd table {
width:100%;
text-align:left;
}
#bd table th {
font-size:18px;
line-height:1.2;
border-bottom:1px solid #ddd;
vertical-align:bottom;
color:#4C762E;
}
div.stakeholders #bd table th {
font-size:14px;
padding:5px 0 0 5px;
border-right:1px solid #ddd;
}
#bd table td {
padding:5px;
}
div.class-schedule #bd table td.side {
width:50%;
}
div.stakeholders #bd table td {
border-right:1px solid #ddd;
line-height:1.4;
}
#bd table tr.alt td {
background:#eee;
}
#bd table tr td.time {
width:140px;
text-align:center;
}
#bd div.sidebar h2 {
display:none;
}
#bd ul.navigation li.up-one-level {
display:none;
}
#bd div.sidebar ul.navigation li {
text-indent:-9999px;
width:136px;
height:26px;
overflow:hidden;
list-style:none;
margin:0 0 3px 0;
}
#bd div.sidebar ul.navigation li a {
display:block;
width:272px;
height:26px;
border:0;
}
#bd div.sidebar ul.navigation li a:hover, #bd div.sidebar ul.navigation li.selected a {
margin-left:-136px;
}
#bd div.sidebar ul.navigation li.nav-mission a {
background-image:url(/images/sidebar-nav-mission.png);
}
#bd div.sidebar ul.navigation li.nav-staff a {
background-image:url(/images/sidebar-nav-staff.png);
}
#bd div.sidebar ul.navigation li.nav-partnerships a {
background-image:url(/images/sidebar-nav-partnerships.png);
}
#bd div.sidebar ul.navigation li.nav-stakeholders a {
background-image:url(/images/sidebar-nav-stakeholders.png);
}
#bd div.sidebar ul.navigation li.nav-board a {
background-image:url(/images/sidebar-nav-board.png);
}
#bd div.form-wrapper form {
width:600px;
}
#bd div.form-wrapper form input.input-text, #bd div.form-wrapper form textarea {
background:#EFEFEF;
border:2px solid #D8D8D8;
width:220px;
font-size:16px;
font-family:Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
padding:3px;
}
#bd div.form-wrapper form textarea {
height:74px;
width:340px;
}
#bd div.form-wrapper form fieldset {
margin-bottom:0;
}
#bd div.form-wrapper form label {
display:block;
font-size:11px;
}
#bd div.form-wrapper form div.form-element {
margin-bottom:15px;
}
#bd div.form-wrapper form div.form-type-paragraph {
float:right;
padding-right:0;
}
#bd div.form-wrapper form div.form-type-submit {
clear:both;
text-align:right;
}
#bd div.form-wrapper form div.form-type-submit input {
background:#BCBCBC;
border:0;
color:#fff;
padding:5px 10px;
font-weight:bold;
font-size:13px;
text-transform:uppercase;
}
#bd div.ex_dir, #bd div.members {
width:100%;
overflow:hidden;
}
#bd dl {
float:left;
width:45%;
margin-right:20px;
}
#lower {
margin-top:25px;
}
#ft {
background:#636363 url(/images/bg.png) repeat-x 0 0;
padding:30px 0;
margin-bottom:50px;
color:#B7B7B7;
_border-top:8px solid #77a257;
}
#ft a {
color:#B7B7B7;
border:0;
}
#ft p {
font-size:11px;
margin:0;
}
#ft ul {
float:right;
}
#ft ul li {
list-style:none;
margin:0 0 0 15px;
text-transform:uppercase;
padding:0;
float:left;
font-size:10px;
}
/* Extra 960 grids stuff */
/* Border on right hand side of a column. */
.border {
padding-right: 4px;
margin-right: 5px;
border-right: 1px solid #E6E6E6;
}
/* Border with more whitespace, spans one column. */
div.container_12 .colborder {
padding-right: 39px;
margin-right: 40px;
border-right: 1px solid #E6E6E6;
}
div.container_16 .colborder {
padding-right: 29px;
margin-right: 30px;
border-right: 1px solid #E6E6E6;
}