@charset "utf-8";
/* CSS Document */

/* ------------ Globals ------------ */
* {margin:0; padding:0;}
img {border:0 none;}

/* ------------ Layout ------------ */
body {background:rgb(200,205,208) url(/images/bg.gif) repeat-x 0 0; font-family:Georgia,verdana,arial,sans-serif; color:rgb(60,60,60); font-size:62.5%;}
#global-container {width:980px; background:rgb(255,255,255); margin:0 auto;}
#site-map {width:980px; background:rgb(117,129,138) url(/images/bg_site-map.gif) no-repeat 0 center; display:none; padding:0 0 10px 0;}
#global-header {width:980px; height:128px; background:url(/images/bg_global-header.gif) repeat-x 0 0;}
#global-menu {width:970px; height:44px; background:url(/images/bg_global-menu.gif) repeat-x 0 0; padding:9px 0 0 10px;}
#global-content {width:980px; background:rgb(255,255,255);}
#global-crumbs {padding:0;}
#global-footer {width:980px; height:171px; background:url(/images/bg_global-footer.gif) repeat-x 0 0;}

/* ------------ #site-map ------------ */
#site-map .bar {background:rgb(200,200,200); height:20px; padding-right:5px; border-bottom:1px solid rgb(100,100,100);}
#site-map .bar a {display:block; text-decoration:none; font-size:12px; line-height:20px; float:right; background:url(/images/bg_site-map_close.png) no-repeat right center; padding-right:20px;}
#site-map ul {padding-left:10px;}
#site-map li {color:rgb(150,150,150); font-size:12px; padding:3px 0 3px 0;}
#site-map a {color:rgb(255,255,255);}

/* ------------ #global-header ------------ */
#global-header .logo {float:left; width:115px; height:115px; padding:8px 0 0 8px;}
#global-header .title {float:left; color:rgb(80,80,80); font-size:46px; padding-top:25px; cursor:pointer;}
#global-header .title span {display:block; padding-left:20px; color:rgb(117,129,138); font-size:14px; margin-top:-10px;}

/* ------------ #global-header #site-map-button ------------ */
#site-map-button {float:right; width:165px; height:36px; background:url(/images/bg_site-map.png) no-repeat 0 0; padding-left:11px;}
#site-map-button a {display:block; width:165px; line-height:36px; text-decoration:none;}

/* ------------ #global-header #site-search ------------ */
#site-search {position:relative; width:275px; top:-30px; left:700px;}
#site-search div {height:30px; width:275px;}
#site-search input.search-field {width:200px; border:1px solid rgb(150,150,150); font-size:14px;}
#site-search input.search-button {width:60px; font-size:12px; vertical-align:top;}

/* ------------ #global-menu ------------ */
#global-menu ul {list-style-type:none;}
#global-menu ul li {display:block; float:left; position:relative; z-index:auto !important; z-index:1000 /*IE6*/;}
#global-menu ul li ul {display:none;}
#global-menu ul li a {display:block; line-height:28px; padding:0 12px 0 12px; float:none !important; float:left /*IE6*/; font-size:1.3em; color:rgb(255,255,255); text-decoration:none;}
#global-menu ul li a:hover, #global-menu ul li.stick a {background:rgb(136,174,143);}

/* Non-IE6 Hovers */
#global-menu ul li:hover a {background:rgb(136,174,143);}
#global-menu ul li:hover ul {display:block; position:absolute; z-index:1000; top:2.7em; margin-top:0.1em; left:0;}
#global-menu ul li:hover ul li a {display:block; width:13.0em; height:auto; line-height:25px; color:rgb(255,255,255); background:rgb(136,174,143); font-weight:normal;}
#global-menu ul li:hover ul li a:hover {background:rgb(200,200,200);}

/* IE6 Hovers */
#global-menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
#global-menu ul li a:hover {background:rgb(136,174,143);}
#global-menu ul li a:hover ul {display:block; position:absolute; z-index:1000; top:1.8em; t\op:1.8em; left:0; marg\in-top:0.1em;}
#global-menu ul li a:hover ul li a {display:block; w\idth:13.0em; height:1px; line-height:25px; background:rgb(136,174,143); font-weight:normal;}
#global-menu ul li a:hover ul li a:hover {background:rgb(180,180,180);}

/* ------------ #global-crumbs ------------ */
#global-crumbs ul {list-style-type:none;}
#global-crumbs ul li {display:block; float:left; margin:0; line-height:20px; position:relative; z-index:999; background: url(/images/bg_global-crumbs.gif) no-repeat 5px 8px !important; color:rgb(100,100,100); padding:0 0 0 15px; font-weight:bold;}
#global-crumbs ul li a {color:rgb(58,130,183); font-weight:normal; text-transform:lowercase; text-decoration:none;}
#global-crumbs ul li a:hover {text-decoration:underline;}

