/* Main.master Styles */

#container {position:relative;width:990px;margin-left:auto;margin-right:auto;border: none;}
* html #container {left:50%;right:0;margin-left: -495px;margin-right: 495px;}

#container .banner {clear:both; position:relative; height:159px; overflow:hidden; background: url(../../media/images/banner.jpg) no-repeat;}
#container .banner .logo {position:absolute; top:26px; left:436px; width:122px; height:122px; background: none;}
#container .banner .logo a {display:block; width:122px; height:122px; text-decoration:none;}

#container .menu {clear:both; height:38px; color:#ffffff; text-align:center; background: url(../../media/images/background-menu.jpg) no-repeat;}

#container .middle {clear:both; padding:3px; overflow:hidden; background-color:#ffffff;}
* html #container .middle {overflow:visible; display:inline-block;}

#container .middle .leftContent {float:left; width:212px;}
#container .middle .leftContent .appointmentsContent {clear:both; width:212px;}
#container .middle .leftContent .coachingAndTrainingContent {clear:both; width:212px; margin-top:5px;}
#container .middle .leftContent .coachingAndTrainingContent a {display: block; width:212px; height:70px; background: url(../../media/images/button-coachingtraining.jpg) 0 0 no-repeat; text-decoration:none;}
#container .middle .leftContent .coachingAndTrainingContent a:hover {background-position: -212px 0;}
#container .middle .leftContent .coachingAndTrainingContent a:active {background-position: 0px 0;}
#container .middle .leftContent .ourSponsorsContent {clear:both; width:212px; margin-top:5px;}
#container .middle .leftContent .socialMediaContent {clear:both; width:212px; margin-top:10px;}

#container .middle .content {float:left; width:550px; margin-left:5px;}
#container .middle .content .pageTitle {clear:both; height:40px; line-height:40px; color:#ffffff; font-size:30px; font-family:Impact, Charcoal, sans-serif; text-align:center; text-transform:uppercase; letter-spacing:1px; background: url(../../media/images/background-pagetitle.jpg) no-repeat;}
#container .middle .content .pageTitle .lowercaseTitle {text-transform:none; line-height:20px; font-size:15px;}
#container .middle .content .editor {clear:both; width:520px; margin:22px 15px; overflow:hidden;}

#container .middle .rightContent {float:left; width:212px; margin-left:5px;}
#container .middle .rightContent .latestNewsContent {clear:both; width:212px; background-color:#dbdfe5;}
#container .middle .rightContent .latestNewsContent .latestNewsHeader {clear:both;}
#container .middle .rightContent .latestNewsContent .latestNewsHeader a {display: block; width:212px; height:40px; background: url(../../media/images/header-latestnews.jpg) 0 0 no-repeat; text-decoration:none;}
#container .middle .rightContent .latestNewsContent .latestNewsHeader a:hover {background-position: -212px 0;}
#container .middle .rightContent .latestNewsContent .latestNewsHeader a:active {background-position: 0px 0;}
#container .middle .rightContent .latestNewsContent .latestNews {clear:both; height:176px; margin:3px; overflow:hidden;}
#container .middle .rightContent .latestNewsContent .latestNewsFooter {clear:both; height:30px; background-color:#0e2245; }
#container .middle .rightContent .latestNewsContent .latestNewsFooter a {float:right; line-height:30px; color:#ffffff; font-size:11px; text-transform:uppercase; margin-right:10px;}
#container .middle .rightContent .subscribeContent {clear:both; width:212px; margin-top:5px;}
#container .middle .rightContent .nextEventContent {clear:both; width:212px; margin-top:5px;}

#container .footer {clear:both; min-height:63px; background: #0e2245 url(../../media/images/background-footer.jpg) no-repeat; overflow:hidden;}
* html #container .footer {overflow:visible;height:63px;}
#container .footer .footerLinks {clear:both; overflow:hidden; margin-top:45px; color:#ffffff; font-size:11px; zoom:1;}
#container .footer .footerLinks .footerLeftLinks {float:left; width:485px; margin-left:10px;}
* #container .footer .footerLinks .footerLeftLinks {display:inline;}
#container .footer .footerLinks .footerLeftLinks a {color:#ffffff;}
#container .footer .footerLinks .footerRightLinks {float:left; width:485px; text-align:right; margin-right:10px;}
* html #container .footer .footerLinks .footerRightLinks {display:inline;}
#container .footer .footerLinks .footerRightLinks a {color:#ffffff;}
#container .footer .footerMenu {clear:both; margin-top:20px; color:#ffffff; text-align:center;}

