body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(images/page_bkg.jpg) repeat-x center top;
	font-size: 11px;
	/*color: #141414;*/
	color: #333333;
}

#topbanner
{
    clear: both;
	width: 858px;
	height: 69px;
	background: url(images/top_banner.jpg) no-repeat center top;
	text-align: left;
}

#menu
{
    position:relative;
    left: 5px;
    top: 0px;
    width: 848px;
    background: #000000 url(images/menuBKG.jpg) repeat-x right top;
    padding:0;
    margin:0;
    height:23px;
}

#wrapper 
{
    clear: both;
	width: 858px;
	margin-right: auto;
	margin-left: auto;
	border-right: 0px solid #595959;
	border-left: 0px solid #595959;
	background: #FFFFFF url(images/content.jpg) repeat-y right top;
	text-align: left;
}

#wrapper1Column
{
    clear: both;
	width: 858px;
	margin-right: auto;
	margin-left: auto;
	border-right: 0px solid #595959;
	border-left: 0px solid #595959;
	background: #FFFFFF url(images/content1column.jpg) repeat-y right top;
	text-align: left;
}

#banner
{
    clear: both;
	width: 858px;
	height: 161px;
	background: url(images/banner.jpg) no-repeat center top;
	text-align: left;
}

#main
{
    clear: both;
	width: 858px;
	background: url(images/content.jpg) repeat-y center top;
	text-align: left;
	top: 10px;
	left: 10px;
}

#main1column
{
    clear: both;
	width: 858px;
	background: url(images/content1column.jpg) repeat-y center top;
	text-align: left;
	top: 10px;
	left: 10px;
}

#mainNoColumn
{
    clear: both;
	width: 858px;
	background: url(images/contentNOcolumn.jpg) repeat-y center top;
	text-align: left;
	top: 10px;
	left: 10px;
}

#legal {
	clear: both;
	width: 858px;
	height: 21px;
	text-align: center;
	/*border-top: 1px dashed #999999;*/
	background: url(images/footer.jpg) no-repeat center top;
}

#legal1column{
	clear: both;
	width: 858px;
	height: 21px;
	text-align: center;
	/*border-top: 1px dashed #999999;*/
	background: url(images/footer1column.jpg) no-repeat center top;
}

#legalNOcolumn{
	clear: both;
	width: 858px;
	height: 21px;
	text-align: center;
	/*border-top: 1px dashed #999999;*/
	background: url(images/footerNOcolumn.jpg) no-repeat center top;
}

/************* IMAGE HOLDER AND INFORMATION ****************/
#imgHolder {
	display: inline;
	float: left;
	width: 455px;
	height: 161px;
	text-align: left;
	background: url(images/headerImg.jpg) no-repeat center top;
}
#infoBox {
	float: left;
	width: 172px;
	height: 161px;
	text-align: left;
	background: url(images/infoBox.jpg) no-repeat center top;
}
/********** CONTENT COLUMNS ****************/

#leftContent{
    display: inline; /* for IE */
	float: left;
	width: 455px;
	/*background-color: Yellow;*/
}

#leftContent2columns{
    display: inline; /* for IE */
	float: left;
	width: 627px;
	/*background-color: Yellow;*/
}

#leftContentNOcolumns{
    display: inline; /* for IE */
	float: left;
	width: 857px;
}

#middleColumn 
{
    display: inline;
	float: right;
	width: 172px;
	margin-right: 1px;
	/*background-color: red*/
}

#rightColumn {
	float: right;
	width: 230px;
	margin-right: 0px;
	/*background-color: Blue;*/
}

.inside
{
    padding: 5px;
	line-height:18px;
}

.contentInside
{
    padding: 5px 5px 5px 10px;
	line-height:18px;
}

/*************** MENU ********************/
.hoverMenu
{
    background: #123c01 url(images/hoverMenu.jpg) repeat-x right top;
    font-size: 12px;
    font: Arial;
}


/************ GridView Styles ***************************/
.SortHeaderRowStyle
{
    background-color: #266A2E;
    text-align: left;
    font-weight: bold;
    color: White;
}

.win
{
    color: green;
    font-size: 10px;
    font-weight: normal;
}

