html,body
{
        border:0;
        font-weight:inherit;
        font-style:inherit;
        font-size:100%;
        font-family:inherit;
        vertical-align:baseline;
        margin:0;
        padding:0;
}

body
{
        background-color: #ffffff;
        color: #525252;
        font-family: verdana,tahoma,arial;
        font-size: 11px;
}

#mb
{
        /*background: url(http://www.districtsix.ca/images/bg.jpg) #eaeaea repeat-x left top;*/
        background-color: #EDEDED;;
}

h1
{
        font-size: 14px;
        letter-spacing: 1px;
        color: #A71930;
}

h2
{
        font-size: 12px;
        letter-spacing: 1px;
        color: #3F536D;
}

h3
{
        font-size: 10px;
        letter-spacing: 1px;
        text-transform: uppercase;
}

.column {float:left;margin-top: 50px;margin-right:10px;vertical-align:top;}
.columc {float:left;margin-top: 10px;margin-right:10px;vertical-align:top;}
.columh {float:left;margin-top: 0px;margin-right:10px;vertical-align:top;}
.last {margin-right:0;}
.span-1 { width: 215px;height:400px;display:block;}
.span-2 { width: 670px;}
.span-3 { width: 240px;}
.span-4 { width: 645px;}
.span-5 { width: 315px;}

label {font-weight: bold;}
.hometxt {font-size: 14px;text-align:left;}

