/* CSS Document */
/* Main Styles that apply to body */
body {
        font-size: 12px;
        font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
        margin: 0px;
        padding-left: 50%;
        background: #f4f4f4 url(img/bg.gif) center repeat-y;
        position: absolute;
}
/* This is the page container built and centered using -ve margins */
#container {
        width: 700px;
        margin-left: -350px;
}
/* The topmost faded bar */
#topbar {
    width:auto;
    background: #EEE;
    height: 35px;
    padding: 10px 5px 5px 2px;
    font: 9px verdana;
    font-weight: bold;
    color: #0000ff;
    text-align: right;
}
/* This holds the two heading blocks, the title and the login form */
#headerwrapper {
    width: auto;
    padding: 0px 5px 2px 2px;
}
/* class that styles the holder div of the forms */
.userform {
    width: auto;
    color: #DD7CB4;
    padding: 5px 0px 5px 3px;
    background: #fbfbfb;
    border:1px solid #efefef;
    border-top: none;
    text-align: justify;
    margin-bottom: 1px;
}
/* This will style the login and search */
.userform input {
    border: 1px solid #DDD;
    font-family: verdana;
    font-size: 10px;
    color: #BBB;
    font-weight: bold;
}
h1 {
    font: 48px verdana;
        color: #EEE;
        margin: 5px;
}
h2 {
    font: 20px verdana;
        color: #3D7800;
        margin: 5px;
}
h3 {
    font: 18px verdana;
        color: #3D7800;
        margin: 5px;
}
RH {
    font: 15px arial;
        color: #FF0000;
        margin: 5px;
        text-align: right;
}
h6 {
    font: 10px verdana;
    font-weight: bold;
        color: #DDD;
        margin: 0px;
        padding: 0px;
        margin-left: 8px;
}
/* This holds the tabs */
#tabholder
{
    width: auto;
}
/* Container for the article box, and the pic box */
.articleboxouter {
    width: auto;
    padding: 0px 6px 0px 5px;
    clear: both;
}
/* Content holder for the articles */
.articleboxinner {
    width: auto;
    line-height: 20px;
    color: #0000ff;
    padding: 15px 6px 0px 6px;
    background: #fbfbfb;
    border:1px solid #efefef;
    text-align: justify;
    height: 220px;
}
/* Content holder for the league history */
.leaguehistory {
    width: auto;
    line-height: 12px;
    color: #3d7800;
    padding: 15px 6px 0px 6px;
    background: #ffff84;
    text-align: justify;
}
.confirm {
    width: auto;
    line-height: 12px;
    color: #3d7800;
    padding: 15px 6px 0px 6px;
    text-align: justify;
}
.leaguehistory a{
    float: left;
    color: #3d7800; /*text color*/
    text-decoration: none;
    font-size: 12px;
    padding: 0px 10px 0px 10px
}
.leaguehistory a:visited{
    float: left;
    color: #3d6800; /*text color*/
    text-decoration: none;
    font-size: 12px;
    padding: 0px 10px 0px 10px
}
.matchsumm table {
    font-size: 11px;
    font-family: Verdana;
    color: #3d7800;
    padding: 15px 6px 0px 6px;
    text-align: center;
}
.contact table {
    border:0px solid #efefef;
    font-size: 11px;
    font-family: Verdana;
    text-align: center;
}
.contact td {
    border-color:blue;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    padding: 0 px;
}
.schedule table {
    border-spacing: 0px;
    font-size: 12px;
    font-family: Verdana;
    color: #3d7800;
    padding: 0px 0px 0px 0px;
    text-align: center;
}
}
.record table {
    border-spacing: 0px;
    font-size: 12px;
    font-family: Verdana;
    color: #3d7800;
    padding: 0px 0px 0px 0px;
    text-align: center;
}
.rules {
    width: auto;
    line-height: 12px;
    color: #3d7800;
    padding: 15px 6px 1px 6px;
    background: #ffffff;
    text-align: justify;
}
.rules h2 {
    width: auto;
    line-height: 12px;
    color: #3d7800;
    padding: 15px 6px 0px 6px;
    background: #ffffff;
    text-align: left;
}
.rules table {
    border-spacing: 0px;
    font-size: 12px;
    font-family: Verdana;
    color: #3d7800;
    padding: 0px 0px 0px 0px;
    text-align: center;
}
/* The title style for the main article */
.articleheader
{
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #CCC;
}
/* This will style the read more thing at the bottom */
.readmore {
    text-align: right;
    display: block;
    width: auto;
}
/* This controls the main pic in the main article box */
.mainpiccontrol
{
    border: 1px #DBB7DB solid;
    float: left;
    margin-right: 10px;
}
/* Container for the pic thumbnails */
.picboxouter {
    width: auto;
    padding: 0px 6px 0px 5px;
    clear: both;
}
/* Content holder for the pic box */
.picbox {
    width: auto;
    line-height: 22px;
    color: #DD7CB4;
    padding: 5px 6px 6px 6px;
    border:1px solid #efefef;
    border-top: none;
    text-align: center;
}
/* This controls the thumbnails in the picbox div */
.pickboxcontrol
{
    border: 1px #DDD solid;
    vertical-align: middle;

}
.noborder {
    border: none;
}
img {
    vertical-align: text-bottom;
}
.indentmenu font {
font-family: Arial;
font-style: italic;
}
.indentmenu ul{
font-family: Arial;
font-style: bold;
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: black url(img/indentbg.gif) center center repeat-x;
}
.indentmenu ul li{
display: inline;
}
.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}
.indentmenu ul li a:visited{
color: white;
}
.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(img/indentbg2.gif) center center repeat-x;
}
#footer {
        background-color: #CCC;
        color: #fff;
        text-align: center;
        vertical-align: middle;
        height: 20px;
        padding-top: 5px;
        clear: both;
}
/* This will contain the three columns */
#newsContainer2
{
    width:auto;
    background-color: #E0E0E0;
}
/* First column of the three columns */
.c1
{
        width: 200px;
        background-color: #F7F4F7;
    border: 2px solid #f7f4f7;
    border-top: none;
    line-height: 22px;
    color: #e47200;
        float: left;
}
/* Second column of the three columns */
.c2
{
    width: 280px;
    float: left;
    text-align: center;
    font-family: verdana;
    font-size: 11;
    border-bottom: 1px solid #DDD;
    line-height: 18px;
    color: #e47200;
}
/* Third column of the three columns */
.c3
{
        width: 200px;
        background-color: #F7F4F7;
    border: 1px solid #DDD;
    border-top: none;
    line-height: 22px;
    color: #e47200;
        float: right;
}
/* This controls the titles for each column */
.noteheader
{
    width:auto;
    border-bottom: 1px solid #DDD;
    border-top: none;
    color: #e47200;
    height: 24px;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
        background:url(images/headerBG.jpg) repeat-x;
}
/* And this gives the column text some breathing space */
.spacy
{
    padding: 5px;
}
/* yellow on green */
.yellgreen
{
        width: 195px;
        background-color: #3d7800;
    text-align: center;
    border: 1px solid #DDD;
    border-top: none;
    line-height: 22px;
    color: #ffff84;
        float: left;
}
/* green on yellow */
.greenyell
{
        width: 195px;
        background-color: #ffff83;
    text-align: center;
    border: 1px solid #DDD;
    border-top: none;
    line-height: 22px;
    color: #3d7800;
        float: none ;
}
/* marquee */
.marquee1
{
        width: 200px;
        background-color: #eee;
    text-align: center;
    border: 1px solid #eee;
    border-top: none;
    line-height: 22px;
    color: #3d7800;
        float: left;
}
/* marquee */
.marquee2
{
        width: 470px;
        background-color: #eee;
    text-align: center;
    border: 1px solid #eee;
    border-top: none;
    line-height: 22px;
    color: #3d7800;
        float: left;
}
table.pme-main { border:#c0c0c0 1px solid; border-collapse: collapse; padding: 1px; border-spacing: 1px; font: 10pt Verdana,Sans; }
th.pme-main { border:#c0c0c0 1px solid; border-collapse: collapse; padding: 1px; border-spacing: 1px; font: 10pt Verdana,Sans; -moz-border-radius: 9px }
td.pme-main { border:#c0c0c0 1px solid; border-collapse: collapse; padding: 1px; border-spacing: 1px; font: 10pt Verdana,Sans; -moz-border-radius: 9px }
th.pme-header { border:#c0c0c0 1px solid; padding: 2px; background: #d4d4d4; font: 10pt Verdana,Sans; text-align: center; font-weight: bold; }
td.pme-filter,
.pme-filter,
.pme-filter-right-align { border:1px #c0c0c0 solid; background:#e6e6e6; color: #000066; font: 10pt Verdana,Sans; text-align: center; }
.pme-sortinfo,
.pme-queryinfo { border:0px #c0c0c0 solid; background:#fffff; color: #000066; font: 10pt Verdana,Sans; text-align: center; }
input.pme-filter,
input.pme-filter-right-align { border:#c0c0c0 1px solid; background:#FFFFFF; color: #000066; font: 10pt Verdana,Sans; text-align: center; }
input.pme-input-0,
input.pme-input-1 { border:#c0c0c0 0px solid; background:#FFFFFF; border:1px #dcdcdc solid; color: #000000; font: 10pt Verdana,Sans; }
textarea.pme-input-0,
textarea.pme-input-1 { border:#c0c0c0 0px solid; background:#FFFFFF; border:1px #dcdcdc solid; color: #000000; font: 10pt Verdana,Sans; }
select.pme-input-0,
select.pme-input-1 { border:#c0c0c0 0px solid; background:#FFFFFF; border:1px #dcdcdc solid; color: #000000; font: 10pt Verdana,Sans; }
table.pme-navigation { border:#c0c0c0 0px solid; background:#FFFFFF; border:0px; padding: 1px; border-spacing: 1px; font: 10pt Verdana,Sans; }
tr.pme-navigation { border:#c0c0c0 1px solid; background:#FFFFFF; border:1px; padding: 1px; border-spacing: 0px; font: 10pt Verdana,Sans; }
a.pme-navigation-0,
a.pme-navigation-0:hover,
td.pme-navigation-0 { border:#c0c0c0 0px solid; background:#e4e4e4; font: 10pt Verdana,Sans; text-align: center; }
a.pme-navigation-1,
a.pme-navigation-1:hover,
td.pme-navigation-1 { border:#c0c0c0 0px solid; background:#e9e9e9; font: 10pt Verdana,Sans; text-align: center; }
td.pme-cell-0 { border:#c0c0c0 1px solid; background:#f5f5f5; font: 10pt Verdana,Sans; }
td.pme-cell-1 { border:#c0c0c0 1px solid; background:#fafafa; font: 10pt Verdana,Sans; }
td.pme-key-0 { border:#c0c0c0 0px solid; background:#e4e4e4; font: 10pt Verdana,Sans; font-weight: bold; text-align: left; }
td.pme-key-1 { border:#c0c0c0 0px solid; background:#e9e9e9; font: 10pt Verdana,Sans; font-weight: bold; text-align: left; }
td.pme-value-0-right-align,
td.pme-value-0 { border:#c0c0c0 0px solid; background:#f5f5f5; font: 10pt Verdana,Sans; text-align: left; }
td.pme-value-1-right-align,
td.pme-value-1 { border:#c0c0c0 0px solid; background:#fafafa; font: 10pt Verdana,Sans; text-align: left; }
td.pme-help-0-right-align,
td.pme-help-0 { border:#c0c0c0 0px solid; background:#e4e4e4; font: 10pt Verdana,Sans; font-weight: bold; text-align: left; }
td.pme-help-1-right-align,
td.pme-help-1 { border:#c0c0c0 0px solid; background:#e9e9e9; font: 10pt Verdana,Sans; font-weight: bold; text-align: left; }
.pme-add,
.pme-change,
.pme-save,
.pme-copy,
.pme-delete,
.pme-cancel,
.pme-view,
.pme-more,
.pme-query,
.pme-hide,
.pme-search,
.pme-goto,
.pme-first,
.pme-prev,
.pme-next,
.pme-clear,
.pme-last { font: 10pt Verdana,Sans; text-align: center; }
td.pme-buttons { border:#c0c0c0 0px solid; background:#FFFFFF; color: #000066; font: 10pt Verdana,Sans; text-align: left; }
td.pme-message { text-align: center; font: 10pt Verdana,Sans; }
td.pme-stats { text-align: right; font: 10pt Verdana,Sans; }
hr.pme-hr { border: 1 solid #C0C0C0 }