html, body, #wrap {height: 100%;}
html { font-size: 16px; }
body {
font-family: Arial, Helvetica, sans-serif;
color: black;
font-size: 62.5%;
line-height: 1.8em;
background: #E2E2E2 top left repeat-x;
text-align: left;
}
/*
--------------------------------------------
GENERAL HTML STYLES
--------------------------------------------
*/
h1 { font-size: 1.6em; margin: 6px 0 6px 0; font-weight: bold; color: white; width: 207px; text-align: center;}
h2 { font-size: 1.4em; font-weight: bold; padding: 4px 0 8px 0; }
h3 { font-size: 1.15em; font-weight: bold; color: black; padding: 8px 0px 6px 0px; }
h4 { font-size: 1.0em; font-weight: bold; color: black; padding: 6px 0px 8px 0px; }
h5 {}
h6 {}
p { padding-bottom: 8px; }
ul {margin-bottom: 8px; }
li { padding-bottom: 4px; padding-left: 4px; margin-left: 20px; list-style: disc; }
a { color: navy; }
a:hover { color: #c00; }
blockquote { padding-left: 18px; padding-bottom: 6px;}
strong { font-weight: bold; }
em { font-style: italic }
img { padding: 0; margin: 0; }
/*
--------------------------------------------
COMMON STYLES
--------------------------------------------
*/
.hidden { visibility: hidden; }
.introduction { font-weight: bold; }
.clear { clear: both; font-size: 1px; overflow: hidden; height: 1px; }
.indent { padding-left: 18px; }
.jumptocontent { display: none; }
.contentanchor { display: none; }
.error, .notice { padding: 6px 12px; background-color: #fee; border: 1px solid #d99; margin-bottom: 12px; }
.btn-back { display: block; margin-top: 1em; border-top: 1px solid #ddd; background: #eee; padding: 3px 8px 5px 8px; text-decoration: none; }
.btn-back:hover { text-decoration: none; border-top: 1px solid #bbb; background-color: #ddd; }
/*
--------------------------------------------
PAGE STRUCTURE STYLES
--------------------------------------------
*/
#page { margin: 0; width: 968px; margin: 0 auto; background: white; overflow: auto; padding-bottom: 1px; }
#branding { float: left; width: 207px; background: white; padding-bottom: 12px; font-size: 1.2em; }
#branding .reg { text-align: center; font-size: 0.9em; margin-bottom: 8px; color: #999; }
#main-content { width: 760px; margin-left: 208px; font-size: 1.2em; }
#header-options { height: 34px; border-top: 10px solid black;
padding-top: 6px;
background: url(../images/bg-header-options.gif) 2px 8px no-repeat;
padding-left: 354px; border-left: 1px solid #ccc; }
.home #header-options { border-left: none; }
.content-left { float: left; width: 538px; background: white; padding: 0; }
.content-left h2 { line-height: 22px; height:22px; background: black; padding: 0; margin: 0; color: white; font-size: 1.0em; text-indent: 6px; }
.content-right { margin-left: 539px; width: 221px; background: white; position: relative; }
.content-right .overlap-button { width: 221px; margin-bottom: 4px; }
.content-right h3 { line-height: 22px; height:22px; background: #213F94; font-size: 1.0em; padding: 0; margin: 0 0 3px 0; text-indent: 6px; color: white; }
.content { padding: 6px 12px 24px 6px; }
.content-full { border-top: 2px solid black; padding: 12px 16px 24px 16px; border-left: 1px solid #ccc; }
.btn-subsidesports { margin-left: 0px }
.btn-hyundai { padding: 0px 0 4px 4px; text-align: right; margin: 0 6px 6px 0; }
/*==============================================================*/
/* FORM STYLES */
/*==============================================================*/
.comment-form { margin: 0 0 12px 0; }
.comment-form fieldset { border: 1px solid #999; padding: 8px 12px 8px 12px;
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
border-radius:0.5em;
}
.comment-form legend { font-weight:bold; background:#3C6980; color:#eee; padding: 1px 8px 2px 8px; ;
-webkit-border-radius:0.4em;
-moz-border-radius:0.4em;
border-radius:0.4em;
}
.comment-form div { clear:both; overflow:auto; padding: 0 12px 6px 12px; }
.comment-form label { width: 160px; float: left; }
.comment-form input { width: 160px; float: left; }
.comment-form select { width: 160px; margin-bottom: 8px;}
.comment-form textarea, .comment-form ul { margin-left: 140px; }
.comment-form ul { margin: 0 0 6px 160px; padding: 2px 0 0 0 }
.comment-form li { margin: 0; padding: 0 0 10px 24px; list-style: none; position: relative; }
.comment-form li input { position: absolute; left: 0; top: 3px; }
.comment-form li .note { color: #888; }
.comment-form .checkbox, .comment-form .radiobox { width: 20px; margin: 0; }
.comment-form .btn-submit, .comment-form input[type="submit"] { margin-left:160px; width: auto; }
.comment-form input { width: 200px; }
.comment-form .small { width: 50px; }
.comment-form .medium { width: 130px;}
/*
---------------------------------------------------------
ADDITIONAL STYLES
---------------------------------------------------------
*/
.vote-form { margin: 0 auto; width: 50%; border: 1px solid #eee; padding: 8px 8px 8px 12px}
.vote-form fieldset { padding: 0.5em 0 0; }
.vote-form legend { font-weight:bold; color:#444; border-bottom: 1px solid #ddd; padding: 0 0 4px 0; margin: 0 0 4px 0;
display: block; width: 98%; }
.vote-form div { clear:both; overflow:auto; padding: 0 0.5em 0.5em 0.5em; position: relative; }
.vote-form label { float: left; width: 30%; }
.vote-form input { float: left; padding: 2px 6px; width: 60%; }
.vote-form select { width: 160px; margin-bottom: 8px;}
.vote-form textarea, .vote-form ul { margin-left: 0px; float: left;}
.vote-form ul { margin: 0 0 6px 160px; padding: 2px 0 0 0 }
.vote-form li { margin: 0; padding: 0 0 10px 24px; list-style: none; position: relative; }
.vote-form li input { position: absolute; left: 0; top: 3px; }
.vote-form li .note { color: #888; }
.vote-form .checkbox, form .radiobox { width: 20px; margin: 0; }
.vote-form .small { width: 50px; }
.vote-form .medium { width: 130px;}
.vote-form .btn-submit, .vote-form input[type="submit"] { width: 20%; margin-left: 30%; padding: 1px 0 1px 0; }
.comment-form textarea { margin-left: 0; width: 100%; min-height: 120px; }
.comment-form .notes { font-size: 0.9em; font-weight: bold; padding-bottom: 0; }
.comment-form .btn-submit, .comment-form input[type="submit"] { margin: 0 0 8px 12px; }
.latest-news, .forthcoming-events, .articles, .twitter-news { padding-bottom: 0px; clear: both;
margin: 0px 4px 0px 4px; }
.latest-news { clear: both; padding-top: 12px; margin-top: 12px;}
.twitter-news { clear: both; }
.forthcoming-events { clear: both; background: #CCD2EA; }
.articles { clear: both; background: #FFED92; }
.support-options { clear: both; padding: 18px 3px 12px 4px; }
.support-options h3 { background: #213F94; color: white; padding: 0; font-size: 1em; text-align: left; text-indent: 6px; margin-bottom: 2px; }
.support-options img { margin-bottom: 2px; }
.latest-news h3, .twitter-news h3, .forthcoming-events h3, .articles h3 { line-height: 22px; height: 22px; padding: 0 0 0 26px; margin: 0; color: white; font-size: 1em; }
.latest-news h3 { background: #B81D0F; }
.twitter-news h3 { background: #127928; }
.forthcoming-events h3 { background: #213F94; }
.articles h3 { background: #FFC002; color: black; }
#twit-twit, #twit-twit li, #twit-twit ul { padding: 0; margin: 0; list-style: none; }
#twit-twit { background: #D0E5D4; }
#twit-twit li { margin: 0; padding: 0; list-style: none }
.latest-news li, #twit-twit li li, .forthcoming-events li, .articles li { margin: 0px 0 0 0; padding: 0 0 0 28px; list-style: none; color: black; }
.latest-news li { background: url(../images/bg-latest-news-li.gif) 10px 2px no-repeat; }
#twit-twit li { background: none; padding: 2px 6px 4px 6px; }
#twit-twit li li { background: url(../images/bg-twitter-news-li.gif) 4px 2px no-repeat; padding: 0 0 0 28px;
font-size: 0.9em;
}
.forthcoming-events li { background: url(../images/bg-forthcoming-events-li.gif) 10px 2px no-repeat; }
.articles li { background: url(../images/bg-articles-li.gif) 10px 2px no-repeat; }
.latest-news ol, .forthcoming-events ol, .articles ol { padding-top: 8px; padding-bottom: 12px; }
.latest-news ol { background: #F1D2CF; }
.twitter-news ol { background: #dfd; }
.articles ol { background: #FFED92; }
.latest-news li { }
.latest-news li img, .forthcoming-events img, .articles img { display: none; }
.latest-news li h4, .forthcoming-events li h4, .articles li h4 { padding: 0; margin: 0; }
.latest-news li h4 a, .forthcoming-events li h4 a { }
.latest-news li .home-news-author, .forthcoming-events li .home-news-author, .articles li .home-news-author { font-size: 0.9em; padding: 0; margin: 0; }
.latest-news li .home-news-story, .articles li .home-news-story, .forthcoming-events li .home-news-story { font-size: 0.9em; }
.subscribe-link { font-size: 0.75em; font-weight: normal; color: #ddd; text-decoration: none; }
.subscribe-link:hover { text-decoration: underline; color: white; }
#home-banner { display: block; background: #ccc; height: 330px; width: 760px; margin-bottom: 1px; }
#sub-banner { display: block; background: #ccc; height: 102px; width: 760px; overflow: hidden; }
.home-list, .home-list li { padding: 0; margin: 0; list-style:none; }
.home-list { margin-top: 8px; }
.home-list li { position: relative; padding: 10px 0 8px 94px; margin: 0 0 4px 10px; height: 68px; border-top: 1px solid #ccc; }
.home-list img { position: absolute; left: 0px; width: 80px; height: 60px; border: 1px solid black; padding: 1px; }
.home-list h4 { font-weight: bold; padding: 0; margin: 0; }
.home-list p { padding: 0; margin: 0; line-height: 1.25em}
#top-form { width: 180px; float: left; overflow: auto; padding-top: 3px;}
#top-form input { float: left; }
#top-donate { float: left; margin-top: 4px; }
#top-sponsor { float: left; margin-top: 4px; }
.news-list, .news-list li, .portfolio, .portfolio li { padding: 0; margin: 0; list-style: none; }
.multiple-news-items { border-top: 1px solid #ddd; padding-top: 0.5em; }
.multiple-news-items .news-list { margin-top: 1em; padding-left: 1.5em; }
.news-list li { padding: 0 0 0 0; position: relative; min-height: 90px; }
.multiple-news-items li { margin-bottom: 1em; padding-left: 110px;}
.news-date { font-weight: bold; color: #999; }
.abstract { font-weight: bold; margin-bottom: 1em; }
.news-image { position: absolute; left: 2px; border: 1px solid #ddd; padding: 6px; }
.news-image img { padding: 0; display: block; }
.news-image:hover { border: 1px solid #999; }
.news-list h4 { padding: 0 0 4px 0; margin: 0; }
.news-author { font-size: 0.8em; padding: 0 0 4px 0; }
.multiple-news-items .news-author { font-size: 0.9em; font-weight: normal; color: #999; padding-left: 0.5em; }
.news-comments { background: #888; padding: 0px 6px 0px 3px; color: #ddd; text-decoration: none; }
.news-comments:hover { background: #aaa; color: #333; }
.news-list .readmore { display: block; padding-left: 24px; font-size: 0.9em; text-decoration: none; }
.news-list .readmore:hover { text-decoration: underline; }
.article-list .comment-count, .event-list .comment-count, .news-list .comment-count { position: absolute; right: 0; top: 0; font-size: 0.9em; background: #888; color: #eee; padding: 0 4px; }
.comments, .comments .comment { padding:0; margin:0; list-style: none; }
.comments { margin-bottom: 8px; }
.comments .comment { list-style: decimal; margin-left: 24px; background: #eee; margin-bottom: 12px; padding: 2px 8px 4px 8px; }
.event-list, .event-list li, .portfolio, .portfolio li { padding: 0; margin: 0; list-style: none; }
.multiple-event-items { border-top: 1px solid #ddd; padding-top: 0.5em; }
.multiple-event-items .news-list { margin-top: 1em; padding-left: 1.5em; }
.event-list li { padding: 0 0 0 128px; position: relative; min-height: 80px; }
.multiple-event-items li { margin-bottom: 1em; padding-left: 150px;}
.event-date { font-weight: bold; color: #999; }
.abstract { font-weight: bold; margin-bottom: 1em; }
.event-image { position: absolute; left: 2px; border: 1px solid #ddd; padding: 6px; }
.event-image:hover { border: 1px solid #999; }
.event-list h4 { padding: 0 0 4px 0; margin: 0; }
.event-author { font-size: 0.8em; padding: 0 0 4px 0; }
.multiple-event-items .news-author { font-size: 0.9em; font-weight: normal; color: #999; padding-left: 0.5em; }
.event-comments { background: #888; padding: 0px 6px 0px 3px; color: #ddd; text-decoration: none; }
.event-comments:hover { background: #aaa; color: #333; }
.event-list .readmore { display: block; padding-left: 24px; font-size: 0.9em; text-decoration: none; }
.event-list .readmore:hover { text-decoration: underline; }
.search-form { border: 1px solid #ccc; padding: 12px 12px 12px 12px; overflow: auto; height: 1%; }
.search-form label { float: left; padding-right: 6px; }
.search-form input { float: left; margin-right: 6px; }
.results, .results li { padding: 0; margin: 0; }
.results { margin: 6px 0 12px 30px;}
.results li { padding-bottom: 4px; }
.results li h4 { padding: 0 0 2px 0; margin: 0; }
/*
---------------------------------------------------------
IMAGE NAVIGATION STYLES
---------------------------------------------------------
*/
#image-list { }
#image-nav, #image-nav li { padding: 0; margin: 0; list-style: none; }
#image-nav { width: 221px; margin-left: 539px; }
#image-nav li { width: 110px; height: 110px; float: left; list-style: none; overflow: hidden; }
#image-nav a { width: 110px; height: 110px; display: block; overflow: hidden; }
#image-nav a { filter:alpha(opacity=50); opacity: 0.50; -moz-opacity:0.50; }
#image-nav a.activeSlide { background: #88f }
#image-nav a:focus { outline: none; }
#image-nav li img { border: none; display: block; height: 110px; width: auto; margin-left: -16px; }
#image-nav a.activeSlide { filter:alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0; }
.specific-image {
width: 538px;
margin: -24px 0 0 0;
height: auto;
clip:rect(24px 538px 354px 0px);
}
#image-list img {
width: 538px;
margin: -24px 0 0 0;
height: auto;
clip:rect(24px 538px 354px 0px);
}
/*
---------------------------------------------------------
PRIMARY NAVIGATION STYLES
---------------------------------------------------------
*/
#nav, #nav ul, #nav li { padding: 0; margin: 0; list-style: none; }
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
float : left;
width : 205px;
}
#nav li {
position : relative;
float : left;
margin-bottom : 0px;
width: 205px;
background: white url(../images/bg-nav.gif) top left repeat-x;
}
#nav li ul {
position : absolute;
left: -999em;
margin-left : 205px;
margin-top : -27px;
z-index: 100;
}
#nav li ul li {
width: 205px;
background: #eee url(../images/bg-nav-sub.gif) top left repeat-x;
}
#nav li ul ul {
left: -999em;
margin-left : 205px;
margin-top : -27px;
}
#nav li a {
width: 175px;
display : block;
color : black;
text-decoration : none;
padding: 0 0 0 30px;
height: 27px; line-height: 27px;
text-decoration: none;
background: url(../images/bg-nav-a.gif) 0px 1px no-repeat;
color: black;
}
#nav li ul li a {
width: 175px;
background: url(../images/bg-nav-sub-a.gif) 0px 1px no-repeat;
}
#nav li a:hover {
text-decoration: underline;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
background-position: 0 0; /* fixes IE7 sticky menu problem */
}
.social-box-fb { float: right; width: 70px; margin-left: 12px; padding-bottom: 6px; }
.social-box-fb-home {
clear: both;
padding: 8px 0 0 0;
margin-left: 10px;
}
#QandA {
background: #CCD2EA;
font-size: 1em;
display: block;
color: #213F94;
width: 538px !important; z-index: 100;
}
#QandA p{ padding: 3px 8px 4px 8px }
/*
---------------------------------------------------------
FOOTER STYLES
---------------------------------------------------------
*/
#additional-info { clear: both; background: black;
font-size: 1.1em;
color: #ccc;
text-align: center;
padding: 3px 12px; }
#additional-info a { text-decoration: none; padding-left: 4px; padding-right: 4px; color: #ddd; }
#additional-info a:hover { text-decoration: underline; color: white;}
#additional-info .subtle { color: #aaa; }
#additional-info .subtle a { color: #999; }