* {
margin: 0;
}
html, body {
height: 100%;
}
body
{
margin: 0;
padding: 0;
color: #555;
font: normal 10pt Arial,Helvetica,sans-serif;
background-color: #ffffff;
background-image: url('shared/bodyBg.png');
background-repeat: repeat-x;
}
h1 {
color: #ffffff;
font-size: 18px;
}
h1.dg {
color: #333333;
font-size: 18px;
margin: 0px;
padding: 0px;
margin-top: 5px;
}
h1.dg2 {
color: #ffffff;
font-size: 16px;
margin: 0px;
padding: 0px;
margin-top: 15px;
}
h2 {
color: #333233;
font-size: 18px;
}
h2.formTitle {
color: #cf3025;
font-size: 18px;
padding-bottom: 0px;
margin-bottom: 0px;
margin-top: 20px;
}
h2.formTitle2 {
color: #333233;
font-size: 18px;
padding-bottom: 0px;
margin-bottom: 0px;
margin-top: 20px;
}
h2.eventTitle {
color: #555;
font-size: 16px;
padding-bottom: 0px;
margin-bottom: 2px;
margin-top: 15px;
}
h2.eventTitle2 {
color: #555;
font-size: 18px;
padding-bottom: 0px;
margin-bottom: 0px;
}
h3.eventSectionTitle {
color: #cf3025;
font-size: 14px;
padding-bottom: 0px;
margin-bottom: 3px;
}
h3.eventSectionTitle2 {
color: #cf3025;
font-size: 14px;
padding-bottom: 0px;
margin-bottom: 0px;
}
h3.orgSectionTitle {
color: #cb8828;
font-size: 14px;
padding-bottom: 0px;
margin-bottom: 0px;
}
h3.weatherTitle {
color: #cb8828;
font-size: 16px;
padding-bottom: 0px;
margin-bottom: 10px;
margin-top: 10px;
}
h3.articleTitle {
color: #cb8828;
font-size: 18px;
padding-bottom: 0px;
margin-bottom: 10px;
}
.view h3 {
font-size: 12px;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
}
a:active, input:active, img:active
{
outline: none;
}
a:focus, input:focus, img:focus {outline: none;}
a {
color: #116c9a;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#nav a {
text-decoration: none;
}
.clear {
clear: both;
}
#page
{
margin-top: 5px;
margin-bottom: 5px;
background: white;
border: 1px solid #C9E0ED;
}
#header
{
margin: 0;
padding: 0;
border-top: 3px solid #C9E0ED;
}
#content
{
padding: 20px;
}
#sidebar
{
padding: 20px 20px 20px 0;
}
#footer
{
padding: 10px;
margin: 10px 20px;
font-size: 0.8em;
text-align: center;
border-top: 1px solid #C9E0ED;
}
#logo
{
padding: 10px 20px;
font-size: 200%;
}
#tmenuContainer {
width: 100%;
}
.boardDesc
{
text-align: left;
}
#tmenu {
width: 164px;
float: right;
padding-right: 20px;
padding-bottom: 5px;
}
#tregister {
width: 79px;
height: 25px;
float: left;
}
#tlogin {
width: 85px;
height: 25px;
float: right;
position: relative;
z-index: 200;
}
#tloginContainer {
display: none;
width: 249px;
height: 210px;
background: url('shared/tloginBg.png') 0px 0px no-repeat;
position: absolute;
left: -161px;
top: 22px;
}
#tloginContainerInner {
width: 200px;
padding-top: 15px;
text-align: left;
color: #ffffff;
}
#trequired {
font-size: 10px;
width: 100%;
text-align: left;
padding-bottom: 10px;
}
#tajaxbtn {
width: 92px;
height: 41px;
background: url('shared/tloginBtn.png') 0px 0px no-repeat;
cursor: pointer;
}
#mainmenu
{
}
#mainmenu ul
{
padding:6px 20px 5px 5px;
margin:0px;
}
#mainmenu ul li
{
display: inline;
}
#mainmenu ul li a
{
color:#003753;
background-color:transparent;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding:5px 8px;
}
#mainmenu ul li a:hover, #mainmenu ul li.active a
{
color: #333233;
background-color:#EFF4FA;
text-decoration:none;
}
div.flash-error, div.flash-notice, div.flash-success
{
padding:.8em;
margin-bottom:1em;
border:2px solid #ddd;
}
div.flash-error
{
background:#FBE3E4;
color:#8a1f11;
border-color:#FBC2C4;
}
div.flash-notice
{
background:#FFF6BF;
color:#514721;
border-color:#FFD324;
}
div.flash-success
{
background:#E6EFC2;
color:#264409;
border-color:#C6D880;
}
div.flash-error a
{
color:#8a1f11;
}
div.flash-notice a
{
color:#514721;
}
div.flash-success a
{
color:#264409;
}
div.form .rememberMe label
{
display: inline;
}
div.view
{
padding: 10px;
margin: 10px 0;
border: 1px solid #C9E0ED;
}
div.breadcrumbs
{
font-size: 0.9em;
padding: 5px 20px;
padding-bottom: 10px;
}
div.breadcrumbs span
{
font-weight: bold;
}
div.search-form
{
padding: 10px;
margin: 10px 0;
background: #eee;
}
.portlet
{
}
.portlet-decoration
{
padding: 3px 8px;
background: #B7D6E7;
border-left: 5px solid #6FACCF;
}
.portlet-title
{
font-size: 12px;
font-weight: bold;
padding: 0;
margin: 0;
color: #298dcd;
}
.portlet-content
{
font-size:0.9em;
margin: 0 0 15px 0;
padding: 5px 8px;
background:#EFFDFF;
}
.portlet-content ul
{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0;
padding: 0;
}
.portlet-content li
{
padding: 2px 0 4px 0px;
}
.operations
{
list-style-type: none;
margin: 0;
padding: 0;
}
.operations li
{
padding-bottom: 2px;
}
.operations li a
{
font: bold 12px Arial;
color: #0066A4;
display: block;
padding: 2px 0 2px 8px;
line-height: 15px;
text-decoration: none;
}
.operations li a:visited
{
color: #0066A4;
}
.operations li a:hover
{
background: #80CFFF;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -200px;
background-image: url('shared/mainBodyBg.png');
background-position: center;
background-repeat: repeat-y;
}
#mainContentContainer {
width: 964px;
}
#mainContentContainerInner {
width: 944px;
}
#headerContainer {
width: 960px;
height: 140px;
}
#headerLeft {
float: left;
width: 248px;
}
#headerLeftInner {
padding-left: 20px;
}
#headerRight {
width: 690px;
float: right;
}
/** BEGIN NAV STYLES **/
#navWrapper {
width: 100%;
position: relative;
z-index: 100;
}
#navContainer {
width: 876px;
}
#navContainerInner {
width: 876px;
padding-bottom: 10px;
}
#nav {
margin: 0px;
padding: 0px;
}
#nav li {
float: left;
list-style: none;
position: relative;
}
#aboutusBtn {width: 135px; height: 50px;}
#aboutusBtn a {height: 50px;display: block;background: url('shared/nav_whole.png') 0px 0px no-repeat;}
#aboutusBtn a:hover {height: 50px;background: url('shared/nav_whole.png') 0px -50px no-repeat;}
#aboutus #aboutusBtn a.navlink {height: 50px;background: url('shared/nav_whole.png') 0px -50px no-repeat;}
#programsBtn {width: 172px; height: 50px;}
#programsBtn a {height: 50px;display: block;background: url('shared/nav_whole.png') -135px 0px no-repeat;}
#programsBtn a:hover {height: 50px;background: url('shared/nav_whole.png') -135px -50px no-repeat;}
#ourprograms #programsBtn a.navlink {height: 50px;background: url('shared/nav_whole.png') -135px -50px no-repeat;}
#resourcesBtn {width: 132px; height: 50px;}
#resourcesBtn a {height: 50px;display: block;background: url('shared/nav_whole.png') -307px 0px no-repeat;}
#resourcesBtn a:hover {height: 50px;background: url('shared/nav_whole.png') -307px -50px no-repeat;}
#resources #resourcesBtn a.navlink {height: 50px;background: url('shared/nav_whole.png') -307px -50px no-repeat;}
#supportBtn {width: 139px; height: 50px;}
#supportBtn a {height: 50px;display: block;background: url('shared/nav_whole.png') -439px 0px no-repeat;}
#supportBtn a:hover {height: 50px;background: url('shared/nav_whole.png') -439px -50px no-repeat;}
#supportus #supportBtn a.navlink {height: 50px;background: url('shared/nav_whole.png') -439px -50px no-repeat;}
#registerBtn {width: 113px; height: 50px;}
#registerBtn a {height: 50px;display: block;background: url('shared/nav_whole.png') -578px 0px no-repeat;}
#registerBtn a:hover {height: 50px;background: url('shared/nav_whole.png') -578px -50px no-repeat;}
#register #registerBtn a.navlink {height: 50px;background: url('shared/nav_whole.png') -578px -50px no-repeat;}
#helpBtn {width: 82px; height: 50px;}
#helpBtn a {height: 50px;display: block;background: url('shared/nav_whole.png') -691px 0px no-repeat;}
#helpBtn a:hover {height: 50px;background: url('shared/nav_whole.png') -691px -50px no-repeat;}
#help #helpBtn a.navlink {height: 50px;background: url('shared/nav_whole.png') -691px -50px no-repeat;}
#homeBtn {width: 103px; height: 50px;}
#homeBtn a {height: 50px;display: block;background: url('shared/nav_whole.png') -773px 0px no-repeat;}
#homeBtn a:hover {height: 50px;background: url('shared/nav_whole.png') -773px -50px no-repeat;}
#home #homeBtn a.navlink {height: 50px;background: url('shared/nav_whole.png') -773px -50px no-repeat;}
#nav li ul.subnav {
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 10px; top: 50px;
background: #333;
margin: 0; padding: 0;
display: none;
float: left;
width: 180px;
border: 1px solid #111;
}
#nav li ul.subnav li{
margin: 0px; padding: 0px;
border-top: 1px solid #333; /*--Create bevel effect--*/
border-bottom: 1px solid #333; /*--Create bevel effect--*/
clear: both;
width: 180px;
text-align: left;
}
html #nav li ul.subnav li a {
float: left;
display: block;
width: 170px;
background: #003753 no-repeat 10px center;
color: #f5f5f5;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
height: auto;
}
#nav li ul.subnav2 {
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 10px; top: 50px;
background: #333;
margin: 0; padding: 0;
display: none;
float: left;
width: 160px;
border: 1px solid #111;
}
#nav li ul.subnav2 li{
margin: 0px; padding: 0px;
border-top: 1px solid #333; /*--Create bevel effect--*/
border-bottom: 1px solid #333; /*--Create bevel effect--*/
clear: both;
width: 150px;
text-align: left;
}
html #nav li ul.subnav2 li a {
float: left;
display: block;
width: 150px;
background: #003753 no-repeat 10px center;
color: #f5f5f5;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
height: auto;
}
html #nav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background: #f5f5f5 no-repeat 10px center;
color: #252525;
}
html #nav li ul.subnav2 li a:hover { /*--Hover effect for subnav links--*/
background: #f5f5f5 no-repeat 10px center;
color: #252525;
}
/** END NAV STYLES **/
#bodyWrapper {
width: 100%;
}
#bodyWrapperInner {
width: 940px;
padding-bottom: 10px;
}
#homeLeft {
width: 680px;
float: left;
}
.homeLeftItem {
width: 100%;
}
.playerLeft {
width: 200px;
float: left;
}
.playerRight {
width: 476px;
float: right;
padding-right: 4px;
}
.playerRight2 {
width: 430px;
float: right;
}
#colLeft {
width: 180px;
float: left;
}
#colLeftInner {
width: 175px;
padding-top: 5px;
padding-left: 2px;
}
#colLeftLarge {
width: 675px;
float: left;
}
#colLeftLargeInner {
width: 667px;
float: left;
}
.colLeftLargeItem {
width: 667px;
}
#colCenter {
width: 493px;
float: right;
}
#colCenterInner {
width: 493px;
}
#colRight {
width: 255px;
float: right;
}
#colRightInner {
width: 255px;
}
#colRight2 {
width: 265px;
float: right;
}
#colRightInner2 {
width: 255px;
padding-right: 10px;
}
.rightColItem {
padding-bottom: 5px;
}
.rightColItem2 {
padding-bottom: 2px;
}
.footer, .push {
height: 200px;
}
#footerContentContainer {
width: 964px;
height: 200px;
background-color: #003753;
}
#footerTop {
width: 964px;
height: 5px;
background: url('shared/footerTop.png') 0px 0px no-repeat;
}
#footerContentContainerInner {
width: 944px;
padding-top: 10px;
}
.footerHeaderLink {
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
.footerHeaderLink:hover {
color: #beced6;
}
.footerLinkContainer {
padding-top: 10px;
font-size: 11px;
}
.footerLinkContainer a {
color: #beced6;
}
.footerLinkContainer a:hover {
text-decoration: none;
}
.footerLegal {
width: 100%;
text-align: left;
color: #ffffff;
font-size: 11px;
padding-top: 15px;
}
.footerAddress {
width: 100%;
padding-top: 15px;
text-align: center;
color: #ffffff;
font-size: 11px;
}
/** BEGIN CONTAINERS **/
#medGreyTop {
width: 492px;
height: 42px;
background: url('home/welcomeHeader.png') 0px 0px no-repeat;
}
#medGreyMid {
width: 492px;
background: url('home/welcomeBg.png') 0px 0px repeat-y;
}
#medGreyBot {
width: 492px;
height: 12px;
background: url('home/welcomeFooter.png') 0px 0px no-repeat;
}
#medOrgTop {
width: 492px;
height: 43px;
background: url('home/inactionHeader.png') 0px 0px no-repeat;
}
#medOrgMid {
width: 492px;
background: url('home/inactionBody.png') 0px 0px repeat-y;
}
#medOrgBot {
width: 492px;
height: 12px;
background: url('home/inactionFooter.png') 0px 0px no-repeat;
}
#smallRedTop {
width: 255px;
height: 42px;
background: url('home/smallEventHeader.png') 0px 0px no-repeat;
}
#smallRedMid {
width: 255px;
background: url('home/smallEventBg.png') 0px 0px repeat-y;
}
#smallRedBot {
width: 255px;
height: 11px;
background: url('home/smallEventBottom.png') 0px 0px no-repeat;
}
.smallGreyTop {
width: 255px;
height: 42px;
background: url('shared/smallHeaderGrey.png') 0px 0px no-repeat;
}
.smallGreyMid {
width: 255px;
background: url('shared/smallBgGrey.png') 0px 0px repeat-y;
}
.smallGreyBot {
width: 255px;
height: 11px;
background: url('shared/smallFooterGrey.png') 0px 0px no-repeat;
}
#largeGreyTop {
width: 667px;
height: 42px;
background: url('shared/largeContentHeader.png') 0px 0px no-repeat;
}
#largeGreyMid {
width: 667px;
background: url('shared/largeContentBg.png') 0px 0px repeat-y;
}
#largeGreyBot {
width: 667px;
height: 12px;
background: url('shared/largeContentFooter.png') 0px 0px no-repeat;
}
#largeRedTop {
width: 667px;
height: 42px;
background: url('shared/largeContentHeaderRed.png') 0px 0px no-repeat;
}
#largeRedMid {
width: 667px;
background: url('shared/largeContentBgRed.png') 0px 0px repeat-y;
}
#largeRedBot {
width: 667px;
height: 12px;
background: url('shared/largeContentFooterRed.png') 0px 0px no-repeat;
}
#largeOrgTop {
width: 667px;
height: 42px;
background: url('shared/largeContentHeaderOrg.png') 0px 0px no-repeat;
}
#largeOrgMid {
width: 667px;
background: url('shared/largeContentBgOrg.png') 0px 0px repeat-y;
}
#largeOrgBot {
width: 667px;
height: 12px;
background: url('shared/largeContentFooterOrg.png') 0px 0px no-repeat;
}
#largeGreenTop {
width: 667px;
height: 42px;
background: url('shared/largeContentHeaderGreen.png') 0px 0px no-repeat;
}
#largeGreenMid {
width: 667px;
background: url('shared/largeContentBgGreen.png') 0px 0px repeat-y;
}
#largeGreenBot {
width: 667px;
height: 12px;
background: url('shared/largeContentFooterGreen.png') 0px 0px no-repeat;
}
.topInner {
width: 93%;
text-align: left;
padding-top: 18px;
text-transform: uppercase;
}
.topInner h1 {
font-size: 14px;
}
.topInnerMed {
width: 475px;
text-align: left;
padding-top: 17px;
text-transform: uppercase;
}
.topInnerSmall {
width: 88%;
text-align: left;
padding-top: 15px;
text-transform: uppercase;
}
.largeContentInner {
width: 630px;
text-align: left;
padding-top: 10px;
padding-bottom: 20px;
}
.wnewItemContainer {
width: 100%;
padding-bottom: 5px;
}
.wnewItem {
width: 100%;
background-color: #c8c8c8;
}
.wnewTitle {
width: 460px;
text-align: left;
font-size: 16px;
font-weight: bold;
padding-top: 5px;
}
.wnewDate {
width: 460px;
text-align: left;
font-weight: bold;
padding-top: 1px;
}
.wnewDesc {
width: 460px;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
}
.actionItem {
width: 100%;
background-color: #f4e5d0;
}
.actionTitle {
width: 460px;
text-align: left;
font-size: 14px;
font-weight: bold;
padding-top: 5px;
}
.actionDesc {
width: 460px;
text-align: left;
padding-bottom: 5px;
}
/** END CONTAINERS **/
.eventSmallContainer {
width: 100%;
background-color: #f4d2cf;
text-align: left;
margin-bottom: 2px;
}
.eventSmallItem {
padding: 5px;
}
.eventSmallDate {
font-size: 11px;
color: #cf3025;
}
.eventSmallTitle {
color: #333233;
}
.eventSmallTitle2 a{
color: #333233;
}
.eventSmallTitle2 a:hover{
text-decoration: none;
}
.newsSmallContainer {
width: 100%;
background-color: #e5f1f4;
text-align: left;
margin-bottom: 2px;
}
.newsSmallContainer2 {
width: 100%;
background-color: #EFEFEF;
text-align: left;
margin-bottom: 2px;
}
.newsSmallItem {
padding: 5px;
}
.newsSmallDate {
font-size: 11px;
color: #333233;
}
.newsSmallTitle {
color: #333233;
}
.divWideLeft {
width: 100%;
text-align: left;
}
.divWideCenter {
width: 100%;
text-align: center;
}
.divWideRight {
width: 100%;
text-align: right;
}
.formSection {
padding: 10px;
border: solid 1px #EFB7B3;
}
.formSection2 {
padding: 10px;
border: solid 1px #dfdfdf;
}
.radioTable {
width: auto;
}
.eventSectionContainer {
width: 630px;
border: solid 1px #EFB7B3;
padding-top: 5px;
padding-bottom: 5px;
}
.orgSectionContainer {
width: 630px;
border: solid 1px #FFD2CF;
padding-top: 5px;
padding-bottom: 5px;
}
.eventSectionInner {
width: 610px;
text-align: left;
}
#articleContent h3 {
margin: 0px;
padding: 0px;
font-size: 14px;
font-weight: bold;
}
.boardTable tr td {
padding: 5px;
}
.boardTable img {
border: solid 1px #003753;
}
.boardTitle {
font-size: 14px;
font-weight: bold;
cursor: pointer;
}
.rlists, .rlists li {
margin: 0px !important;
padding: 0px !important;
}
.rlists li {
list-style: none;
}
.rlists li a {
display: block;
padding-left: 13px;
color: #000000;
text-decoration: none;
}
.rlists li a:hover {
text-decoration: none;
}
.spacer20 {
width: 100%;
height: 20px;
}
/** Donate Graph **/
#dgContainer {
width: 594px;
float: right;
padding-top: 5px;
}
#dgTop {
width: 594px;
height: 29px;
}
#dgWrapper {
width: 594px;
height: 61px;
position: relative;
}
#dgBackground {
height: 55px;
position: absolute;
right: 0px;
top: 2px;
background-color: #81b79b;
}
#dgCover {
width: 594px;
height: 61px;
position: absolute;
right: 0px;
top: 0px;
background: url('../images/donate/cover.png') 0px 0px no-repeat;
}
#dgInfo {
padding-left: 8px;
position: absolute;
left: 0px;
top: 0px;
color: #ffffff;
font-size: 14px;
}
#dgInfo a {
color: #FFC36F;
text-decoration: none;
}
#bgMessage {
width: 237px;
text-align: left;
float: left;
}
#bgButton {
width: 139px;
float: right;
padding-right: 20px;
}
/** CART **/
#cartHeader {
width: 255px;
height: 55px;
background: url('cart/cart_header.png') 0px 0px no-repeat;
}
#cartBody {
width: 255px;
background: url('cart/cart_bg.png') 0px 0px repeat-y;
}
#cartFooter {
width: 255px;
height: 14px;
background: url('cart/cart_footer.png') 0px 0px no-repeat;
}
#cartItems {
font-size: 11px;
}
.cartItem {
width: 100%;
background-color: #d8e6ed;
padding-top: 2px;
padding-bottom: 2px;
margin-bottom: 1px;
}
.cartItem table tr td {
padding: 0px !important;
}
.cartName {
padding-left: 5px;
}
#bottomAdWrapper {
width: 100%;
padding-top: 10px;
}
.bottomAdContainer {
width: 235px;
float: left;
}
.extraCatContainer {
width: 100%;
clear: both;
}
.addCategory {
width: 100%;
padding-bottom: 10px;
}
#addCatButton {
cursor: pointer;
border: none;
}
.videoWrapper {
width: 610px;
padding: 20px 0px 20px 0px;
}
.videoDescWrapper {
width: 610px;
background-color: #e5f1f4;
padding: 5px 0px 10px 0px;
}
.videoSectionItem1 {
width: 590px;
text-align: left;
padding-top: 5px;
font-size: 14px;
font-weight: bold;
}
.videoSectionItem2 {
width: 590px;
text-align: left;
padding-top: 5px;
}
#fancy-browse, #fancy-upload, #fancy-clear {
display: block;
width: 74px;
height: 30px;
float: left;
}
.editVideoText {
cursor: pointer;
margin-top: 5px;
margin-bottom: 5px;
}
.subtitle {
font-size: 11px;
}
.adminNavItem {
text-align: left;
}
.adminNav {
margin: 0px;
padding: 0px;
}
.adminNav li {
list-style: none;
margin-bottom: 1px;
}
.adminNav li a {
display: block;
padding: 3px;
width: 230px;
background-color: #4F4F4F;
color: #ffffff;
}
.adminNav li a:hover {
text-decoration: none;
background-color: #006496;
}