/*************************************************

OSSC.CA
NOVEMBER 2007
BY 76design


***************************************************
    GENERIC
    */


HTML {
    font: 62.5%/120% "Lucida Sans Unicode", "Lucida Sans","Lucida MS", Verdana, Arial, Helvetica, sans-serif;
    background:#FFF url('../images/header_bkg.gif') repeat-x;
    color: #000;
    }

BODY {
    margin: 0px;
    padding: 0px;
    text-align: center;
    }

A{
    color:#e65707;
    }

A:hover{color:#4B626D; background:#FFFBE8;}

A IMG {border:0;}

.left {float:left;}
.right {float:right;}

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

H1,H2,H3,H4,H5,H6 {
    font-family: "Trebuchet MS", Verdana, sans-serif;
}

H1,H2,H3,H4,H5,H6,UL,LI, BLOCKQUOTE,IMG {
    margin:0;
    padding:0;
    list-style: none;
    }

    /***************************************************
    TABLES
     */

TABLE{
    clear: both;
    margin:20px 0;
    width:100%;
    padding:0;
    border-collapse: collapse;
    font-size:100%;
    }

TABLE THEAD TH {
    line-height:120%;
    }

TABLE TBODY TR {
    color:#737373;
    }

/*TABLE TBODY TR:hover,
TABLE TBODY TR:hover A	{
    background: #4b626d;
    color: #FFF;
    }
*/
TABLE THEAD TR {
    padding: 8px 3px;
    vertical-align:middle;
    color:#4b626d;
    font-weight:bold;
    border-bottom: 1px solid #4b626d;
    background: #d7eef1;
    font-weight: bold;
    }

TABLE TBODY TH {
    border-bottom: 1px solid #4b626d;
    background: #d7eef1;
    }

TABLE TR TD {
        font-size: 100%; line-height: 140%;
        margin:0;
        padding:2px 5px;
        border-bottom: 1px solid #aaa;
        }

TABLE.form TH EM {
    color: red;
}

/***************************************************
    FORMS
     */
LABEL {
    /*
    display:block;
    float:left;
    */
    color:#4b626d;
    font-weight:bold;
    cursor:pointer;
    width:150px;

    padding: 0;
    }

INPUT,
TEXTAREA {
    border: 1px solid #718c90;
    color: #4b626d;
    margin:5px 0;
    font-size:120%;
    padding: 2px 3px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
    }

.regforms {
    float:left;
    }

.submit {
    margin:15px 0 0 0;
    font-size:140%;
    }

.forgot-password .regforms {
    width:300px;
}

P.error {
    background: #ff9;
    padding: 6px;
}

P.success {
    background: #BFB;
    padding: 6px;
}

/***************************************************
    WRAPPER
     */
#wrapper {
    width:930px;
    margin: 0px auto;
    text-align:left;
    }

/***************************************************
    HEADER
    */
#header {
    overflow:hidden;
    height:116px;
    }

#header P {
    color:#FFF;
    float:right;
    font-size:160%;
    font-weight:bold;
    margin:18px 0;
    font-family:Trebuchet, "Trebuchet MS";
    }

#header P A {
    color:#b0dee3;

    }

#header P A:hover {
    color:#f37c0c;
    }

#header #logo {
    float:left;
    }

#header #icon-list {
    float:right;
    }

#user {
    float: right;
}

/***************************************************
    SIDEBAR
     */
#sidebar {
     width:200px;
    float:left;
    margin:10px 15px 0 0;
    font-size:120%;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    overflow: hidden;
     }

/***************************************************
    SIDEMENU
    */

 #sidebar UL {
     border-bottom: 10px solid #d7eef1;
     }

 #sidebar UL UL {
    border-bottom:none;
    }

#sidebar LI {
     list-style:none;
    position:relative;
    }

#sidebar LI A,
#sidebar .selected.section {
    font-size:120%;
    color:#FFF;
    text-decoration:none;
    padding:5px 0 5px 20px;
    display:block;
    background:#495d60;
    margin:2px 0;
    line-height: 1.1em;
    }

 #sidebar .selected.section {
    margin:10px 0 0 0;
    }

#sidebar LI A:hover,
#sidebar LI A.selected,
#sidebar .selected.section{
     color:#6d4a23;
     background:#b0dee3;
}

#sidebar .current-section {
    background:#fef3be;
    margin:0 0 5px 0;
    border:none;
    padding: 0px 0 5px 0;
    }

