/* Reset All Styles */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:normal;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:none;}
a:active{outline:0;}
body{line-height:1;}
*:first-child+html body{overflow:visible;}
* html body{overflow:visible;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/*End Reset */

html {
    height:100%; /* needed for container min-height */
    overflow-y:scroll;
}

body {
	height:100%; /* needed for container min-height */
    font:12px/1.5em Verdana,Geneva,sans-serif; color:#333;
	background:#22304f url(../img/bg_body.jpg) repeat-y top center;
}

#container {
    position:relative; /* needed for footer positioning */
    width:996px;
	margin:0 auto;
    background-color:#fff;
	min-height:100%;
}

/* GLOBAL STYLES - BEGIN */
a {
    color:#3f68b7; text-decoration:none;
}

#content a {
    border-bottom:1px dotted #3f68b7;
}

#content a:hover {
    color:#a42e42;
    border-bottom-style:solid;
}

#content a:active {
    position:relative; top:1px;
}

h2 {
    margin-bottom:3px;
    padding:0 0 5px 25px;
    font-size:14px; line-height:19px; font-weight:bold; letter-spacing:0.4px;
    background:url(../img/bg_h2.gif) no-repeat 0 0;
}

h3 {
    margin-bottom:2px;
    color:#495f8c; font-weight:bold;
}

.highlight {
    background-color:#fff9ce;
}

.details {
    font-size:80%; font-style:italic;
}

.columnWrapper {  /* use to wrap floated columns/blocks */
    float:left; display:inline;
    width:100%; height:1%;
}

.iGottaMakeClear {
    clear:both;
}

.textAlignLeft {
    text-align:left;
}

#content a.backToTop {
    float:right;
    padding:0 0 1px 20px;
    color:#ea9b23; font-weight:bold; line-height:20px;
    border-bottom:0 none;
    background:url(../img/icon_top.png) no-repeat 0 0;
}

#content a:hover.backToTop {
    background-position:0 -1px;
}

    /* tables - these will be modified for different channels later */
table {
    margin-bottom:20px;
    font-size:11px; line-height:1.2em;
}

th,td {
    padding:2px 0;
    text-align:center;
    border:1px solid #e4e4e4;
}

th {
    color:#fff; font-weight:bold;
    background-color:#495f8c;
}

table tr:hover {
    background-color: #fff9ce; /* to hell with IE6! */
}

td.withDivider {
    border-right:1px solid #666;
}

td.nameColumn {
    padding-left:2px;
    text-align:left;
}

th.altColor {
    background-color:#683;
}

tfoot td {
    font-weight:bold;
    background-color:#f0f0f0;
}

/* GLOBAL STYLES - END */

/* HEADER - BEGIN */
#header {
    margin-bottom:3px;
    padding:10px 10px 15px 10px;
    overflow:hidden; height:1%;
    border-bottom:1px solid #999;
    background:url(../img/bg_header.jpg) repeat-y 0 0;
}

/* anchor link for page top */
#top {
    height:0;
}

#logo, #textHeader {
	float:left; display:inline;
    width:174px; height:111px;
    text-indent:-9999px;
	background:url(../img/meda-logo.png) no-repeat 0 0;
}

#logo a {
	display:block;
	width:100%; height:100%;
}

#textHeader {
    width:506px; height:43px;
    margin-left:20px;
	background-image:url(../img/meda-text-header.png);
}

#social, #social li {
    float:right; display:inline;
}

#social li {
    float:left;
    width:40px; height:40px;
    margin-left:8px;
}

#social li a {
    display:block;
    width:100%; height:100%;
    text-indent:-9999px;
}

#social li#facebook a, #social li#twitter a, #social li#youtube a {
     background:url(../img/icons_social.png) no-repeat 0 0;
}

#social li#twitter a {
     background-position:top center;
}

#social li#youtube a {
     background-position:top right;
}

#social li a:hover {
    margin-top:1px;
}

#social li#facebook a:hover {
     background-position:bottom left;
}

#social li#twitter a:hover {
     background-position:bottom center;
}

#social li#youtube a:hover {
     background-position:bottom right;
}

#nav, #subnav {
    float:left; display:inline;
    width:780px;
    margin:15px 0 0 20px;
    font-family:Calibri,Arial,Helvetica,sans-serif;
}