/* ------------ #global-content ------------ */
#global-content a, #global-content a:visited {color:rgb(58,130,183); text-decoration:underline;}
#global-content a img {border:solid 1px rgb(220,220,220);}
#global-content a:hover img {border:solid 1px rgb(150,150,150);}
#global-content p {font-size:1.3em; margin:0 0 10px 0;}
#global-content td p {margin:0; padding:0;}
#global-content li {font-size:14px; margin-left:20px; padding:2px 0;}
#global-content img {clear:both; float:none; padding:1px; border:1px solid rgb(150,150,150);}

/* ------------ #global-content #center-court------------ */
#center-court {width:700px; float:right; padding:10px 10px 10px 0;}
#center-court p{ 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 h1 {clear:both; display:block; color:rgb(67,146,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(67,146,204); font-weight:bold;}
#center-court h3 {clear:both; margin:10px 0 10px 0; font-size:1.2em; color:rgb(67,146,204); font-weight:bold;}
#center-court h4 {clear:both; margin:10px 0 10px 0; font-size:1.2em; color:rgb(67,146,204); font-weight:normal;}
#center-court img {margin:5px;}
#center-court h1.page-title {}

/* ------------ #global-content #center-court.content-block ----------- */
#center-court .content-block {margin:10px 0 10px 0 !important; margin:5px 0 5px 0 /*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 {margin:0 0 10px 0; text-align:left;}
#center-court .content-block h2 a {color:rgb(67,146,204); font-weight:bold;}
#center-court .content-block hr {color:rgb(255,255,255); border:0 none;}

/* ------------ #global-content #left-sidebar ------------ */
#left-sidebar {width:250px; float:left; padding:15px 10px 10px 10px;}
#left-sidebar h2 {clear:both; margin:0 0 10px 0; font-size:1.3em; color:rgb(71,84,146); font-weight:bold;}

/* ------------ #global-content #left-sidebar ------------ */
#left-sidebar .item-list {width:246px; margin-bottom:10px;}
#left-sidebar .item-list ul {list-style-type:none;}
#left-sidebar .item-list li {display:block; border-bottom:1px solid rgb(240,240,240); padding:0; margin:0;}
#left-sidebar .item-list li a {display:block; color:rgb(0,0,0); text-decoration:none; padding:5px 5px 5px 10px;}
#left-sidebar .item-list li a:hover {background:rgb(240,240,240);}
#left-sidebar .item-list li img {vertical-align:middle; border:0 none; margin:0 0 3px 0; padding:0;}
#left-sidebar .item-list li.header {font-size:1.6em; color:rgb(255,255,255); border:0 none; line-height:35px; background:url(/images/bg_item-list.gif) repeat-x 0 0; padding-left:15px; border-left:1px solid rgb(153,153,102);}

/* ------------ #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:200px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
#contactform textarea {width:420px; 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 #letters------------ */
.legend{padding:0 0 2px 0; line-height:16px; text-align:center; font-size:14px; background:rgb(220,220,220); width:80%; margin:0 auto; margin-top:10px; border:1px solid rgb(180,180,180); border-left:0 none; border-right:0 none;}
#letters {padding:10px 10px 10px 10px;}
#letters table {width:100%;}
#letters tr.header {background:rgb(150,150,150);}
#letters td.head {color:rgb(240,240,240); font-weight:bold; text-align:center; padding:3px; font-size:1.3em; border-bottom:1px solid rgb(100,100,100);}
#letters tr.data1 {background:rgb(255,255,255); color:rgb(0,0,0);}
#letters tr.data2 {background:rgb(240,240,240); color:rgb(0,0,0);}
#letters tr.data1_On, #letters tr.data2_On {background:rgb(136,174,143); color:rgb(255,255,255);}
#letters td.data {text-align:center; padding:3px 2px 3px 2px; font-size:1.2em; cursor:pointer;}
#letters td.data img {padding:0; margin:0; vertical-align:middle; border:0 none;}

/* ------------ #global-footer------------ */
#global-footer p {color:rgb(255,255,255); font-size:14px; padding:20px 0 0 0; font-weight:bold;}
#global-footer p a, #global-footer .content p a:visited {color:rgb(240,240,240); text-decoration:underline;}
#global-footer .credits {text-align:center; color:rgb(125,125,125); font-size:12px; padding:30px 20px 10px 0;}
#global-footer .credits a {color:rgb(244,122,36);}
#global-footer .credits a:hover {color:rgb(244,122,36);}