#sidebar .current-section LI A {
    color:#495d5f;
    background:#fef3be;
    padding: 3px 0 5px 20px;
    display:block;
    font-weight: bold;
    margin:0;
    }

#sidebar .current-section LI A:hover {
    background:#6d4a23;
    color:#FFF;
    }

#sidebar LI A.selected {
    background:#CCC;
    color:#DDD;
    }

#sidebar .current-section LI UL LI A{
    padding:4px 0 4px 30px;
    font-size:90%;
    background:none;
    font-weight: normal;
    }
#sidebar .current-section LI UL LI A:hover {
    background:#6d4a23;
    }

/* MEMBER SIDEBAR */

#sidebar #member-menu {
    background: #b0dee3 url(../images/login-bkd.gif) top repeat-x;
    padding: 6px 0;
    margin: 6px 0 0 0;
}

#sidebar #member-menu p {
    margin-left: 10px;
    margin-right: 10px;
    color: #495d60;
}

#sidebar #member-menu UL {
    border-top: 2px solid white;
    margin: 0;
    border-bottom: none;
}

#sidebar #member-menu LI A,
#sidebar #member-menu .selected.section {
    color:#495d60;
    background:#d7eef1;
    border-bottom: 2px solid white;
    margin: 0;
    }

#sidebar #member-menu LI A:hover,
#sidebar #member-menu LI A.selected,
#sidebar #member-menu .selected.section{
     color:#6d4a23;
     background:#b0dee3;
}

#sidebar #member-menu .current-section {
    background:#fef3be;
}

#sidebar #member-menu .current-section LI A {
    color:#495d5f;
    }

#sidebar #member-menu .current-section LI A:hover {
    background:#6d4a23;
    color:#FFF;
    }

#sidebar #member-menu LI A.selected {
    background:#CCC;
    color:#DDD;
    }

#sidebar #member-menu .current-section LI UL LI A{
    background:none;
    font-weight: normal;
    }
#sidebar #member-menu .current-section LI UL LI A:hover {
    background:#6d4a23;
    }

/* SPONSORS */

.sponsor {
    height: 155px;
}
.sponsor img {
    margin: 3px 0 3px 1px;
}

.sponsor-ads {
    text-align: center;
}

.sponsor-ads.homepage {
    margin-bottom: 10px;
}

.sponsor-ads img {
    margin: 5px 0 5px 0;
}

#sidebar H2{
    font-size:160%;
    margin:10px 0;
    color: #6d4a23 ;
    font-family: Trebuchet, "Trebuchet MS";
    line-height:100%;
    }

#sidebar INPUT.text,
#sidebar INPUT.captcha{
    width: 164px;
}

#sidebar .member-services H3 {
    background: #E9EFEF;
    text-align: center;
}
#sidebar .member-services H3 A {
    color: #000;
    font-size: 140%;

}

/***************************************************
    UPCOMING EVENTS
     */



#content #moduleid-event_list{
    margin:40px 0 0 0px;

    }

#content #moduleid-event_list H2 {
    padding:10px;
    margin:0;
    color:#6d4a23;
    }

#content #moduleid-event_list H4 {
    font-size: 100%;

    }

#content #moduleid-event_list H4 A  {
    background:#fffbe8;
    margin:0;
    font-size:130%;
    text-decoration:none;
    }
#content #moduleid-event_list .even H4 A  {
    color:#4D94D1;
    background:#f2f7fb;
    }

#content #moduleid-event_list UL{

    margin:0;
    padding:0;
    }

#content #moduleid-event_list UL LI{
    border-top:solid 1px #ecdeab;
    margin:0 10px;
    padding:5px 0 12px 0;
    clear:left;
    background:none;
    }


#content #moduleid-event_list  A.read-more{
    margin:5px 20px 0 0;
    float:right;
    }

#content #moduleid-event_list UL LI.last {
    border-bottom:solid 1px #CCC;
    }

#content #moduleid-event_list .close {
    padding:8px;
    display:block;
}
#content #moduleid-event_list .close:hover {
        background:none;
        }
/***************************************************
    DATE IMAGE
    That little button that says the date in the upcoming events
    list.
     */
