html * {
margin: 0;
padding: 0;
}
body { background: #071f5e url(/public/img/bg.jpg) 50% 0% repeat-x; }
/*-- Global ---------- */
body, textarea {
font: 12px/18px Helvetica, Arial, Verdana, Tahoma, sans-serif;
color: #000;
}
a {
color: #071f5e;
font-weight: bold;
text-decoration: none;
}
a:hover { color: #6d2020; }
img, fieldset { border: 0; }
select option { padding: 0 10px 0 0; }
h1 { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2 { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4 { font-size: 14px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
p { padding: 0 0 18px 0; }
h1, h2, h3, h4, h5, h6 {
/* font-weight: normal; */
color: #071f5e;
}
blockquote {
padding: 18px;
background: #eee;
margin: 0px 36px 18px 18px;
}
ul, ol {
margin: 0px 36px 18px 18px;
}
ul li, ol li { margin: 9px 0 9px 0;}
/*-- Clearing Styles & Container --*/
#home-container {
background: url(/public/img/home-top-bg.jpg) 50% 48px no-repeat;
min-width: 934px;
/* Come back later to put in IE hack for min-width ------*/
}
#int-container {
background: url(/public/img/int-top-bg.jpg) 50% 48px no-repeat;
min-width: 934px;
/* Come back later to put in IE hack for min-width ------*/
}
.block {
width: 934px;
margin: 0 auto;
display: block;
}
.clearfix { display: inline-block; }
.block:after, .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.column {
float: left;
width: 240px;
}
/* Header ----*/
#header { width: 920px; }
/*-- Main Navigation --*/
#navigation {
width: 617px;
}
#top-join-button {
padding: 0;
float: right;
}
#top-join-button a {
display: block;
float: left;
text-decoration: none;
text-indent: -999em;
background: url(/public/img/join-the-alliance-topbutton.jpg) no-repeat;
width: 153px;
height: 48px;
}
ul#top-navigation {
margin: 0;
list-style: none;
float: right;
padding: 5px 0 0 0;
}
ul#top-navigation li {
float: left;
padding: 0 5px 0 6px;
font-size: 11px;
height: 43px;
margin: 0;
line-height: 43px;
}
ul#top-navigation li a {
}
ul#main-navigation {
margin: 0;
list-style: none;
padding: 41px 0 0 0;
width: 608px;
float: left;
}
ul#main-navigation li {
margin: 0;
float: left;
}
ul#main-navigation li a {
display: block;
float: left;
text-decoration: none;
text-indent: -999em;
height: 41px;
}
ul#main-navigation li#about_us a {
width: 107px;
background: url(/public/img/nav-about-us.jpg) no-repeat;
}
ul#main-navigation li#legislative_agenda a {
width: 154px;
background: url(/public/img/nav-leg-agenda.jpg) no-repeat;
}
ul#main-navigation li#talent_bank a {
width: 113px;
background: url(/public/img/nav-talent-bank.jpg) no-repeat;
}
ul#main-navigation li#partners a {
width: 91px;
background: url(/public/img/nav-partners.jpg) no-repeat;
}
ul#main-navigation li#research_center a {
width: 143px;
background: url(/public/img/nav-research-center.jpg) no-repeat;
}
/*-- Logo --*/
#logo {
padding: 5px 0 0 0;
width: 303px;
}
#logo a {
display: block;
text-decoration: none;
text-indent: -999em;
}
#home-container #logo a {
width: 303px;
height: 125px;
background: url(/public/img/home-logo.jpg) no-repeat;
}
#int-container #logo a {
width: 303px;
height: 125px;
background: url(/public/img/int-logo.jpg) no-repeat;
}
/*-- Home Intro --*/
#home-intro {
width: 448px;
height: 206px;
background: url(/public/img/home-img-main.jpg) no-repeat;
padding: 33px 0 0 472px;
}
#home-intro p {
width: 417px;
background: url(/public/img/home-img-copy.gif) no-repeat;
height: 180px;
text-indent: -999em;
}
/*-- Home Features --*/
#home-features {
padding: 0 0 18px 0;
}
#home-features .column {
height: 105px;
line-height: 13px;
}
#home-feature-autonomy {
width: 164px;
padding: 38px 28px 0 119px;
background: url(/public/img/home-feature-autonomy.jpg) no-repeat;
}
#home-feature-health {
width: 169px;
padding: 38px 119px 0 24px;
background: url(/public/img/home-feature-health.jpg) no-repeat;
}
#home-feature-political {
width: 168px;
padding: 38px 119px 0 24px;
background: url(/public/img/home-feature-political.jpg) no-repeat;
}
#home-features .column h4.home-feature-title {
padding: 0;
text-indent: -999em;
}
#home-features .column p {
padding: 0 0 0 3px;
font-size: 10px;
color: #fff;
height: 62px;
}
#home-features .column p.more {
height: 16px;
padding: 3px 0 0 0;
}
#home-features .column p.more a {
background: url(/public/img/read-more-green.gif) no-repeat;
width: 79px;
display: block;
height: 16px;
text-indent: -999em;
}
/*-- Home Content ---*/
#home-content {
background: url(/public/img/home-cols-bg.gif) repeat-y;
}
#home-news-events {
width: 302px;
padding: 0 0 0 8px;
background: url(/public/img/home-cols-topleft.gif) no-repeat;
}
h4#home-news-title, h4#home-events-title, h4#home-youshouldknow-title {
height: 18px;
text-decoration: none;
text-indent: -999em;
padding: 0 0 12px 0;
margin: 0 0 9px 0;
}
#home-news-events p.more { padding: 0;}
#home-news-events p.more a {
float: right;
font-size: 10px;
color: #6d2020;
}
h4#home-news-title {
background: url(/public/img/home-news-title.gif) no-repeat;
}
h4#home-events-title {
background: url(/public/img/home-events-title.gif) no-repeat;
}
h4#home-youshouldknow-title {
background: url(/public/img/home-youshouldknow-title.gif) no-repeat;
border-bottom: solid 1px #dde0e9;
}
#home-news-events ul {
border-top: solid 1px #dde0e9;
margin: 0;
list-style: none;
}
#home-news-events ul li {
padding: 9px 0;
border-bottom: solid 1px #efefef;
}
#home-news-events ul li h4, #home-news-events ul li h5 {
margin: 0;
font-family: Georgia, Times, "Times New Roman", serif;
}
#home-news-events ul li a {
text-decoration: underline;
font-size: 14px;
font-weight: normal;
}
#home-news-events ul li p.date {
padding: 0;
color: #3b8d09;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}
#home-news-events ul li h5 { padding: 0; }
#home-news-events ul li h5 a {
padding: 0;
text-decoration: none;
font-size: 14px;
}
#home-news-events ul li a.more {
text-decoration: none;
background: url(/public/img/arrow_red_r.gif) 100% 50% no-repeat;
font-weight: bold;
padding: 0 10px 0 0;
font-size: 10px;
}
li.news-events-more {
margin:0;
}
#home-marquees {
width: 314px;
}
#home-extras {
width: 302px;
padding: 0 8px 0 0;
background: url(/public/img/home-cols-topright.gif) 100% 0% no-repeat;
}
#home-content .content-box {
padding: 18px 30px;
border-bottom: solid 2px #dde0e9;
}
.home-content-title {
font-family: Georgia, Times, "Times New Roman", serif;
font-weight: normal;
font-size: 24px;
border-bottom: solid 1px #dde0e9;
padding: 0 0 9px 0;
margin: 0 0 8px 0;
line-height: 27px;
}
/*-- Int Content ---*/
#int-content {
background: url(/public/img/int-cols-bg.gif) 8px 0px repeat-y;
}
#contentarea {
width: 578px;
padding: 18px 18px 0 28px;
background: url(/public/img/int-cols-topleft.gif) no-repeat;
}
#contentarea a { text-decoration: underline; }
#sidebar {
width: 302px;
padding: 0 8px 0 0;
background: url(/public/img/int-cols-topright.gif) top right no-repeat;
}
h2#contenttitle {
color: #3b8d09;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 30px;
padding: 0 0 16px 0;
margin: 0 0 4px 0;
border-bottom: solid 2px #dde0e9;
font-weight: normal;
}
#int-content .content-box {
padding: 18px 30px;
border-bottom: solid 2px #dde0e9;
}
/*-- Sidebar Buttons --*/
h4#join-button, h4#downloadpdf-button, h4#subscribe-button, h4#events-button { padding: 0 0 9px 0; }
h4#join-button a {
display: block;
width: 238px;
height: 66px;
text-indent: -999em;
text-decoration: none;
background: url(/public/img/join-button.gif) no-repeat;
}
h4#downloadpdf-button a {
display: block;
width: 238px;
height: 48px;
text-indent: -999em;
text-decoration: none;
background: url(/public/img/downloadpdf-button.jpg) no-repeat;
}
h4#events-button a {
display: block;
width: 236px;
height: 49px;
text-indent: -999em;
text-decoration: none;
background: url(/public/img/events-button.jpg) no-repeat;
}
h4#subscribe-button a {
display: block;
width: 238px;
height: 82px;
text-indent: -999em;
text-decoration: none;
background: url(/public/img/subscribe-news-button.jpg) no-repeat;
}
a#colacollege img {
margin:0 auto;
display: block;
width:96px;
}
/*-- Subnav ---*/
ul.subnav, ul.subnav li {
margin: 0;
list-style: none;
}
ul.subnav {
padding: 18px 0 0 0px;
border-bottom: solid 2px #dde0e9;
}
ul.subnav li a {
display: block;
padding: 9px 3px 9px 30px;
border-top: solid 1px #dde0e9;
text-decoration: underline;
font-size: 13px;
}
ul.subnav li a:hover {
background: #fff;
padding: 9px 3px 9px 26px;
}
/*-- Breadcrumb ---*/
ul#breadcrumb {
margin: 0 0 8px 0;
border-bottom: solid 1px #dde0e9;
list-style: none;
padding: 4px 0 5px 0;
}
ul#breadcrumb li {
margin: 0;
display: inline;
font-size: 11px;
}
ul#breadcrumb li a {
background: url(/public/img/wht-arrow.gif) 100% 50% no-repeat;
padding: 0 15px 0 0;
margin: 0 2px 0 0;
text-decoration: none;
}
ul#breadcrumb li.active a {
background: none;
font-weight: normal;
color: #333;
}
/*-- Footer ---*/
#footer {
padding: 27px 39px;
width: 856px;
background: url(/public/img/footer-bg.gif) no-repeat;
color: #fff;
}
#footer a {
color: #fff;
}
#footer p {
margin: 5px 0 0 0;
padding: 0;
}
#int-container #footer {
padding: 27px 39px;
width: 856px;
background: url(/public/img/int-footer-bg.gif) 8px 0px no-repeat;
color: #fff;
}
ul#newslist h4 {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.6em;
color: #c73633;
font-weight: normal;
border-bottom: solid 1px #d5d9dc;
padding: 0 0 6px 0;
margin: 0 0 10px 0;
}
ul#newslist h4 a {
display: block;
float: right;
font-family: "Lucida Grande","Lucida Sans Unicode", Trebuchet MS, Verdana, Tahoma, sans-serif;
font-weight: bold;
text-decoration: none;
}
ul#newslist {
list-style: none;
margin: 0;
padding: 0;
}
ul#newslist li {
margin: 0;
padding: 9px 0;
border-bottom: solid 1px #eee;
}
ul#newslist li h5 {
font-size: 14px;
padding: 0;
}
ul#newslist li h5 a {
padding: 0 0 2px 0;
display: block;
text-decoration: none;
}
ul#newslist li a.more {
text-decoration: none;
background: url(/public/img/arrow_red_r.gif) 100% 50% no-repeat;
font-weight: bold;
padding: 0 10px 0 0;
}
ul#categories {
list-style: none;
margin: 0;
padding: 12px 0 0 0;
}
ul#categories li {
margin: 0;
padding: 9px 0;
border-bottom: solid 1px #eee;
}
ul#categories li h3 {
padding: 0 0 0 12px;
font-size: 14px;
background: url(/public/img/arrow_red_r.gif) 0px 4px no-repeat;
}
ul#categories li h3 a {
padding: 0 0 2px 0;
display: block;
border-bottom: solid 1px #eee;
margin: 0 0 4px 0;
}
ul#categories li h4 {
padding: 0;
font-size: 15px;
}
ul#categories li h4 a {
padding: 0 0 2px 0;
display: block;
text-decoration: none;
}
ul#categories li ul {
padding: 0 0 0 10px;
}
ul#categories li ul li {
padding: 4px 0;
}
h3#categorytitle {
border-bottom: solid 1px #eee;
padding: 0 0 8px 0;
margin: 0 0 8px 0;
font-size: 18px;
}
span.reads {
font-weight: bold;
font-size: 10px;
margin: 0 6px 0 0;
}
/*-- Events --*/
ul#eventslist {
list-style: none;
margin: 0;
padding: 0 0 9px 0;
}
ul#eventslist li {
margin: 0 0 9px 0;
padding: 0 0 9px 0;
border-bottom: solid 1px #eee;
}
ul#eventslist li a.more {
text-decoration: none;
background: url(/public/img/arrow_red_r.gif) 100% 50% no-repeat;
font-weight: bold;
padding: 0 10px 0 0;
margin: 0 12px 0 0;
}
ul#eventslist li h3 {
padding: 10px 0 0 0;
font-size: 13px;
}
ul#eventslist li h3 a {
padding: 0 0 4px 0;
display: block;
text-decoration: none;
border-bottom: solid 2px #eee;
margin: 0;
}
#eventinfo h4 {
font-size: 16px;
padding: 10px 0 12px 0;
margin: 0 0 10px 0;
border-bottom: solid 3px #bbb;
}
h5.eventsubhead {
padding: 8px 0 8px 0;
margin: 0 0 8px 0;
clear: both;
font-weight: bold;
font-size: 14px;
border-bottom: solid 1px #ccc;
}
#eventform #guestinfo input {
width: 120px;
margin: 0 6px 0 0;
}
#eventform #guestinfo p span {
width: 120px;
display: block;
float: left;
margin: 0 4px 0 0;
padding: 5px 14px 5px 0;
font-weight: bold;
}
/* --- Calendar ------------- */
p#event_submit_button { padding: 0; float: right; }
table.calendar-small { float: right; }
table.calendar-small th.month { background-color: #E0E0E0; }
table.calendar-small td.prev-month { text-align: left; }
table.calendar-small td.next-month { text-align: right; }
table.calendar-small th.day-of-week { font-size: 8pt; }
table.calendar-small td.selected-day { background-color: #FFFFFF; }
table.calendar-small td.day { background-color: #E0E0E0; }
table.calendar-small td.today { background-color: #E0E0E0; font-weight: bold; }
table.calendar-large { width: 578px; }
table.calendar-large td { vertical-align: top; }
table.calendar-large th.month {
padding: 9px 0;
border-bottom: solid 1px #ddd;
text-align: left;
font-size: 18px;
font-weight: normal;
}
table.calendar-large th.month a { font-size: 11px; }
table.calendar-large td.prev-month { text-align: left; }
table.calendar-large td.next-month { text-align: right; }
table.calendar-large td.prev-month a {
background: url("/public/img/blu_arrow_l.gif") left 5px no-repeat;
padding: 0 0 0 10px;
font-size: 12px;
text-decoration: none;
}
table.calendar-large td.next-month a {
background: url("/public/img/blu_arrow_r.gif") right 5px no-repeat;
padding: 0 10px 0 0;
font-size: 12px;
text-decoration: none;
}
table.calendar-large tr.month-nav td {
padding: 3px 0 8px 0;
}
table.calendar-large tr.month-nav td a {
text-decoration: none;
font-size: 12px;
}
table.calendar-large th.day-of-week {
font-size: 10px;
}
table.calendar-large td.selected-day {
background-color: #042e50;
font-weight: bold;
color: #fff;
padding: 4px;
}
table.calendar-large td.selected-day a { color: #fff; }
table.calendar-large td.day {
background-color: #efefef;
padding: 4px;
width: 14%;
height: 100px;
}
table.calendar-large td p {
padding: 0 0 3px 0;
font-size: 10px;
line-height: 130%;
}
table.calendar-large td span.event_time {
font-size: 10px;
margin: 3px 0 0 0;
}
table.calendar-large td span.event_link a {
display: block;
font-size: 10px;
font-weight: normal;
}
table.calendar-large td.today {
background-color: #eee;
font-weight: bold;
}
#guestinfo span {
font-weight: bold;
width: 170px;
display: block;
float: left;
}
#guestinfo p#guest1 input.forminput,
#guestinfo p#guest2 input.forminput,
#guestinfo p#guest3 input.forminput,
#guestinfo p#guest4 input.forminput,
#guestinfo p#guest5 input.forminput,
#guestinfo p#guest6 input.forminput,
#guestinfo p#guest7 input.forminput,
#guestinfo p#guest8 input.forminput,
#guestinfo p#guest9 input.forminput,
#guestinfo p#guest10 input.forminput,
#guestinfo p#guest11 input.forminput,
#guestinfo p#guest11 input.forminput
{
width: 160px;
margin: 0 5px 0 0;
}
/* Gallery --- */
/*
ul#gallerylist {
float: left;
width: 550px;
}
ul#gallerylist, ul#gallerylist li {
list-style: none;
padding: 0;
margin: 0;
}
ul#gallerylist li img.thumbnail {
float: left;
margin: 0 9px 9px 0;
padding: 4px;
border: solid 1px #ddd;
}
ul#gallerylist li {
float: left;
width: 550px;
border-bottom: solid 1px #eee;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
clear: both;
}
ul#gallerylist li h3 {
padding: 0 0 9px 0;
}
ul#gallerylist li h3 a {
font-weight: normal;
}
#gallery h3 {
font-size: 18px;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}
#gallery .gallerymeta {
float: right;
font-size: 11px;
}
#photocontainer p {
font-size: 11px;
}
#photocontainer {
width: 550px;
margin: 0 auto;
text-align: center;
}
#photocontainer p {
text-align: left;
}
#photocontainer p.photonav {
padding: 4px 0 4px 0;
text-align: center;
}
#currentphoto {
padding: 6px;
border: solid 1px #ddd;
}
* html #currentphoto { width: 540px; }
.thumbnail {
vertical-align: top;
padding: 3px;
border: solid 1px #ddd;
}
#thumbnails {
width: 550px;
margin: 0 auto;
}
#thumbnails p.back {
font-size: 11px;
padding: 0;
}
#thumbnails a {
text-decoration: none;
}
#thumbnails .active {
border: solid 1px #333;
padding: 3px;
}
*/
/* Gallery --- */
ul#gallerylist {
float: left;
}
ul#gallerylist, ul#gallerylist li {
list-style: none;
padding: 0;
margin: 0;
}
ul#gallerylist li img.thumbnail {
float: left;
margin: 0 9px 9px 0;
padding: 4px;
border: solid 1px #ddd;
}
ul#gallerylist li {
border-bottom: solid 1px #eee;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
clear: both;
}
ul#gallerylist li h3 {
padding: 0 0 9px 0;
}
ul#gallerylist li h3 a {
font-weight: normal;
}
#gallery h3 {
font-size: 18px;
border-bottom: solid 1px #ddd;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}
#gallery .gallerymeta {
float: right;
font-size: 11px;
}
#photocontainer p {
font-size: 11px;
}
#photocontainer {
margin: 0 auto;
text-align: center;
width: 590px;
}
#photocontainer p {
text-align: left;
}
#photocontainer p.photonav {
padding: 4px 0 4px 0;
text-align: center;
}
#currentphoto {
padding: 6px;
border: solid 1px #ddd;
}
* html #currentphoto { width: 540px; }
.gallerylink {
width: 50px;
height: 50px;
margin: 3px;
border: solid 3px #eee;
overflow: hidden;
float: left;
text-align: center;
}
.thumbnail {
/*vertical-align: top;
padding: 3px;
border: solid 1px #ddd;
*/
}
#thumbnails {
margin: 0 auto;
text-align: left;
}
#thumbnails p.back {
font-size: 11px;
padding: 0;
}
#thumbnails a {
text-decoration: none;
}
#thumbnails .active {
/*border: solid 1px #333;
padding: 3px;
*/
}
ul#albums {
list-style: none;
margin: 0;
}
ul#albums li {
float: left;
width: 150px;
height: 138px;
background: #eee;
border-right: solid 1px #fff;
border-bottom: solid 1px #fff;
padding: 16px 10px;
text-align: center;
}
ul#albums li div.albums-img-container {
overflow: hidden;
width: 70px;
/*height: 80px;*/
border: solid 4px #fff;
margin: 0 auto;
}
ul#albums li p { padding: 0; }
ul#albums li h5 {
font-size: 11px;
padding: 3px 0;
border: none;
margin: 0;
}
ul#albums li h5 a { font-weight: normal; }
ul#albums li span {
font-size: 10px;
font-family: Lucida Grande, Verdana, Tahoma, sans-serif;
}
/* Form Styles
-------------------------------*/
form.forms p, form.forms .formr {
font-weight: bold;
}
form.forms p.formcol1 {
width: 225px;
float: left;
clear: both;
}
form.forms p.formcol2, form.forms div.formcol2 {
margin: 0 0 0 220px;
}
#highlight {
background: #F7C91E;
padding: 5px;
}
form.forms p.formrow {
width: 510px;
clear: both;
}
form.forms p input.forminput {
padding: 3px;
font-size: 1.1em;
width: 210px;
border: 1px solid #ccc;
}
form.forms textarea {
width: 500px;
height: 150px;
padding: 3px;
font-family: "Lucida Grande","Lucida Sans Unicode", Trebuchet MS, Verdana, Tahoma, sans-serif;
margin: 0 0 10px 0;
font-size: .9em;
border: 1px solid #ccc;
}
form.forms .formr, form.forms .formwrapper {
clear: both;
padding: 0 0 10px 0;
}
form.forms select { margin: 3px 0; }
form.forms .submit {
padding: 10px;
background: #cc0000;
color: #fff;
font-weight: bold;
border: none;
}
p.error {
color: #cc0000;
font-size: .9em;
}
span.error, span.required {
color: #cc0000;
font-size: .9em;
font-weight: bold;
}
span.error { display: block; }
form.forms p label {
display: block;
}
form.forms fieldset {
border: none;
padding: 8px 0 10px 0;
}
form.forms fieldset h4 {
color: #87a4b4;
font-size: 14px;
border-bottom: solid 1px #ddd;
padding: 0 0 6px 0;
margin: 0 0 6px 0;
}
form.forms p.checkbox label {
display: inline;
margin: 0 0 0 5px;
}
form.forms p.checkbox input {
vertical-align: middle;
}
form.forms h3 {
clear: both;
}
form.forms p span {
font-weight: normal;
}
body#editContent {
padding: 10px;
background: #fff;
}