@charset "utf-8"; /* CSS Document */ /* ------------ Globals ------------ */ * {margin:0; padding:0;} img {border:0 none;} /* ------------ Layout ------------ */ body {font-family:verdana,arial,sans-serif; color:rgb(0,0,0); font-size:62.5%;} #global-container {width:786px; padding:115px 0 0 192px;} #global-header {width:786px; height:76px; background:url(/images/bg_global-header.png) no-repeat 0 0;} #global-menu {width:768px; height:31px; background:url(/images/bg_global-menu.gif) repeat-x 0 0; border:3px solid rgb(151,151,151); border-top:none; border-bottom:none; padding-left:12px;} #global-crumbs {width:770px; background:rgb(240,240,240); border:3px solid rgb(151,151,151); border-top:none; border-bottom:none; padding-left:10px;} #page-header {width:780px; background:rgb(255,255,255); border:3px solid rgb(151,151,151); border-top:none; border-bottom:none; padding-top:10px;} #global-content {width:780px; background:rgb(255,255,255); border:3px solid rgb(151,151,151); border-top:none; border-bottom:none;} #global-footer {width:786px; height:135px; background:url(/images/bg_global-footer.png) no-repeat 0 0;} /* ------------ Seasonal && $global-container Classes ------------ */ body.spring {background:rgb(215,255,182) url(/images/bg_spring.gif) no-repeat 0 0;} body.spring #global-container {width:786px; height:855px; background: transparent url(/images/bg_tree_spring.gif) no-repeat 0 0;} body.summer {background:rgb(215,255,182) url(/images/bg_summer.gif) no-repeat 0 0;} body.summer #global-container {width:786px; height:855px; background: transparent url(/images/bg_tree_summer.gif) no-repeat 0 0;} body.fall {background:rgb(215,255,182) url(/images/bg_fall.gif) no-repeat 0 0;} body.fall #global-container {width:786px; height:853px; background: transparent url(/images/bg_tree_fall.gif) no-repeat 0 0;} body.holidays {background:rgb(255,255,255) url(/images/bg_holidays.gif) no-repeat 0 0;} body.holidays #global-container {width:786px; height:708px; background: transparent url(/images/bg_tree_holidays.gif) no-repeat 0 0;} body.winter {background:rgb(255,255,255) url(/images/bg_winter.gif) no-repeat 0 0;} body.winter #global-container {width:786px; height:854px; background: transparent url(/images/bg_tree_winter.gif) no-repeat 0 0;} /* ------------ #global-container #global-marquee ------------ */ #global-marquee {position:absolute; width:250px; top:23px; left:740px; font-size:12px; color:#3e57aa; line-height:14px;} /* ------------ #global-header ------------ */ #global-header .logo {position:absolute; width:786px; height:76px;} #global-header .spring {background:transparent url(/images/bg_tree_spring.gif) no-repeat -192px -115px;} #global-header .summer {background:transparent url(/images/bg_tree_summer.gif) no-repeat -192px -115px;} #global-header .fall {background:transparent url(/images/bg_tree_fall.gif) no-repeat -192px -115px;} #global-header .holidays {background:transparent url(/images/bg_tree_holidays.gif) no-repeat -192px -115px;} #global-header .winter {background:transparent url(/images/bg_tree_winter.gif) no-repeat -192px -115px;} #global-header .tagline {position:absolute; left:243px; bottom:11px; width:350px; color:#3b54a7; font-style:italic; text-align:left; font-size:12px; font-weight:bold;} #global-header .marquee {position:relative; left:550px; top:10px; width:200px; color:#3e57aa; text-align:center; font-size:14px; font-style:italic; line-height:20px;} #global-header .marquee span {font-size:12px; color:rgb(132,172,63); font-style:normal;} /* ------------ #global-menu ------------ */ #global-menu ul {list-style-type:none;} #global-menu ul li {display:block; float:left; position:relative; z-index:1000; padding:0;} #global-menu ul li a {display:block; line-height:31px; padding:0 12px 0 12px; float:none !important; float:left /*IE6*/; font-size:13px; color:rgb(255,255,255); font-family:Arial; text-decoration:none; font-weight:bold;} #global-menu ul li a:hover {background:url(/images/bg_global-menu.gif) repeat-x 0 -31px;} #global-menu ul li ul {display:none;} #global-menu ul li.stick a {background:url(/images/bg_global-menu.gif) repeat-x 0 -31px;} /* Non-IE6 Hovers */ #global-menu ul li:hover a {background:url(/images/bg_global-menu.gif) repeat-x 0 -31px;} #global-menu ul li:hover ul {display:block; position:absolute; z-index:1001; top:2.9em; margin-top:0.1em; left:-0.1em; border-bottom:1px solid rgb(122,107,90);} #global-menu ul li:hover ul li a {display:block; width:13.0em; height:auto; line-height:21px; color:rgb(255,255,255); background:rgb(151,197,120); font-weight:normal; border:1px solid rgb(122,107,90); border-top:none; border-bottom:none;} #global-menu ul li:hover ul li a:hover {background:rgb(89,147,16);} /* IE6 Hovers */ #global-menu table {position:absolute; top:0; left:0; z-index:1002; border-collapse:collapse;} #global-menu ul li a:hover {background:url(/images/bg_global-menu.gif) repeat-x 0 -31px;} #global-menu ul li a:hover ul {display:block; position:absolute; top:1.8em; t\op:1.8em; left:-0.1em; marg\in-top:7px; border-bottom:1px solid rgb(122,107,90);} #global-menu ul li a:hover ul li a {display:block; w\idth:13.0em; height:1px; line-height:21px; background:rgb(151,197,120); font-weight:normal; border:1px solid rgb(122,107,90); border-top:none; border-bottom:none;} #global-menu ul li a:hover ul li a:hover {background:rgb(89,147,16);} /* ------------ #global-crumbs ------------ */ #global-crumbs ul {list-style-type:none;} #global-crumbs ul li {display:block; float:left; line-height:20px; background: url(/images/bg_global-crumbs.gif) no-repeat 5px 8px !important; color:rgb(0,0,0); padding:0 0 0 15px; font-weight:bold;} #global-crumbs ul li a {color:rgb(100,100,100); font-weight:normal;} #global-crumbs ul li a:hover {text-decoration:underline;} /* ------------ #global-crumbs.share-this ------------ */ #global-crumbs .share-this {float:right; line-height:20px; padding:0 5px 3px 0;} #global-crumbs .share-this #sharethis_0 a {font-weight:bold; color:rgb(80,80,80);} /* ------------ #global-content ------------ */ #global-content a, #global-content a:visited {color:rgb(71,84,146); text-decoration:underline;} #global-content a img {border:solid 1px rgb(150,150,150);} #global-content a:hover img {border:solid 1px rgb(220,220,220);} #global-content li {margin-left:20px; padding:2px 0;} #global-content img {clear:both; float:none; margin:5px; padding:1px; border:1px solid rgb(238,218,146);} /* ------------ #global-content #center-court------------ */ #center-court {width:540px; padding:20px; float:left;} #center-court p{font-size:1.2em; margin:0 0 20px 0; text-align:left; line-height:1.6em;} #center-court ul {margin:0 0 10px 30px;} #center-court ol {margin:0 0 10px 30px;} #center-court li {font-size:1.2em;} #center-court h1 {clear:both; display:block; color:rgb(0,51,204); font-weight:bold; font-size:2.2em; padding:10px 0 10px 0; font-weight:bold;} #center-court h2 {clear:both; margin:10px 0 10px 0; font-size:1.6em; color:rgb(0,51,204); font-weight:bold;} #center-court h3 {clear:both; margin:10px 0 10px 0; font-size:1.2em; color:rgb(0,51,204); font-weight:bold;} #center-court h4 {clear:both; margin:10px 0 10px 0; font-size:1.2em; color:rgb(0,51,204); font-weight:normal;} #center-court img {clear:both; float:none; margin:5px; padding:1px; border:1px solid rgb(150,150,150);} #center-court h1.page-title {padding:0 0 20px 0; color:rgb(51,153,0);} /* ------------ #global-content #center-court.content-block ----------- */ #center-court .content-block {margin-bottom:10px !important; margin-bottom:5px /*IE6*/;} #center-court .content-block .caption {font-size:0.7em; font-weight:normal; text-align:center; color:rgb(80,80,80);} #center-court .content-block .caption img {float:none; display:block; margin:0 0 3px 0;} #center-court .content-block .left {clear:both; float:left; margin:3px 10px 7px 0;} #center-court .content-block .center {clear:both; float:none; display:block; margin:0 auto;} #center-court .content-block .right {clear:both; float:right; margin:3px 0px 7px 10px;} #center-court .content-block .side {clear:none;} #center-court .content-block img {padding:1px; border:1px solid rgb(150,150,150);} #center-court .content-block p {font-size:1.2em; margin:0 0 10px 0; text-align:left;} #center-court .content-block h2 a {color:rgb(0,51,204); font-weight:bold;} #center-court .content-block hr {color:rgb(255,255,255); border:0 none;} #center-court .content-block .audioplayer_container {padding:0 0 0 30px; margin:0;} #center-court .content-block .size-full {vertical-align:middle; margin-right:5px; border:0 none;} /* ------------ #global-content #sidebar-form ------------ */ #sidebar-form {width:168px; margin:10px auto; border:1px solid #a6a6a6; padding:6px; -moz-border-radius:10px; -webkit-border-radius:10px;} #sidebar-form.blue {background:#324ca1 url(/images/bg_sidebar-form_blue.gif) repeat-x 0 0;} #sidebar-form.brown {background:#371f01 url(/images/bg_sidebar-form_brown.gif) repeat-x 0 0;} #sidebar-form.orange {background:#bb4404 url(/images/bg_sidebar-form_orange.gif) repeat-x 0 0;} #sidebar-form.red {background:#821304 url(/images/bg_sidebar-form_red.gif) repeat-x 0 0;} #sidebar-form.yellow {background:#f3e701 url(/images/bg_sidebar-form_yellow.gif) repeat-x 0 0;} #sidebar-form .intro {} #sidebar-form .headline {color:#fff; font-weight:bold; font-family:Verdana; font-size:22px; text-align:center;} #sidebar-form.yellow .headline {color:#324ca1;} #sidebar-form .message {color:#fff; font-family:'Trebuchet MS'; font-size:14px; text-align:center;} #sidebar-form.yellow .message {color:#000;} #sidebar-form .fields {padding:3px;} #sidebar-form .fields input {display:block; width:148px; border:1px solid #b8b8b8; background:#fff; margin-bottom:5px; color:#000; font-family:Verdana; font-size:14px; padding:6px; -moz-border-radius:5px; -webkit-border-radius:5px;} #sidebar-form .fields textarea {display:block; width:148px; border:1px solid #b8b8b8; background:#fff; color:#000; font-family:Verdana; font-size:14px; padding:6px; -moz-border-radius:5px; -webkit-border-radius:5px;} #sidebar-form .fields .off {color:#b8b8b8; font-style:italic; font-size:14px;} #sidebar-form .button {display:block; width:171px; height:39px; margin:6px auto 0;} #sidebar-form p.mini {color:#fff; font-size:14px; font-family:'Trebuchet MS'; text-align:center; padding:0; margin:0;} #sidebar-form.yellow p.mini {color:#000;} #sidebar-form .thanks p {color:#fff; text-align:center; font-size:14px; font-family:'Trebuchet MS';} #sidebar-form.yellow .thanks p {color:#324ca1;} /* ------------ #global-content #left-sidebar ------------ */ #left-sidebar {width:200px; float:left; padding:20px 0 10px 0;} #left-sidebar h2 {clear:both; margin:0 0 10px 0; font-size:1.3em; color:rgb(71,84,146); font-weight:bold;} #left-sidebar p {margin-bottom:10px; font-size:1.1em;} /* ------------ #global-content #left-sidebar ------------ */ #left-sidebar .item-list {width:184px; margin:10px auto; padding-left:10px;} #left-sidebar .item-list ul {list-style-type:none;} #left-sidebar .item-list li {display:block; margin:0; border-bottom:1px solid rgb(203,206,209); padding:5px;} #left-sidebar .item-list li a {font-size:1.2em; color:rgb(92,122,89); text-decoration:none;} #left-sidebar .item-list li a:hover {text-decoration:underline;} #left-sidebar .item-list li.header {font-size:2.0em; color:rgb(71,109,187); border:0 none; font-family:Garamond,'Times New Roman'; padding-top:0;} /* ------------ #global-content #right-sidebar ------------ */ #right-sidebar {width:250px; float:right; padding:20px 0 10px 0;} #right-sidebar p {margin-bottom:10px; font-size:1.1em;} /* ------------ #global-content #center-court #contactform ----------- */ #contactform {width:500px; margin:2.0em auto; padding:10px 10px 0 10px;} #contactform .errors p{text-align:center;} #contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(150,150,150);} #contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;} #contactform label.left {float:left; width:150px; margin:0 0 0 10px; padding:2px; font-size:100%;text-align:right;} #contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;} #contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;} #contactform textarea {width:460px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;} #contactform input.button {float:right; width:9.0em; margin:0 20px 10px 0; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;} #contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);} /* ------------ #global-content #programs-popup ----------- */ #programs-popup {width:80%; margin:0 auto; background:rgb(255,204,153); border:1px solid rgb(150,150,150); padding:10px;} #programs-popup p {padding:0; margin:0;} /* ------------ #global-footer------------ */ #global-footer p {color:rgb(71,84,146); font-size:12px; padding:30px 0 0 0;} #global-footer p a, #global-footer p a:visited {color:rgb(128,158,166); text-decoration:underline; font-weight:bold;} /* ------------ credits ------------ */ #credits {text-align:right; color:rgb(125,125,125); font-size:1.0em; padding:10px 20px 10px 0;} #credits a {color:rgb(244,122,36);} #credits a:hover {color:rgb(244,122,36);}