#content #moduleid-event_list .date.blue {background:url(../images/date-blue.gif) no-repeat;}
#content #moduleid-event_list .date.orange {background:url(../images/date-orange.gif) no-repeat;}
#content #moduleid-event_list .date H5 {font-size:180%;margin:0;padding:0;line-height:0.7em;}
#content #moduleid-event_list .date H6 {font-size:100%;}
#content #moduleid-event_list .date {
    width:41px;
    height:35px;
    overflow:hidden;
    float:left;
    text-align:center;
    margin:0 10px 0 0;
    color:#FFF;
    padding:5px 0;
    }

/***************************************************
    BREADCRUMB
     */
#content #breadcrumb LI {
    display:inline;
    background:none;
    margin:0;
    padding:0;
    }
#content #breadcrumb UL {
    margin:10px 0 0 0;
    padding:0;
    }


/***************************************************
    SUBPAGE NAV
    */
    #content UL.current-section{
        position: relative; height: 1%;
        font: 120% 'trebuchet ms', arial, sans-serif;
        float: right;
        background: #FEF3BE;
        width: 200px;
        padding: 0;
        margin: 0 -115px 0 30px;
    }
    #content .current-section LI{
        list-style: none;
        background: url(../images/bullet-grey.gif) 10px 54% no-repeat;
        padding: 0; margin: 0;
        border-bottom: solid 1px #fff;
    }
    #content .current-section A{
        position: relative; /* ie6 wasn't showing bg colour on some things */
        font-weight: bold;
        padding: 6px 10px 6px 24px;
        display: block;
        text-decoration: none;
        color: #495D60;
    }
    #content .current-section A:hover,
    #content li.selected A{
        color: #fff;
        background: #6D4A23 url(../images/bullet.gif) 10px 54% no-repeat;
    }
/***************************************************
    CONTENT
     */
#center-column {
    float:left;
    width:400px;
    margin:0 15px 0 0;
    }
#center-column.wide {
    width:600px;
    overflow: visible;}

BODY.register #center-column.wide,
BODY.forum #center-column.wide {
    width:680px;
    }

.home #content H1{
    color:#df7226;
    font-weight:bold;
    }

.home #content H1 EM {
    font-style:normal;
    color:#549ed6;
    }

.home #content H1 STRONG{
    color:#549ed6;
    }

 BLOCKQUOTE {
    font-size:130%;
    line-height:140%;
    margin:10px 0 20px 0;
    color: #4b5f62;
    }

#content{
    float:left;
    width:715px;
    margin-top: 10px;
    font-size:120%;
    line-height:160%;

    }

#content H1 {
    font-size:180%;
    line-height:120%;
    margin:10px 0;
    color:#495d60;
    padding:0 0 8px 0;
    }

#content H2{
    font-size:160%;
    margin:10px 0;
    color: #6d4a23 ;
    font-family: Trebuchet, "Trebuchet MS";
    }

#content H3 {
    font-size:135%;
    margin:10px 0;
    }

#content UL {
    padding:0 0 10px 20px;
    }
#content UL UL {
    padding:0 0 0 20px;
}

#content UL LI {
    background:url(../images/bullet-green.gif) 0 1px no-repeat;
    }

#content OL LI{
    list-style-type:decimal;
    }

#content LI {
    padding:0 0 0 20px;
    list-style:none;
    margin:0 0 5px 0;
    }

#content IMG.right {
    margin:0 0 10px 10px;
    }

#content IMG.left {
    margin:0 10px 10px 0;
    }

    /***************************************************
    RIGHT COLUMN
     */

#right-column {
    float:right;
    width:300px;
    font-size:120%;
    line-height:160%;
    font-family:Trebuchet, "Trebuchet MS";
    margin:10px 0 0 0;
    }

.member-services H3,
#recent-updates H3  {
    color:#e65707;
    font-size:110%;
    padding:10px;
    margin:0;
    }

.calendar #right-column {
    width: 216px;
    }


/***************************************************
    PAGE MODULE
     */
.module-widget_home_ossc IMG,
.module-pages IMG {
    border:#eee solid 6px;
}


/***************************************************
    LOGIN MODULE
    The deafault login area
     */

.member-services {
    width: 300px;
}

.member-services FORM INPUT{
    /*display:block;*/
    }

.member-services H2 {
    font-size:100%;
    line-height:120%;
    margin:0 0 5px 0;
    color:#000;
    }

#right-column .member-services {
    width:100%;
}

#sidebar .member-services {
    width:190px;
}