/* Main Menu Styles */
#mainMenuLinks {clear:both; overflow:hidden;}
#mainMenuLinks .menuItem, #mainMenuLinks .menuItemSeparator {float:left; zoom:1;}
#mainMenuLinks .menuItem .menuItemLink {display:block; text-decoration:none; color:#ffffff; font-family:Arial,Verdana; font-size:12px; font-weight:bold; text-transform:uppercase;}
* html #mainMenuLinks .menuItem .menuItemLink {position:relative;}
#mainMenuLinks .menuItem .menuItemLink:hover {color:#ff0000;}
#mainMenuLinks .menuItemSeparator {padding:0 5px;}

/* Appointments Styles */
#appointmentsMenu {clear:both; width:212px;}
#appointmentsMenu .header {clear:both; width:212px; height:40px;}
#appointmentsMenu .header a {display: block; width:212px; height:40px; background: url(../../Media/Images/header-appointments.jpg) 0 0 no-repeat; text-decoration:none;}
#appointmentsMenu .header a:hover {background-position: -212px 0;}
#appointmentsMenu .header a:active {background-position: 0px 0;}
#appointmentsMenu .leagues {clear:both;}
#appointmentsMenu .leagues .league {clear:both; height:23px; line-height:23px; padding:0 10px; overflow:hidden; border-bottom:solid 1px #8690a2; text-transform:uppercase;}
#appointmentsMenu .leagues .league a {display:block; width:192px; height:23px; color:#000000; font-weight:bold; text-decoration:none;}
#appointmentsMenu .leagues .league a:hover {color:#013184;}
#appointmentsMenu .lastUpdated {clear:both; font-size:10px; line-height:14px; padding:0 10px;}

#appointmentLeagues {clear:both; width:520px;}
#appointmentLeagues .header {clear:both;}
#appointmentLeagues .leagues {clear:both; margin-top:10px;}
#appointmentLeagues .leagues .league {clear:both; height:23px; line-height:23px; padding:0 10px; overflow:hidden; text-transform:uppercase;}
#appointmentLeagues .lastUpdated {clear:both; font-size:10px; line-height:23px; padding:0 10px;}

#appointments {clear:both; width:520px;}
#appointments .name {clear:both; margin-bottom:10px;}
#appointments .name .umpiresNameDropDown {vertical-align:middle;}
#appointments .game {clear:both; padding:5px; margin-bottom:20px; background-color:#dbdfe5;}
#appointments .game .title {clear:both; text-align:center;}
#appointments .game .grade {clear:both; text-align:center; color:#ff0000; font-size:14px; font-weight:bold;}
#appointments .game .umpires {clear:both; margin-top:5px;}
#appointments .game .umpires table tr td {width:33%; text-align:center;}
#appointments .game .details {clear:both; margin-top:5px; overflow:hidden; zoom:1;}
#appointments .game .details .dateTime {float:left; width:245px;}
#appointments .game .details .dateTime .dtitle {clear:both; font-weight:bold;}
#appointments .game .details .dateTime .date {clear:both;}
#appointments .game .details .dateTime .time {clear:both;}
#appointments .game .details .venue {float:left; width:245px; margin-left:20px;}
#appointments .game .details .venue .vtitle {clear:both; font-weight:bold;}
#appointments .game .details .venue .name {clear:both;}
#appointments .game .gameNotes {clear:both; margin-top:5px;}
#appointments .game .pickup {clear:both; margin-top:5px;}
#appointments .game .pickup .ptitle {clear:both; font-weight:bold;}
#appointments .game .pickup .time {clear:both;}
#appointments .game .pickup .drivers {clear:both;}
#appointments .game .separator {clear:both; background-color:#ffffff; height:1px; border:0; padding:0; margin:5px 0; line-height:1px;}

