body{
margin:0;
padding:0;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #C8FC98;
height: 60px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 140px 0 140px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 140px; /*Width of left column in pixel*/
margin-left: -1000px; /*Set margin to that of -(MainContainerWidth)*/
background: #C8FC98;
height:800px;
}

#rightcolumn{
float: left;
width: 140px; /*Width of right column*/
margin-left: -140px; /*Set left margin to -(RightColumnWidth)*/
background: #C8FC98;
height:800px;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
.imageLeftBanner
{
  
    float:left;    
    top:10px;
    left:10px;

}
.imageBanner
{
    top:10px;
    left:70px;
    float:right;    
}
.topLinkButton
{
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
.animatedtabs{
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
font-size: 14px; /*font of menu text*/
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../images/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(../images/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
#ddcolortabs{
margin-left: 0px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


#ddcolortabs a{
float:left;
color: black;
background: #C8FC98 url(media/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #8cb85c;
}

#ddcolortabs a:hover span{
background-color: #8cb85c;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #8cb85c;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #C8FC98;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}


















.GreenBanner
{
    background-color: #33CC33;
    height:75px; 
    width:100%;
    border:0px;
    border-collapse:inherit;
    margin:0;
    text-align:center;
    vertical-align:middle;
}
.imageBannerSmall
{
    top:40px;
    left:75px;
    float:left;
    position:absolute;
    
}
.imagetop
{
      Width:50px; 
    Height:50px; 
}

.furniturestrip
{
    float:right;
    position:absolute;
     top:55px;
     right:1px;
}
.WhiteBanner
{
     background-color:white;
    height:3px; 
 
}
.BlueBanner
{
  background-color:Black;
    height:5px; 
    width:100%;
    border:0px;
    border-collapse:inherit;
    margin:0;
    text-align:center;
    vertical-align:middle;   
}

.labelConstruction
{
    font-size:2em;
    color:Red;
}
.labelHeader
{
     font-family:Copperplate Gothic Bold;
     font-weight: bolder;
     font-size:2em;
     text-align:left;
     
}
.labelHeadersmall
{
    font-family:Copperplate Gothic Bold;
     font-weight: bolder;
     font-size:0.8em;
}

.lefttableCell
{
    width:160px;
     border-right:solid;
     border-right-color:Black;
     vertical-align:top;
}
.righttableCell
{
      vertical-align:top;
      text-align:left;
      
      
}
.standardbutton
{
    
}
.verticalrule
{
    background-color: #33CC33;
    width:30px;
    height:400;
}
.tableLabel
{
    width:160px;
}
.tabletext
{
    width:400px;
}
.InputLabel
{
    width:200px;
    font: 12px Arial, Verdana, sans-serif;
}
.InputTextBox
{
    width:250px;
    font: 12px Arial, Verdana, sans-serif;
}
.legendheader
{
    font: bold 14px Arial, Verdana, sans-serif;
       
}
.fieldsetmain
{
    width:500px;
    /*border-color:Black;*/
    margin:1em;
}
.RequiredLabel
{
    color:Red;
    font-size:0.8em;
}


#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 200px; /*marquee height */
background-color: white;
overflow: hidden;
border: 3px solid green;
padding: 2px;
padding-left: 4px;

}
.tableLeftBanner
{
    background-color: white;
    
    border: 3px solid green;
    /*padding: 2px;*/
    padding-left: 0px;

    
}

.LabelLeftSmall
{
    color:Red;
    font-weight:bold;
    width:150px;
    font-size:0.7em;
}
.LabelLeft
{
    color:Red;
    font-weight:bold;
    width:150px;
    font-size:0.7em;
}
.badgeResize
{
     width:20px;
     height:20px;
}
.smallMultiline
{
    width:140px;
    height:400px;
    font-size:0.5em;
    
}

/*This is for the league tables*/
.divLeague
{
     margin:1em;
}
.LeagueHeaderClass
{
     background-color:Red;
}
.LeagueHeaderClass : OnMouseOver
{
     background-color:Blue;
}
.LeagueItemBold
{
   font-weight:bold;
}
.LeagueItem
{
     text-align:center;      
      background-color:Yellow;
}
.LeagueItemBadge
{
}
.LeagueItemSmall
{
    
    font-size: 0.7em;
}
.LeagueHeaderSmall
{
    background-color: #8cb85c;
    font-size: 0.7em;
}
.leaguetext
{
    font-size: 0.7em;

}

.MainLeague
{
    vertical-align:middle;
    font-size:9px;
     height:9;
    padding:0px;
    border: solid,solid,solid,solid ;
    border-style:solid;
    border-width:thin;
    border-collapse: collapse;
    
    
    
     
}

.MainLeagueRow
{
    border: solid,solid,solid,solid ;
    border-style:solid;
    border-width:thin;
    border-collapse: collapse;
      
    
}
.MainLeagueRowHeader
{
    border: solid,solid,solid,solid ;
    border-style:solid;
    border-width:thin;
    border-collapse: collapse;
     
     
     background-color:Yellow;
     font-weight:bold;

     
}
.lblTopBanner
{
    
     font-size:9px;
      font-weight:bold;
     
     
     
}
.MainLeagueHeader
{
    border: solid,solid,solid,solid ;
    border-style:solid;
    border-width:thin;
    border-collapse: collapse;
     
    background-color: #8cb85c;
    text-align:center;
    font-weight:bold;
    
}
.pnlBorder
{
    background-color: #8cb85c;
    width:300px;
}



`