/***************************************************
    LOGIN MODULE - PLAYER DASHBOARD
    The deafault login area
     */

#content .member-services UL.dashboard {
    margin: 0 0 1em 0;
    padding:0;
    list-style: none outside;
    }

#content .member-services UL.dashboard LI {
    background-position: 4px 2px;
    margin: 0 0 6px 0;
    font-weight: bold;
}

#content .member-services UL.dashboard UL.dashboard LI {
    padding:0;
    font-weight: normal;
    background: none;
    margin: 3px 0 3px 15px;
}

/***************************************************
    RECENT UPDATES
    Includes the chalkboard and image galleries
     */

#recent-updates {
    background:#e9efef;
    padding:0 0 1px 0;
    font-family:Trebuchet, "Trebuchet MS";
    }

.update-box {
    margin:0 10px 10px 10px;
    padding:0 0 10px 0;
    background:#cae6e9 url(../images/right-column-bkg.gif) repeat-x;
    line-height:120%;
    }

.update-box .update-title {
    background:#f7f9f9;
    border-top:solid 1px #a5bcbe;
    border-bottom:solid 1px #a5bcbe;
    padding:2px 0;
    color:#4b5f62;
    }

.update-box .update-title H4 {
    margin:10px 0 0 0;
    padding:0;
    line-height:120%;
    }

.update-box .update-title SMALL {
    color:#ababab;
    margin:0;
    }

.update-box .update-title IMG {
    float:left;
    margin:0 5px 0 0;
    }

.update-box A.read-more {
    float:right;
    clear:right;
    margin:10px 10px 0 0;
    }

.update-box .text {
    padding: 0 10px;
    }


/***************************************************
    PAGE SPECIFIC STYLES: SITEMAP
     */

.sitemap #content #center-column UL a:link,
.sitemap #content #center-column UL a:visited {
    text-decoration: none;
}

.sitemap #content #center-column UL {
    padding: 0 0 1em 1em;
    }

.sitemap #content #center-column UL LI {
    padding:0 0 1em 1em;
    margin: 0 0;
    width: 300px;
    font-weight: bold;
    }

.sitemap #content #center-column UL UL {
    padding: 0 0 0 1.5em;
}

.sitemap #content #center-column UL UL LI {
    font-weight: normal;
    background: none;
    padding: 0;
    margin: 0;
}

.sitemap #content #center-column UL UL UL {
    padding: 0 0 0.25em 1.5em;
}

.sitemap #content #center-column UL UL UL LI {
    font-style: italic;
    background: none;
}

/***************************************************
    PAGE SPECIFIC STYLES: Schedules, Standings, Rules
     */

#content TABLE#league-list UL {
    padding:0 0 0 0;
}

#content TABLE#league-list LI {
    background: none;
    padding:0 0 0 0;
    margin: 1.0em 0;
}

.schedules #content TABLE TD.team {
    width: 25%;
}

/***************************************************
    PAGE COMPONENT: Report Scores
     */

UL.subform LI FORM {
    background: #eee;
    border: 1px solid #ddd;
    padding: 15px;
    margin: 15px;
}

/***************************************************
    IMAGE GALLERY
    The homepage image gallery. Done as a table
     */
#image-table {
    margin:10px 0 0 0;
    padding:0;
    width:100%;
    text-align:center;
    }

#image-table TD {
    border-bottom:none;
    padding:0;
    }

#image-table TR:hover {
    background:none !important;
    }

/***************************************************
    FOOTER
     */

#footer-wrapper {
    clear: both;
    background: #3D5254 url(../images/footer-bkg.gif) top repeat-x;
    width: 100%;
    margin: 20px 0 0 0;
    padding: 5px 0 40px 0;
    color: #758c90;
    text-align: center;
    }

#footer {
    width: 930px;
    margin: 0 auto;
    text-align: left;
    font-size: 120%;
    line-height: 1.4em;
    }

#footer .leftcol {
    width: 520px;
    float: left;
    }

#footer .rightcol {
    width: 240px;
    margin: 0 0 0 690px;
    text-align: right;
    }

#footer P{
    text-align:right;
    }

#footer ul {
    list-style: none outside;
    margin: 0; padding: 0;
    width:560px;
    }

#footer ul li {
    display: block;
    float:left;
    margin: 0 0 0 18px;
    padding: 0;
    }

#footer ul li.first {
    border: none;
    }