#nav li, #subnav li {
    float:left; display:inline;
}

#nav li a {
    display:block;
    margin-right:0.5em;
    padding:6px 10px;
    font-size:14px; color:#bbb; text-decoration:none; font-weight:bold;
    background-color:#fff;
    border:1px solid #bbb;
}

#statistics #nav li#statisticsNav a, #standings #nav li#standingsNav a, #players #nav li#playersNav a, #venues #nav li#venuesNav a,
#schedule #nav li#scheduleNav a, #tournaments-lod #nav li#tournaments-lodNav a, #rules-bylaws #nav li#rules-bylawsNav a {
    color:#000;
    border-color:#000;
    background:url(../img/bg_nav.jpg) no-repeat top center;
}

#subnav {
   height:19px;
   margin:5px 0 0 11px;
}

#subnav li a {
    margin-right:3em;
    padding-left:11px;
    font-family:'Lucida Sans Unicode','Lucida Grande',sans-serif;
    color:#a42e42; font-size:12px; line-height:17px; text-decoration:none; text-transform:uppercase;
}

#subnav li a:hover {
    background:url(../img/bg_subnav.png) no-repeat 0 5px;
}
/* HEADER - END */

/* FOOTER - BEGIN */
#footer {
	position:absolute; bottom:0; /* stick to bottom */
	width:100%; height:70px;
    color:#fff; font-size:80%; line-height:70px;
    background:#252525 url(../img/bg_footer.gif) repeat 0 0;
}

#footer ul {
    margin-left:18px;
}

#footer li {
    float:left; display:inline;
    margin-right:18px;
}

#footer li#copyright {
    float:right;
}

#footer li a {
    color:#fff; text-decoration:none;
    border-bottom:1px solid #fff;
}

#footer li a:hover {
    border-bottom:none;
}

/* FOOTER - END */

#content {
    position:relative; overflow:hidden;
    padding:18px 18px 100px;  /* bottom padding is footer height + 30 */
    background:url(../img/bg_content.gif) repeat-x 0 0;
    border-top:1px solid #999;
}

#content p, #content ul, #content ol {
    overflow:hidden; height:1%;
    margin-bottom:20px;
}

#content ol {
    list-style-type:decimal;
    padding-left:30px;
}

#content ol ol {
    list-style-type:upper-alpha;
}

#content ol ol ol {
    list-style-type:lower-roman;
}

/* HOME PAGE - BEGIN */
#colA, #colB {
    float:left; display:inline;
    width:635px;
}

#colB h4 {
    margin-bottom:2px;
    color:#495f8c; font-weight:bold;
}

#colB {
    width:300px;
    margin-left:25px;
    font-size:90%;
}

#colB h3 {
    width:280px; height:22px;
    margin-bottom:0;
    padding:0 10px 0 10px;
    color:#fff; font-weight:bold; line-height:22px; text-transform:uppercase; letter-spacing:1px;
    background:#98bd78 url(../img/bg_h3_colB.gif) no-repeat 0 0;
}

#colB div {
    width:276px;
    margin-bottom:20px;
    padding:10px;
    border:2px solid #98bd78;
    border-top:0 none;
    background:#fff url(../img/bg_div_colB.gif) no-repeat bottom right;
}

#colB h4 + ul {
    margin-left:10px;
}

#colB p, #colB ul {
    margin-bottom:8px;
}

#colB li {
    margin-bottom:5px;
}
/* HOME PAGE - END */

/* STANDINGS - BEGIN */
#standings th, #standings td {
    width:57px;
}

#standings th.teamName, #standings td.teamName {
    width:187px;
}

/* STANDINGS - END */

/* PLAYERS - BEGIN */
#players dl {
    width:100%;
    float:left; display:inline;
    margin-bottom:30px;
}

#players dt {
    height:22px;
    margin-bottom:5px;
    padding:2px 0 0 8px;
    font-size:130%; color:#a42e42; font-weight:bold;
    background-color:#f0f0f0;
}

h4 {
    margin-bottom:5px;
    color:#a42e42; font-weight:bold;
}

#players dd {
    float:left; display:inline;
    width:191px;   /* 239 for 4 columns */
}

#players th, #players td {
    padding:2px 3px;
}

