/*-- NEW SITE ---------- */
html * {
margin: 0;
padding: 0;
}
body { background: #efefef url("/public/img/bkg.gif") repeat-x; }
/*-- Global ---------- */
body, textarea {
font: 12px/18px Helvetica, Arial, Verdana, Tahoma, sans-serif;
color: #313131;
}
a {
color: #003366;
}
a:hover {
color: #000;
text-decoration: none;
}
img, fieldset { border: 0; }
select option { padding: 0 9px 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;}
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 --*/
#container {
}
.block {
width: 980px;
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: 192px;
}
/*-- Global Text Styles --*/
h2#contenttitle {
margin: 0 0 7px 0;
padding: 11px 9px 0 9px;
color: #fff;
font-size: 20px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: -.05em;
background: #339966;
}
/*-- Header --*/
#tools {
padding: 0;
height: 30px;
background: #30a251;
clear: both;
}
#tools ul {
margin: 0;
padding: 6px 0 0 0;
list-style: none;
}
#tools ul li {
margin: 0;
padding: 0;
float: left;
}
#tools ul li a {
display: block;
padding: 0 10px 0 0;
font-weight: normal;
font-size: 11px;
color: #fff;
text-decoration: none;
float: left;
}
#tools ul li a:hover {
color: #ff9900;
text-decoration: none;
}
#header {
width: 980px;
height: 109px;
}
h1#logo {
padding: 0;
float: left;
}
h1#logo a {
display: block;
text-decoration: none;
text-indent: -999em;
width: 293px;
height: 109px;
background: url("/public/img/logo.gif") no-repeat;
}
#ad {
padding: 15px 0 0 0;
float: left;
width: 687px;
height: 60px;
text-align: right;
}
/*-- Navigation --*/
ul#navigation {
padding: 0;
list-style: none;
height: 35px;
}
ul#navigation li {
margin: 0;
padding: 0;
float: left;
}
ul#navigation li a {
display: block;
padding: 9px 10px 8px 10px;
font-weight: bold;
font-size: 12px;
color: #000;
text-decoration: none;
background: #f4f5f0;
border-left: solid 1px #dedbd1;
float: left;
}
ul#navigation li a:hover, ul#navigation li a.active {
color: #000;
background: #dedbd1;
}
ul#navigation li.blog a {
color: #000;
border-right: solid 1px #dedbd1;
}
/*-- Content Blocks --*/
.content-block {
width: 414px;
margin: 0 0 9px 0;
padding: 9px;
background: #fff;
}
div.content-block h2.content-block-title {
margin: 0 0 7px 0;
padding: 11px 9px 0 9px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
letter-spacing: -.05em;
}
#onthemove h2.content-block-title { background: #339966; }
#morearoundcolumbia h2.content-block-title { background: #336699; }
a.more-feature {
background: url("/public/img/more-link-bg.gif") no-repeat;
width: 177px;
height: 25px;
float: left;
color: #fff;
line-height: 25px;
text-decoration: none;
font-size: 11px;
padding: 0 7px 0 9px;
}
a.more-feature:hover {
color: #eee;
}
/*-- Main --*/
#main {
width: 980px;
margin: 8px auto;
padding: 0;
}
#main-content {
width: 432px;
margin: 0;
padding: 0;
float: left;
}
#subpagecenter {
width: 608px;
margin: 0 0 10px 0;
padding: 18px;
background: #fff;
float: left;
}
#secondary-content {
width: 212px;
margin: 0 0 0 7px;
padding: 0;
float: left;
}
.secondary-content-block {
width: 194px;
margin: 0 0 9px 0;
padding: 9px;
background: #fff;
}
.secondary-content-block h3.secondary-content-block-title {
margin: 0 0 7px 0;
padding: 20px 9px 9px 9px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
letter-spacing: -.05em;
background: #97acc1;
}
.secondary-content-block p { padding: 0; }
p.secondaryblocksimg {
padding: 0;
width: 56px;
float: left;
margin: 0 8px 5px 0;
}
p.secondaryblocksimg img {
padding: 3px;
width: 50px;
border: 1px solid #ccc;
float: left;
margin: 0;
padding: 0;
}
#sidebar {
width: 322px;
margin: 0 0 0 7px;
padding: 0;
float: left;
}
#sidebartoolbox {
width: 302px;
margin: 0 0 10px 0;
padding: 10px;
background: #ccc;
}
#sidebartoolbox ul, #sidebartoolbox ul li {
list-style: none;
margin: 0;
}
#sidebartoolbox ul li {
padding: 3px 0;
border-bottom: solid 1px #ddd;
}
#sidebartoolbox ul li a {
font-weight: bold;
text-decoration: none;
background: url(/public/img/small-rnd-arrow.gif) 0px 0px no-repeat;
padding: 0 0 0 15px;
font-size: 11px;
}
#sidebartoolbox ul li.twittericon a { background: url(/public/img/twitter-icon.gif) 0px 0px no-repeat; }
#sidebartoolbox ul li.feedicon a { background: url(/public/img/feed-icon.gif) 0px 0px no-repeat; }
#sidebartoolbox ul li.facebookicon a { background: url(/public/img/facebook-icon.gif) 0px 0px no-repeat; }
.sidebarads, #sidebarads {
width: 312px;
margin: 0 0 10px 0;
padding: 13px 5px;
background: #fff;
text-align: center;
}
#sidebarflickr {
width: 302px;
margin: 0 0 10px 0;
padding: 13px 10px;
background: #fff;
}
#flickrimg {
margin: 0 8px 5px 0;
padding: 3px;
height: 84px;
width: 84px;
border: 1px solid #ccc;
float: left;
}
/*-- Sidebar Nav ---- */
#sidebanav {
width: 302px;
margin: 0 0 10px 0;
padding: 10px;
background: #ccc;
}
#sidebanav ul {
margin: 5px 0;
padding: 0;
list-style: none;
}
#sidebanav ul li {
margin: 0;
padding: 0;
}
#sidebanav ul li a {
display: block;
padding: 4px 8px 5px 8px;
font-weight: bold;
color: #333;
}
#sidebanav ul li a:hover {
background: #ff9900;
color: #fff;
}
/*-- Search Form ---- */
/*
#searchform * { vertical-align: middle; }
#searchform { padding: 10px 0; }
#searchform input#search {
width: 220px;
height: 27px;
padding: 0;
border: solid 1px #cac5b8;
margin: 0;
}
#cse-search-box * { vertical-align: middle; }
#cse-search-box { padding: 10px 0; }
*/
#cse-search-box input { height: 23px; }
#cse-search-box input#search {
width: 220px;
height: 23px;
padding: 0;
border: solid 1px #cac5b8;
margin: 0;
}
.csesearch {
float: right;
height: 30px;
}
.csesearch input {
vertical-align: middle;
}
/*--Content area --*/
#contentarea {
padding: 6px 36px 36px 24px;
}
/*--Footer --*/
#footer {
margin: 0;
padding: 0;
background: #454442;
border-top: 12px solid #363533;
}
#footermain {
width: 980px;
margin: 0 auto;
padding: 0;
color: #fff;
}
ul.footerlist, ul.footerlist li {
margin: 0;
list-style: none;
}
ul.footerlist li {
padding: 6px 0;
border-top: solid 1px #6b6962;
overflow: hidden;
}
ul.footerlist li h5, ul.footerlist li h5 a {
font-size: 14px;
color: #fff;
}
ul.footerlist li h5 { padding: 0 0 5px 0; }
#footer_twitter ul.footerlist li h5, #footer_twitter ul.footerlist li h5 a { font-size: 12px; color: #fff; }
#footer_blog {
width: 400px;
margin: 10px 10px 20px 0;
padding: 10px;
color: #fff;
background: #363533;
border: solid 1px #6b6962;
float: left;
}
#footer_blog a {
color: #fff;
}
h3#header_blog {
padding: 0;
}
h3#header_blog a {
display: block;
text-decoration: none;
text-indent: 50px;
color: #fff;
font-weight: bold;
font-size: 16px;
width: 250px;
height: 39px;
padding: 7px 0 0 0;
background: url("/public/img/header_blog.gif") no-repeat;
}
#footer_twitter {
width: 200px;
margin: 10px 10px 20px 0;
padding: 10px;
color: #fff;
background: #363533;
border: solid 1px #6b6962;
float: left;
}
#footer_twitter a {
color: #fff;
text-decoration: none;
}
h3#header_twitter {
padding: 0;
}
h3#header_twitter a {
display: block;
text-decoration: none;
text-indent: 50px;
color: #fff;
font-weight: bold;
font-size: 16px;
width: 200px;
height: 39px;
padding: 7px 0 0 0;
background: url("/public/img/header_twitter.gif") no-repeat;
}
#footer_jobs {
width: 285px;
margin: 10px 0 20px 0;
padding: 10px;
color: #fff;
background: #363533;
border: solid 1px #6b6962;
float: left;
}
#footer_jobs a {
color: #fff;
}
h3#headerr_jobs {
padding: 0;
}
h3#header_jobs a {
display: block;
text-decoration: none;
text-indent: 50px;
color: #fff;
font-weight: bold;
font-size: 16px;
width: 250px;
height: 39px;
padding: 7px 0 0 0;
background: url("/public/img/header_jobs.gif") no-repeat;
}
#copyright {
font-size: 11px;
padding: 0 0 20px 0;
margin: 0;
clear: both;
}
#copyright a{
color: #fff;
}
/* Articles
-----------------------*/
/*ul#articlelist {
list-style: none;
padding: 0 0 18px 0;
margin: 0;
}
ul#articlelist li {
padding: 12px 0 8px 0;
border-top: solid 1px #d3cdc3;
clear: both;
margin: 0;
}
*/
div#article_image {
float: right;
margin: 0 0 10px 10px;
}
div#article_image span {
display: block;
border-top: solid 2px #d3cdc3;
padding: 10px 0 0 0;
margin: 10px 0 10px 0;
font-weight: bold;
}
ul.articlelist, ul.articlelist li {
margin: 0;
list-style: none;
}
ul.articlelist li {
border-bottom: solid 1px #eee;
padding: 0 0 8px 0;
margin: 0 0 8px 0;
}
ul.articlelist li p { padding: 0; }
ul.newslist li {
width: 578px;
}
p.articlelist-image {
width: 87px;
float: left;
}
p.articlelist-image a {
width: 50px;
overflow: hidden;
border: solid 2px #eee;
display: block;
text-align: center;
padding: 4px;
}
div.articlelist-description {
width: 327px;
float: left;
}
#subpagecenter div.articlelist-description {
width: 503px;
}
#subpagecenter ul.newslist li div.articlelist-description { width: 350px; }
#subpagecenter ul.articlelist li {
padding: 0 0 17px 0;
margin: 0 0 18px 0;
}
#subpagecenter div.no-image { padding: 0 0 0 87px; }
ul.articlelist li h3 {
font-size: 16px;
padding: 0 0 3px 0;
letter-spacing: -.05em;
}
ul.articlelist li h3 a, ul.articlelist li h4 a {
text-decoration: none;
vertical-align: top;
}
ul.articlelist li h4 {
font-size: 14px;
padding: 0 0 3px 0;
letter-spacing: -.05em;
line-height: 18px;
}
#searchinfo {
border-bottom: solid 1px #eee;
margin: 0 0 9px 0;
padding: 0 0 9px 0;
}
#searchinfo p {
padding: 0;
}
#sidebar-search {
padding: 9px;
background: #fff;
margin: 0 0 9px 0;
}
#sidebar-search label {
font-size: 10px;
font-weight: bold;
display: block;
}
#sidebar-search p { padding: 3px 0; }
#sidebar-search input.submit {
background: #333;
padding: 6px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
border: solid 1px #ddd;
margin: 4px 0;
}
.articleimage {
/* float: right; */
padding: 4px;
border: solid 1px #d3cdc3;
}
.articlethumb {
float: left;
padding: 2px;
border: solid 1px #d3cdc3;
margin: 0 10px 10px 0;
}
.newsthumb {
float: left;
padding: 2px;
border: solid 1px #d3cdc3;
margin: 0 10px 10px 0;
width: 125px;
}
h3#articletitle {
font-size: 1.8em;
padding: 10px 0 10px 0;
margin: 0 0 4px 0;
border-bottom: solid 1px #d3cdc3;
color: #4789bd;
line-height: 1.2em;
}
p.date {
font-size: .9em;
font-weight: bold;
color: #34a44e;
}
#news_extra {
float: right;
width: 231px;
padding: 0 0 3px 0;
border-bottom: solid 3px #d3cdc3;
margin: 0 0 12px 20px;
}
#news_extra img {
padding: 3px;
border: solid 1px #d3cdc3;
background: #fff;
margin: 0 0 12px 0;
}
#news_extra .image_caption {
font-size: 14px;
font-weight: bold;
padding: 0 0 6px 0;
}
#sharing img {
border: none;
margin: 0;
vertical-align: middle;
padding: 0;
}
#sharing p {
border-top: solid 1px #d3cdc3;
padding: 5px 0;
}
#sharing a {
text-decoration: none;
}
/* Sortable Table
-----------------------*/
table.sortable {
}
table.sortable td {
border-left: solid 1px #ddd;
border-bottom: solid 1px #ddd;
padding: 4px;
}
table.sortable th {
border-left: solid 1px #ddd;
border-bottom: solid 1px #ddd;
padding: 4px;
text-decoration: underline;
}
/* Rss
-----------------------*/
ul.rsslist {
list-style: none;
}
p.source {
padding: 0 0 12px 0;
font-size: .9em;
}
/* Form -------------- */
p.legend {
padding: 12px 0 8px 0;
}
p.legend em, form#supportform em {
color: #cc0000;
font-weight: bold;
}
form#supportform {
font-size: 1.1em;
}
form#supportform fieldset {
padding: 12px;
border: solid 1px #ccc;
margin: 8px 0 4px 0;
}
form#supportform legend {
font-size: 1.4em;
color: #34a44e;
font-weight: bold;
}
form#supportform label {
width: 150px;
text-align: left;
float: left;
display: block;
padding: 1px 0 0 0;
}
form#supportform div {
padding: 10px 0 6px 0;
border-top: solid 1px #ebe6dd;
}
form#supportform input, form#supportform textarea {
margin: 0;
padding: 3px;
width: 350px;
}
form#supportform textarea {
font-family: "Lucida Grande","Lucida Sans Unicode", Trebuchet MS, Verdana, Tahoma, sans-serif;
font-size: .9em;
height: 125px;
}
form#supportform select {
margin: 0;
width: 360px;
}
form#supportform select option { padding: 0 10px 0 0; }
form#supportform p.note, form#supportform p.error_note, p.error {
font-style: italic;
margin: 0;
font-size: .9em;
}
p.error { color: #ff0000; }
form#supportform .button {
margin: 0;
padding: 6px 10px;
background: #34a44e;
color: #fff;
font-style: bold;
width: 100px;
}
p.error_note {
padding: 0;
color: #cc0000;
font-size: .8em;
}
/* Form Styles
-----------------------*/
.general_form {
margin: 12px 0 12px 0;
padding: 0 12px 0 12px;
background: #eee;
}
.general_form p {
padding: 10px 0 10px 0;
}
.general_form p label {
font-weight: bold;
display: block;
padding: 0 0 2px 0;
}
.general_form p .forminput {
margin: 0;
padding: 3px;
width: 350px;
}
.general_form textarea {
padding: 4px;
font-family: Verdana, Tahoma, sans-serif;
width: 570px;
height: 500px;
}
.general_form p label span.required {
color: #cc0000;
font-weight: normal;
font-size: 10px;
}
.general_form p span.error {
display: block;
font-weight: bold;
font-size: 10px;
color: #cc0000;
}
.general_form p span.note {
display: block;
font-size: 10px;
padding: 0 0 4px 0;
}
.general_form p input.error {
border: solid 1px #cc0000;
}
.general_form p input.submit {
padding: 4px;
font-weight: bold;
}
table#memberjobs {
width: 600px;
border-right: solid 1px #ccc;
}
table#memberjobs th {
border-top: solid 1px #ccc;
text-align: left;
}
body#editContent {
padding: 10px;
background: #fff;
}
#content_class-menu, #content_class-menu * { background: #fff; }
.off { background: #fff; }
/* Gallery-----------------------*/
#gallerylist ul {
list-style: none;
margin: 0;
padding: 0;
}
#gallerylist ul li {
clear: both;
border-top: solid 1px #eee;
padding: 10px 0 10px 0;
margin: 0;
}
#gallerylist ul li img {
float: left;
margin: 0 20px 10px 0;
padding: 3px;
border: 1px solid #666;
}
#gallerylist ul li h3 {
margin: 0;
padding: 0;
line-height: 1em;
}
img.thumbnail, img.active{
padding: 4px;
margin: 0 8px 0 0;
border: solid 1px #eee;
vertical-align: top;
}
#thumbnails img.thumbnail, img.active {
width: 50px;
}
img.active {
border: solid 2px #333;
width: 48px;
}
#currentphoto {
padding: 3px;
border: 1px solid #666;
}