#footer a:link,
#footer a:visited {
    text-decoration: none;
    color: #b0dee3;
    }

#footer a:hover {
    color: #ffffff;
    text-decoration: underline;
    background: none;
    }


/***************************************************
    FOOTERSTICK
     */

html{height: 100%;}
body	{height: 100%;}

#wrapper{
    position:relative;
    min-height: 100%;
    }

* html #wrapper{
    height: 100%;
    }

#content{
    padding-bottom: 9em;
    }

#footer-wrapper{
    position: relative;
    /*margin-top: -7.5em;*/
    }


/***************************************************
    ROUNDED CORNERS EVERYWHERE!
     */

.top,
.bot {
    clear:both;
    font-size:0pt;
    height:8px;
    line-height:0pt;
    width:100%;
    }

.top SPAN,
.bot SPAN {
    float: right;
    width: 8px;
    height: 8px;
    font-size: 0;
    line-height: 0;
    }

/* had to use extra divs - thank you IE6 multiple class support....*/

.home #events-list-wrapper .top {background:#fef3be url(../images/event-list-corners.gif) top left no-repeat;margin:0; display: none;}
.home #events-list-wrapper .top SPAN {background:#fef3be url(../images/event-list-corners.gif) top right no-repeat; display: none;}
.home #events-list-wrapper .bot{background:#fef3be url(../images/event-list-corners.gif) bottom left no-repeat;margin:0; display: none;}
.home #events-list-wrapper .bot SPAN{background:#fef3be url(../images/event-list-corners.gif) bottom right no-repeat; display: none;}

.home #recent-updates-wrapper .bot{background:#e9efef url(../images/updates-corners.gif) bottom left no-repeat;margin:0; display: none;}
.home #recent-updates-wrapper .bot SPAN{background:#e9efef url(../images/updates-corners.gif) bottom right no-repeat; display: none;}

.home .member-services .top{background:#d3ecf0 url(../images/login-corners.gif) top left no-repeat;margin:10px 0 0 0; display: none;}
.home .member-services .top SPAN{background:#d3ecf0 url(../images/login-corners.gif) top right no-repeat; margin:0; display: none;}
.home .member-services .bot{background:#b1dee4 url(../images/login-corners.gif) bottom left no-repeat;margin:0; display: none;}
.home .member-services .bot SPAN{background:#b1dee4 url(../images/login-corners.gif) bottom right no-repeat; display: none;}


/* CUSTOM STYLES for CONTENT */

#moduleid-sports_facilities-index ul {
    clear: both;
}

#moduleid-sports_facilities-index ul li 	{
    margin: 0 0 5px 0;
}

#moduleid-sports_facilities-index ul li a:link,
#moduleid-sports_facilities-index ul li a:visited {
    text-decoration: none;
}

.facilities #center-column.wide {
    width: 715px;
    margin:0;
    padding:0;
}


#moduleid-sports_facilities-index #description {
    float: left;
    width: 280px;
    margin:0 0 0 20px;
}
#moduleid-sports_facilities-index #google-map {
    width: 400px;
    height:300px;
    float:left;
    border: solid 4px #ccc;
}

/* ALPHA LISTS */

#content ul.alpha {
    margin: 0 0 1em 0;
    padding: 0 0 20px 0;
    list-style: none outside;
    background: none;
}

#content ul.alpha li {
    margin: 0 3px 3px 0;
    padding: 0;
    height: 17px;
    width: 17px;
    background: url(../images/mini-button-orange-light.gif);
    display: block;
    float: left;
    text-align: center;
    color: #e38d51;
    font-size: 90%;
    line-height: 17px;
}

#content ul.alpha li a:link,
#content ul.alpha li a:visited {
    height: 17px;
    width: 17px;
    background: url(../images/mini-button-orange.gif);
    color: #ffffff;
    display: block;
}

#content ul.alpha li a:hover {
    background: url(../images/mini-button-blue.gif);
    color: #ffffff;
}


/* YEAR NAV */

#content UL.yearnav {
    list-style: none !important;
    margin: 1em 0;
    text-align: center;
    overflow: hidden;
    background: #ffb;
    padding: 0.4em;
    clear: both;
}



#content UL.yearnav LI {
    background: none !important;
    display: inline;
    color: #999;
}

#content UL.yearnav LI A {
    padding: 2px;
}