#players h4 + p {
    margin:0 0 5px 33px;
}

/* PLAYERS - END */

/* TOURNAMENTS / LOD - BEGIN */
#tournaments-lod #tournaments, #tournaments-lod #lod {
    float:left; display:inline;
    width:465px;
}

#tournaments-lod #lod {
    margin-left:30px;
}

#tournaments-lod dl {
    margin-bottom:15px;
}

#tournaments-lod dt {
    color:#a42e42; font-weight:bold; font-size:110%;
}

#tournaments-lod dd {
    margin-left:10px;
}

#tournaments-lod dd.dates {
    font-weight:bold;
}

#tournaments-lod dd.addInfo a {
    margin-right:15px;
}

.tournamentResults {
    font-size:10px;
}

.tournamentResults h3 {
    font-size:12px; font-weight:bold;
}

.tournamentResults h4 {
    font-style:italic;
}

.tournamentResults h5 {
    padding-left:5px;
    background-color:#fff9ce;
}

.tournamentResults h6 {
    color:#a42e42;
}

.tournamentResults div div {
    float:left; display:inline;
    padding:0 20px 10px 10px;
}

.tournamentResults strong {
    color:#495f8c;
}
/* TOURNAMENTS / LOD - END */

/* VENUES - BEGIN */
#venues dl {
    float:left; display:inline;
    width:460px;
    padding:0 20px 15px 0;
}

#venues dt, #venues dt a {
    font-weight:bold;
}

#venues dt.venueImg {
    float:left; display:inline;
    padding:5px 10px 20px 0;
}

#venues dt.venueImg a {
    border:none;
}

#venues dt.venueImg {
    width:133px; height:100px;
}

#venues strong {
    color:#a42e42;
}
/* VENUES - END */

/* SCHEDULE - BEGIN */
#schedule h3 {
    margin-top:10px;
    padding-left:5px;
    color:#a42e42; font-weight:bold;
    background-color:#f0f0f0;
}

#schedule h4 {
    font-weight:bold;
}

#schedule h5, #schedule h6 {
    padding-left:14px;
    color:#3f68b7; text-decoration:none;
}

#schedule h5 {
    cursor:pointer;
    background:url(../img/bg_h5_closed.gif) no-repeat 0 5px;
}

#schedule h5.open {
    background-image:url(../img/bg_h5_open.gif);
}

#schedule h5:hover {
    color:#a42e42;
}

#schedule h5 span, #schedule h6 span {
    padding:0 8px;
    background-color:#f0f0f0;
    font-size:10px; text-transform:uppercase;
}

#schedule table {
    float:left; display:inline;
    margin:5px 20px 5px 0;
    font-size:11px;
}

#schedule table.tableRight {
    margin-right:0;
}

#schedule table caption {
    font-style:italic;
}

#schedule th, #schedule td {
    width:46px;
}

#schedule #results th, #schedule #results td {
    width:40px;
}

#schedule th.playerName, #schedule td.playerName, #schedule #results th, #schedule #results td {
    width:133px;
}

#schedule td.playerName {
    padding-left:5px;
    text-align:left;
}

#schedule #upcomingSchedule {
    margin-bottom:15px;
}

#schedule #results {
    border-top:2px solid #3f68b7;
}
/* SCHEDULE - END */

/* STATISTICS - BEGIN */
#statistics #content li {
    float:left; display:inline;
    width:177px;
    margin-right:15px;
}

#statistics table th, #statistics table td {
    padding-right:4px;
    padding-left:4px;
}

#sortableStats th {
    cursor:pointer;
}

#sortControls label {
    margin-right:10px;
}

#sortControls a {
    margin:0 20px 0 15px;
}

#sortControls label.forqf {
    margin-right:0;
}
/* STATISTICS - END */

/* RULES / BYLAWS - BEGIN */
#rules-bylaws ul.rulesContents {
    float:left; display:inline;
    width:370px;
    margin-top:15px;
}

#rules-bylaws #content ul, #rules-bylaws #content ol, #rules-bylaws #content p {
    margin-bottom:5px;
}

#rules-bylaws h4 {
    color:#a42e42; font-weight:bold;
}
/* RULES / BYLAWS - END */

/* UTILITY - START */
#sitemap h3 {
    color:#a42e42;
}
/* UTILITY - END */