a {letter-spacing: 1px;}
a:link {color:#1977A6; text-decoration:none; }
a:visited {color:#19A648; text-decoration:none; }
a:hover {color:#A71930;text-decoration:underline; }

tr.tr td {}
tr.trred td {background-color:#EAE9E5;}

#container {width:900px;margin:0 auto;}

#top_banner
{
        height: 15px;
        background: url(http://www.districtsix.ca/images/btop.jpg) transparent no-repeat left top;
        font: bold 8pt arial,tahoma,verdana;
        letter-spacing: 1px;
        padding-right: 10px;
        text-transform: uppercase;
        text-align: right;
        color: #e1e1e1
}

#top_banner a
{
        text-decoration: none;
        color: #A3A3A3;
}
#top_banner a:hover
{
        text-decoration: none;
        color: #e1e1e1;
}

#page_header
{
        height: 60px;
        background: url(http://www.districtsix.ca/images/bmid.jpg) transparent no-repeat left top;
        text-align: center;
}

#page_content
{
        overflow: hidden;
        clear: both;
        height: 100%;
        background: url(http://www.districtsix.ca/images/bbot.jpg) #ffffff no-repeat left top;
        background-color: #ffffff;
        padding-bottom: 20px;
}

#footer
{
        background-color: #CAC7BE;      
        height: 60px;
        padding-top: 2px;
        padding-bottom: 2px;
        text-align: right;
        clear: both;
}

#page_footer
{
        background-color: #1a1a1a;      
        padding-top: 8px;
        padding-bottom: 8px;
        clear: both;
}
#page_footer p
{
        font-size: 10px;
        text-align: center;
        color: #535353;
}

#page_footer a
{
        text-decoration: none;
        color: #535353;
}
#page_footer a:hover
{
        text-decoration: underline;
        color: #A3A3A3;
}

#page_nav
{
        height: 30px;
        background: url(http://www.districtsix.ca/images/bnav.jpg) transparent no-repeat left top;
        text-align: right;
}

#page_nav ul
{
        margin: 0;
        padding: 0;
        /*font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;*/
        font: bold 10pt arial,tahoma,verdana;
        text-transform: uppercase;
        float: right;
        color: #eeeeee;
        line-height: 30px;
        white-space: nowrap;
}

#page_nav li
{
        list-style-type: none;
        display: block;
        float: left;
        border-left: 1px solid #606060;
        text-align: center;
        /*background: url(http://www.districtsix.ca/images/bg-off.jpg) transparent repeat-x left top;*/
        background: url(http://www.districtsix.ca/images/bg-off.jpg) transparent repeat-x left top;
}

#page_nav li a
{
        text-decoration: none;
        color: #ffffff;
}

#page_nav li a:hover
{
        text-decoration: none;
        color: #ffffff;
}

/* Events table styles */
.main_table
{
        border: #555555 1px solid;
}

.main_header
{
        font-weight: bold;
        text-transform: uppercase;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        /*background-color: #6F7E92;*/
        background-color: #1977A6;
}

.col_header
{
        background-color: #CAC7BE;
        color: #555555;
        font-weight: bold;
        text-align: center;
        vertical-align: top;
}

.col_details
{
        background-color: #F7F6F5;
        text-align: center;
        vertical-align: top;
        color: #555555;
}

.col_details_right
{
        background-color: #F7F6F5;
        text-align: right;
        vertical-align: top;
        color: #555555;
}

.col_details_left
{
        background-color: #F7F6F5;
        text-align: left;
        vertical-align: top;
        color: #555555;
}

.cntble
{
        background-color: #ffffff;
        text-align: center;
        vertical-align: top;
        font-size:11px;
}

.cntblel
{
        background-color: #ffffff;
        text-align: left;
        vertical-align: top;
        font-size:11px;
}

.calwdh
{
        font-weight: bold;
        background-color: #133A58;
        color: #F5F5F5;
        text-align: center;
        vertical-align: top;
        height: 5px;
        width: 30px;
}

.calwdd
{
        font-weight: normal;
        background-color: #B9C4CD;
        text-align: center;
        vertical-align: top;
        height: 5px;
        width: 30px;
}

.calwdt /* Select month drop down style */
{
        font-weight: bold;
        background-color: #E3E7EB;
        text-align: center;
        vertical-align: top;
        height: 5px;
        width: 30px;
        border-top: #133A58 1px solid;
        border-bottom: #133A58 1px solid;
        border-right: #133A58 1px solid;
        border-left: #133A58 1px solid;
}

.calh
{
        font-weight: bold;
        background-color: #F5F5F5;
        text-align: center;
        vertical-align: top;
        color: #133A58;
}

.calmp
{
        background-color: #F5F5F5;
        text-align: left;
}

.calhc
{
        background-color: #F5F5F5;
        text-align: left;
        border-bottom: #444444 1px solid
}

.caldd /* Select month drop down style */
{
        font-size: 11px;
        color: #000000;
        font-family: tahoma, verdana, arial, helvetica;
        font-weight: normal;
}

.calyp
{
        font-weight: bold;
        background-color: #F5F5F5;
        text-align: right;
}

.ap-input
{
        border-bottom: 1px solid #D4D0C8;
        border-right: 1px solid #D4D0C8;
        border-top: 2px solid #808080;
        border-left: 2px solid #808080;
        font-family: tahoma, sans-serif;
        font-size: 14pt;
        background-color: #ffffff;
        padding-left: 4px;
        color: #555555;
}
.ap-submit
{
        font-family: verdana, sans-serif;
        font-size: 10pt;
        background-color: #C8C8CA;
        border: 1px solid #858587;
}
.input {border: 1px solid; border-color: black; font-family: tahoma, sans-serif; font-size: 8pt; background-color: white;}
.submit {font-family: verdana, sans-serif; font-size: 7pt; background-color: #f5f5f5;}
.label {font-size: 10px; font-weight: bold; text-align: right; padding-right: 2px;}
.hlabel {font-size: 10px; font-weight: bold; text-align: center; text-transform: uppercase;line-height: 20px;}
.select {border: 1px solid; border-color: #7F9DB9; font-family: verdana, sans-serif; font-size: 8pt; background-color: #FFFFFF;}

.eml {float: left; position: absolute; width:40%; padding-right:4px;padding-top:2px;padding-bottom:2px;text-align:left;}
.emr {float: right; position: relative; width:60%; text-align:right;}

.apl {float: left; width:100px; padding-right:4px;padding-top:2px;padding-bottom:2px;text-align:right;}
.apr {float: right; width:195px; text-align:left;}

.lge {width: 200px;height: 140px;border: 1px solid #cccccc;text-align:center;}
.lt {font-family: tahoma, sans-serif;font-size: 14pt;}
.lt2 {font-family: tahoma, sans-serif;font-size: 12pt;}

.smallhead {color:#000000; font-size:13pt; font-weight:bold;}

.hofyear
{
        color: #A71930;
        font-size:16px;
        font-weight:bold;
        text-align: right;
        border-top: 1px solid #A71930;
        padding-top: 6px;
        padding-right: 2px;
        padding-bottom: 4px;
}
.hofdiv
{
        font-weight:bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: right;
        width: 160px;
        vertical-align: top;
}

.hofteam
{
        text-align: left;
        width: 460px;
        vertical-align: top;
}

.hofchamp
{
        font-style: italic;
        color: #A71930;
}

#bracket
{
    text-align: center;
    border: #555555 1px solid;
    margin-top: 8px;
    padding-top: 1px;
}

#bracket td
{
    font-size:10px;
}
#brackets td
{
    font-size:10px;
}
.bkhead {text-align: center;font-weight:bold;width:100px;}
.bkshead {text-align: center;font-weight:bold;color:#666666;}
.bkteamt {vertical-align:bottom;text-align: right; color: #8a0000; border-bottom: 1px solid #000000;}
.bkteamb {vertical-align:top;text-align: right; color: #8a0000; border-top: 1px solid #000000;}
.bkteambd {vertical-align:top;text-align: right; color: #8a0000; border-top: 1px dashed #000000;}
.bkr {text-align: center; color: #666666;border-right: 1px solid #000000;}
.bkrd {text-align: center; color: #666666;border-right: 1px dashed #000000;}
.bkchamp{text-align: center;color: #8a0000;border-bottom: 1px solid #000000;}
.bkcl {vertical-align:top;text-align: center;color: #000000;text-transform:uppercase;}

.evhead {color:#777777;font-weight:bold;}
.evdeet {color:#3F536D;font-weight:normal;}
.hiddenPic {display:none;}

.thumb {
        padding: 5px;
        border: 1px dotted #aaa;
        text-align: center;
}
.folderthumb {
        padding: 5px;
        border: 2px solid #aaa;
        text-align: center;
}
.tablodivr{
display:block;
}
.tablodivc{
display:inline-block;
margin:5px;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #DBCEAC;
border-bottom-width: 0;
}

.smdivider { border-bottom: 1px solid #ffffff; }
.glossymenu a.menuitem
{
        background-color: #DBCEAC;
        font: normal 9pt arial,tahoma,verdana;
        color: #423E34;
        display: block;
        position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
        width: auto;
        padding: 4px 0;
        padding-left: 10px;
        text-decoration: none;
        text-align: left;
}


.glossymenu a.menuitem .statusicon
{ /*CSS for icon image that gets dynamically added to headers*/
        width: auto;
        position: absolute;
        top: 5px;
        border: none;
}

.glossymenu a.menuitem:hover
{
        background-color: #F1EBDE;
        color: #6E6756;
        /*background-image: url(http://www.districtsix.ca/images/glossyback2.gif);*/
}

.glossymenu div.sbmenu
{ /*DIV that contains each sub menu*/
        background: #F9F7F2;
}

.glossymenu div.sbmenu ul
{ /*UL of each sub menu*/
        list-style-type: none;
        margin: 0;
        padding: 0;
}

.glossymenu div.sbmenu ul li
{
        border-bottom: 1px solid #DBCEAC;
}

.glossymenu div.sbmenu ul li a
{
        display: block;
        font: normal 8pt arial,tahoma,verdana;
        color: #1e1e1e;
        text-decoration: none;
        text-align: left;
        padding: 2px 0;
        padding-left: 10px;
}

.glossymenu div.sbmenu ul li a:hover
{
        background: #ffffff;
        color: #A71930;
}

.tb11
{
        background-color: #ffffff;
}

.fx12 {font-size: 12px;}
.ft14 {font-size: 14pt;}
.fx12b {font-size: 12px;font-weight: bold;}
.fx10i {font-size: 10px;font-style: italic;}

.bscore {color: #000000;}

.ileft { float:left; margin: 0 15px 15px 0;border:0; }

/* New styles for schedule */
#schedule
{
	width: 640px;
	padding: 0;
	margin: 0;
}

#schedule th
{
	font: bold 14pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #808080;
	letter-spacing: 2px;
	text-align: left;
	padding: 6px 6px 6px 12px;
}

#schedule td 
{
	background: #EFEFEC;
	font-size: 8pt;
	vertical-align: top;
	padding: 6px 6px 6px 12px;
	color: #555555;
}

#schedule tr.tr td {}
#schedule tr.trred td {background-color:#DFDFE2;color:#000000;}

/* New styles for standings */
#standings
{
	background: #CAC7BE;
	width: 640px;
	padding: 0;
	margin: 0;
}

#standings th
{
	font: bold 12pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #808080;
	letter-spacing: 2px;
	text-align: left;
	padding: 6px 6px 6px 12px;
}

#standings td 
{
	background: #ffffff;
	font-size: 8pt;
	vertical-align: top;
	padding: 6px 6px 6px 12px;
	color: #555555;
}

#standings tr.tr td {}
#standings tr.trred td {background-color:#EFEFEC;color:#000000;}

/* New styles for pitch count total */
#pitches
{
	width: 450px;
	padding: 0;
	margin: 0;
}

#pitches th
{
	font: bold 14pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #808080;
	letter-spacing: 2px;
	text-align: left;
	padding: 6px 6px 6px 12px;
}

#pitches td 
{
	background: #EFEFEC;
	font-size: 8pt;
	vertical-align: top;
	padding: 6px 6px 6px 12px;
	color: #555555;
}

#pitches tr.tr td {}
#pitches tr.trred td {background-color:#DFDFE2;color:#000000;}

.pquote
{
	background-color: #f0f0f0;
	border: 1px dotted #dddddd;
	padding-left: 12px;
	padding-right: 12px;
}