.loss
{
    color: red;
    font-size: 10px;
    font-weight: normal;
}
/****** box content ****************/

#topOfBox
{
    background-image: url(images/cb_green_header.jpg);
    height: 39px;
    width: 444px;
    background-repeat: no-repeat;
    clear: both;
}

#contentBorders
{
    background-image: url(images/cb_content.jpg);
    background-repeat: repeat-y;
    clear: both;
    width: 444px;
}

#bottomOfBox
{
    background-image: url(images/cb_footer.jpg);
    background-repeat: no-repeat;
    height: 11px;
    width: 444px;
    clear: both;
}

#topOfBox h4
{
    /* margin 0px fixes an space in between the divs */
    margin: 0px;
    color: #ffffff;
    padding: 10px 0px 0px 10px;
}
#contentBorders a
{
    color: #064800;
    text-decoration: none;
    font-weight:bold;
    font-size:11px;
    background: url(images/orangeArrowWhiteBkg.jpg) no-repeat 0px 2px;
    padding: 0 0 0 10px;
}
#contentBorders a:hover
{
    color:#D36E03;
    text-decoration:underline;
}

/**************** FONTS **************************/
.contentInside a:link
{
    color: #064801;
    text-decoration: underline;
    font-weight: bold;
}

.contentInside a:hover
{
    color: #FF9000;
    text-decoration: none;
}

.contentInside a:visited
{
    color: #9C0202;
}

a.quickLinks:link
{
    color: #064800;
    text-decoration: none;
    font-weight:bold;
    font-size:11px;
    background: url(images/orangeArrow.jpg) no-repeat 0px 2px;
    padding: 0 0 0 10px;
}
a.quickLinks:hover
{
    color:#D36E03;
    text-decoration:underline;
}
a.quickLinks:visited
{
    color: #064800;
    text-decoration: none;
    font-weight:bold;
    font-size:11px;
    background: url(images/orangeArrow.jpg) no-repeat 0px 2px;
    padding: 0 0 0 10px;
}
/************* SMALL CONTENT BOX ******************/
#sponsorsBoxTop
{
    width:206px;
    height: 45px;
    background-image:url(images/sponsorsBoxTop.jpg);
    background-repeat:no-repeat;
}

#smallBoxContent
{
    width:206px;
    margin:0;
    background-image:url(images/smallBoxContent.jpg);
}

#smallBoxBtm
{
    width:206px;
    margin:0;
    background-image:url(images/smallBoxBtm.jpg);
    height:13px;
    background-repeat:no-repeat;
}
/************ RIGHT HAND SINDE MENU FOR PAYMENT PAGE [not used now]*******************/
#middleColumn .story {
	background: url(images/bigMenu.jpg) repeat-y;
	color: #FFFFFF;
	padding: 5px 5px;
	border-bottom: 1px solid #4E4E4E;
	display: block;
	text-decoration: none;
	
	width:162px;
}
#middleColumn span.title {
	font-size: 1.1em;
	font-weight: bold;
	display: block;
	
	color: #FFCC00;
}
#middleColumn a.story:hover {
	color: #4A761D;
	background: url(images/bigMenu_over.jpg);
}
/************ RIGHT HAND SINDE MENU FOR PAYMENT PAGE (end)*******************/

/************* LOG IN MENU TOP RIGHT CORNER ********************************/
#toprightmenu
{
    float:right;
    padding: 10px 10px 0 0;
}

.login
{
    color: #132C02;
    font-family: Arial;
    font-weight:bold;
    font-size: 11px;
    text-decoration: none;   
}
a.login:link {color:#132C02} /* unvisited link */
a.login:visited {color:#FF9000} /* visited link */
a.login:hover {color:#FF9000;text-decoration:underline;} /* mouse over link */
/************* LOG IN MENU TOP RIGHT CORNER (end)********************************/

#quickLinks
{
    background-color:#333333;
    width:224px;
    height:40px;
    border-left:solid 1px #333333;
}

#quickLinks h1, .orangeTitle
{
    color:#D36E03;
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 10px 0 0 10px;
    margin:0;
}

/********************* roster *****************************/
#roster img 
{
    padding:4px;
    border: solid 1px #C9C9C9;
}