#content UL.yearnav LI.selected {
    font-weight: bold;
}



/* IMAGE TABLE */

#image-table td {
    vertical-align: top;
}

#image-table img {
    padding: 5px;
    background: #d7eef1;
    border: 1px solid #b0dee3;
    margin: 3px 0;
}

#image-table img:hover {
    background: #ffffff;
    border: 1px solid #3D5254;
}

/* HEADER BANNER */

div#banner {
    height: 105px;
    width: 930px;
    background: url(../images/header-banner-floor.jpg) top center no-repeat;
    margin: 0 0 10px 0;
    padding: 0;
    color: white;
    }

div#banner.forest {
    background: url(../images/header-banner-forest.jpg) top center no-repeat;
    }

div#banner.floor {
    background: url(../images/header-banner-floor.jpg) top center no-repeat;
    }

div#banner h1 {
    padding: 10px 0 0 20px;
    margin: 0;
    font-size: 250%;
    line-height: 1.3em;
    }

div#banner p {
    margin: 0 0 10px 20px;
    font-size: 180%;

    font-family: "Trebuchet MS", Arial, sans-serif;
    font-weight: bold;
    }

div#banner p a:link,
div#banner p a:visited {
    color:white;
}

div#banner p a:hover {
    background: #e75808;
}

/* LOGIN BOX */

#sidebar .member-services {
    width: 180px;
    background:#b0dee3 url(../images/login-bkd.gif) top repeat-x;
    padding:5px 10px 10px;
    border-bottom:solid 2px #FFF;
    line-height:120%;
    margin:0 ;
    }
#sidebar-dashboard form{
    margin-bottom: 5px;
    }

/***************************************************
    CALENDAR
    */

.calendar #content .feature.events {
    float: right;
    height: auto;
    position: relative;
}

.calendar #content .header {
    width: 480px;
    _width: 460px;
    margin: 9px 0 0 0;
    text-align: center;
    padding: 5px;

}

.calendar #content .header A {
    text-transform: uppercase;
    font-size: 90%;
    display: block;
    margin: 0;
    text-decoration:none;
    color:#FFF;
}

.calendar #content .header .forward {
    float: right;
    line-height:37px;
    width:84px;
    background: url("../images/calendar-nav-btn.gif") no-repeat top right;
}

.calendar #content .header .back {
    float: left;
    line-height:37px;
        width:84px;
    background: url("../images/calendar-nav-btn.gif") no-repeat top left;
}
.calendar #content .header .forward:hover ,
.calendar #content .header .back:hover {
background: url("../images/calendar-nav-btn.gif") no-repeat bottom left;
}

.calendar #content TABLE.calendar {
    width: 480px;
    _width: 460px;
    border: none;
    border-spacing: 8px;
    margin: 0 12px;
    border-collapse: collapse;
}

.calendar #content TABLE.calendar THEAD TH {
    text-transform: uppercase;
    padding:5px;
    color: #FFF;


}
.calendar #content TABLE.calendar THEAD TR{
    background:#495d60;
    }
.calendar #content TABLE.calendar TBODY TD {
    height: 60px;
    width: 60px;
    _width: 45px;
    vertical-align: top;
    border: solid 1px #f9f9f9;
    overflow: hidden;
}


.calendar #content TABLE.calendar TBODY TD EM {
    font-style: normal;
    float: left;
    display: block;
    padding: 0 3px 3px 2px;
    margin: 0 0 4px 0;
    width: 48px;
}

.calendar #content TABLE.calendar TBODY TD.firstmonth EM {
    color: #880c21;
}

.calendar #content TABLE.calendar TBODY TD .event {
    clear: left;
    display: block;
    overflow: hidden;
    width: 42px;
    margin: 4px;
    padding: 2px;
    white-space: nowrap;
    font-size: 90%;
    line-height: 100%;
    background: red;
    text-decoration: none;
}

.calendar #content TABLE.calendar TBODY TD .event:hover {
    padding: 1px;
    border: solid 1px #ffb;
}

.calendar #content TABLE.calendar TBODY TD .event.type1 { /* promo */
    background: #f7931d;
    color: #FFF;
}

.calendar #content TABLE.calendar TBODY TD .event.type2 { /* special event */
    background: #720b1d;
    color: #FFF;
}

.calendar #content TABLE.calendar TBODY TD .event.type3 { /* music */
    background: #db1d1d;
    color: #fff;
}

