/**
 * Brewers CSS Sheet
 *
 */

html{
  height: auto;
}

*{
   margin:0;
   padding:0;
}

body{
   font-family:verdana,helvetica,arial,sans-serif;
   color:#333;
   font-size: 76%;
   background-color: black;
   height: auto;
   text-align: center;
   width: 100%;
}


#banner {
   horizontal-alignment: center;
   width: 846px;
}


/* Main Content */

#content{
   width: 846px;
   background: transparent url('/img/site/background.gif') top left;
   background-repeat: repeat-y;
   height: auto;
   text-align: left;
}


#contentTextContainer {
   margin-left: 50px;
   margin-right: 50px;
   text-align: left;
   width: 700;
   height: auto;
   background-color: #FFF;
   padding-bottom: 200px;
}


#contentTextContainer td,th {
   vertical-align: top;
   padding-bottom: 5px;
}

/* End Main Content */


h1,h2,h3{
   margin-bottom: 15px;
}

h1{
   font-size: 20px;
}

h2{
   font-size: 16px;
}

label {
   display: block;
   font-size: 12px;
   padding-right: 20px;
   font-weight: bold;
}

#mainMenu{
   width: 100%; 
   margin-right: auto; 
   margin-left: auto; 
   text-align: center;
}


#mainMenu li {
   list-style: none;
   float: left;
}

#mainMenu ul{
   margin-right: auto;
   margin-left: auto;
}


#newsArticles .headline, .by, .author, .date, .article{
   display: block
}

#newsArticles .headline {
   font-size: 14px; 
   font-weight: bold;
}

#newsArticles .date {
   margin-bottom: 10px;
}

#newsArticles .article {
   padding-bottom: 30px;
}

#newsArticles th {
   text-align: left;
}

a, a:visited, a:hover, a:active{
   color: blue;
   font-size: 100%;
   text-decoration: none;
   margin-left: 2px; 
   margin-right: 2px;
}


a:hover{
   color: blue;
   font-size: 100%;
   text-decoration: underline;
}



#navigation{
   background: #eaeaea;
   border: 1px solid #CCCCCC;
   padding: 4px;
   font-size: 90%;
   width: 300px;
   margin-bottom: 15px;
}

#navigationHeader{
   font-size: 100%;
   display: block;
   border-bottom: 1px solid #ccc;
   margin-bottom: 5px;
   padding-bottom: 2px;
}



.actions li {
   list-style: none;
}

.submit {
   margin-top: 15px;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

.error_message {
   color: red;
   font-size: 120%;
}


div.rosterEntry, div.dataEntry {
   padding: 5px; 
   background-color: #ECF3E1; 
   border:1px solid #C5DEA1; 
   width: 600px; 
   list-style: none; 
   clear: both; 
   margin-bottom: 10px;
}

li .rosterThumbnail {
   float: left;
}

div.rosterEntry .rosterInfo {
   margin-left: 10px;
   float: left;
   cursor: default;
}

div.rosterEntry .rosterTitle {
   font-size: 140%;
   font-weight: bold;
}

div.rosterEntry .rosterStats td{
   padding: 0px;
}

.rosterDetails {
   
}

#TeamMemberBirthDate{
   
}

#rosterInfo required, optional{
   border-bottom: 1px solid #ccc;
   width: 100%;
   padding-bottom: 5px;
   padding-top: 5px;
   width: 300px;
}


.rosterLineSelected {
   background-color: #ECF3E1;
}

.rosterLineNonSelected {
   background: transparent;
}