/* Our Sponsors Styles */
#ourSponsorsRotator {clear:both; width:212px;}
#ourSponsorsRotator .header {clear:both; width:210px; height:38px; border:solid 1px #0e2245;}
#ourSponsorsRotator .rotator {clear:both; position:relative; width:210px; height:312px; border-left:solid 1px #0e2245;border-right:solid 1px #0e2245;border-bottom:solid 1px #0e2245;}
#ourSponsorsRotator .rotator .rrItem {margin:15px 0;}
#ourSponsorsRotator .rotator .fadeTop {position:absolute; top:0px; left:0px; width:210px; height:38px; overflow:hidden; background: url(../../media/images/rotator-fade-top.png) no-repeat;}
#ourSponsorsRotator .rotator .fadeBottom {position:absolute; top:274px; left:0px; width:210px; height:38px; overflow:hidden; background: url(../../media/images/rotator-fade-bottom.png) no-repeat;}

/* Social Media Styles */
#socialMedia {clear:both; width:212px;}
#socialMedia .groups {clear:both; width:70px; float:right; overflow:hidden;}
#socialMedia .groups .twitter {float:left; width:20px;}
#socialMedia .groups .twitter a {display: block; width:20px; height:20px; background: url(../../media/images/twitter-logo.gif) 0 0 no-repeat; text-decoration:none;}
#socialMedia .groups .twitter a:hover {background-position: -20px 0;}
#socialMedia .groups .twitter a:active {background-position: 0px 0;}
#socialMedia .groups .facebook {float:left; width:20px; margin-left:5px;}
#socialMedia .groups .facebook a {display: block; width:20px; height:20px; background: url(../../media/images/facebook-logo.gif) 0 0 no-repeat; text-decoration:none;}
#socialMedia .groups .facebook a:hover {background-position: -20px 0;}
#socialMedia .groups .facebook a:active {background-position: 0px 0;}
#socialMedia .groups .youtube {float:left; width:20px; margin-left:5px;}
#socialMedia .groups .youtube a {display: block; width:20px; height:20px; background: url(../../media/images/youtube-logo.jpg) 0 0 no-repeat; text-decoration:none;}
#socialMedia .groups .youtube a:hover {background-position: -20px 0;}
#socialMedia .groups .youtube a:active {background-position: 0px 0;}

/* News Styles */
#rightContentNewsArticles {clear:both; width:189px;}
#rightContentNewsArticles .rightContentNewsArticle {clear:both; overflow:hidden;}
#rightContentNewsArticles .rightContentNewsArticle a {display:block; padding:7px 7px; text-decoration:none;}
#rightContentNewsArticles .rightContentNewsArticle a .headline {display:block; color:#0e2245; font-size:12px; font-weight:bold;}
#rightContentNewsArticles .rightContentNewsArticle a .createdBy {display:block; color:#000000; font-size:10px;}
#rightContentNewsArticles .rightContentNewsArticle a:hover {background-color:#bcc3cd;}

/* Subscribe Styles */
#subscribe {clear:both; width:194px; height:101px; padding:9px; color:#ffffff; background: url(../../Media/Images/background-subscribe.jpg) no-repeat; overflow:hidden;}
#subscribe .header {font-size:16px; font-weight:bold;}
#subscribe .intro {margin-top:10px;}
#subscribe .controls {margin-top:10px;}
#subscribe .controls .subscriberEmailTextBox {width:120px; vertical-align:middle;}
#subscribe .controls a {color:#ffffff; font-family:Impact, Charcoal, sans-serif; font-size:11px; letter-spacing:1px;}

/* Next Event Styles */
#nextEvent {clear:both; width:212px;}
#nextEvent .header {clear:both; width:210px; height:38px; border:solid 1px #980000;}
#nextEvent .header a {display: block; width:210px; height:38px; background: url(../../media/images/header-nextevent.jpg) 0 0 no-repeat; text-decoration:none;}
#nextEvent .header a:hover {background-position: -210px 0;}
#nextEvent .header a:active {background-position: 0px 0;}
#nextEvent .event {clear:both; width:210px; border-left:solid 1px #fe0000;border-right:solid 1px #fe0000;border-bottom:solid 1px #fe0000;}

#rightContentNextEvents {clear:both; width:190px; padding:10px; line-height:15px;}
#rightContentNextEvents .rightContentNextEvent {clear:both; text-align:center; margin-bottom:15px;}
#rightContentNextEvents .rightContentNextEvent .eventDate {color:#0e2245; font-weight:bold;}
#rightContentNextEvents .rightContentNextEvent .headline {color:#0e2245; font-weight:bold;}
#rightContentNextEvents .rightContentNextEvent .intro {}
#rightContentNextEvents .rightContentNextEventLast {margin-bottom:0px !important;}