.calendar #content TABLE.calendar TBODY TD .event.type5,
.calendar #content TABLE.calendar TBODY TD .event.type6 {
    background: #dbba1d;
    color: #fff;
}


.calendar #content .feature.events UL LI.type1 { /* promo */
    border-left: solid 10px #f7931d;
    _border-width: 15px;
}

.calendar #content .feature.events UL LI.type2 { /* special event */
    border-left: solid 10px #720b1d;
    _border-width: 15px;
}

.calendar #content .feature.events UL LI.type3 { /* music */
    border-left: solid 10px #db1d1d;
    _border-width: 15px;
}

.calendar #content .feature.events UL LI.type5,
.calendar #content .feature.events UL LI.type6 {
    border-left: solid 10px #dbba1d;
    _border-width: 15px;
}




.calendar #content #listing {
    margin:0 10px 0 0;
    padding:0;
    }



/***************************************************
 *  REGISTER FOR SPECIAL EVENT
 */

#league-event-description{
    margin: 25px 0;
    }
#league-event-description p{
    margin: 0;
    }

#content .module-sports_registration h2{
    margin-top: 30px;
    }
.module-sports_registration h4{
    clear: left;
    margin: 15px 0 5px 0;
    border-bottom: solid 2px #eee;
    }

.module-sports_registration dl{
    margin: 0 0 15px 0;
    }
.module-sports_registration dd,
.module-sports_registration dt{
    display: inline;
    margin: 0;
    }
.module-sports_registration dt{
    font-weight: bold;
    }

.module-sports_registration  .callout{
    margin: 0;
    }
.module-sports_registration .callout a{
    background: #d7eef1;
    display: block;
    width: 175px;
    padding: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 25px;
    text-decoration: none;
    color: #495D60;
    }
.module-sports_registration .callout a:hover{
    background: #f19b4d;
    color: #6d4a23;
    }


/***************************************************
 *  EVENTS
 */


/* >> Override */
#content #moduleid-Events-index ul li{
    background: none;
    }
#content #moduleid-Events-index ul{
    background: none;
    margin: 0;
    padding: 3px;
    }

/* >> Choose Year/Month */
ul#news-years,
#news-months,
#events-years,
ul.filter-links{
    font-weight: bold;
    margin: 0;
    padding: 3px;
    list-style: none;
    border: solid 1px #ccc;
    overflow: hidden; height: 1%;
    background: #fff;
    }
#events-years li,
#news-years li,
#news-months li,
ul.filter-links li{
    margin: 0 5px 0 0;
    padding: 0;
    float: left;
    background-image: none;
    }
#news-years a,
#news-months a,
#events-years a,
ul.filter-links a{
    text-decoration: none;
    display: block;
    padding: 3px 10px 3px 10px;
    border: solid 1px #fff;
    }
#news-months a:hover,
#news-years a:hover,
#events-years a:hover,
ul.filter-links a:hover{
    background: #ccc;
    color: #333;
    border: solid 1px #aaa
    }

#news-months .selected a,
#news-years .selected a,
#events-years .selected a,
ul.filter-links .selected a{
    background: #555;
    color: #fff;
    border: solid 1px #000;
    padding: 3px 10px 3px 20px;
    }

#news-months{
    background: none;
    border-top: none;
    }

/* >> Summaries */

#content .event h3,
#content .league-event-summary h3,
#content .event-summary h3{ /* event name */
    margin: 0 0 5px 0;
    }


#content .event h4,
#content .league-event-summary h4,
#content .event-summary h4{ /* date */
    font-size: 90%;
    margin: 0;
    }

.event-summary,
.league-event-summary,
.event { /* wrapper */
    border-bottom: solid 1px #e0e0e0;
    margin: 20px 0;
    padding: 0 0 0 60px;
    background: url(../images/event-normal.png) 0 0 no-repeat;
    }

.tournament{
    background: url(../images/event-tournament.png) 0 0 no-repeat;
    padding-bottom: 8px;
    }
.special_event{
    background: url(../images/event-special.png) 0 0 no-repeat;
    }

/* >> Homepage Listing */
.module-EventsSummary{
    border-top: solid 5px #d7eef1;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    }
#content .module-EventsSummary #listing{
    padding: 5px;
    }
#content .module-EventsSummary #listing li{
    margin: 0;
    padding: 0;
    background: none;
    }