﻿body 
{
    font-family:Georgia,verdana,arial;
    font-size:12px;
    background-color:#FFFFFF;
    text-align:center;
    line-height:1.5em;
    color:#606060;
}
A
{
    color:#808080;
}
#wrapper
{
    width:980px;
    text-align:center;
}
#logo_1
{
    float:left;
    width:100px;
}
#logo_2
{
    float:left;
    text-align:left;
    margin-left:20px;
}
#main
{
    clear:both;
    text-align:left;
    margin-top:20px;
}
.imgright
{
    float:right;
    border: solid 1px #C0C0C0;
    padding:10px;
    margin-left:10px;
    margin-bottom:10px;
    color:#A0A0A0;
    text-align:center;
    font-style:italic;
}
.imgleft
{
    float:left;
    border: solid 1px #C0C0C0;
    padding:10px;
    margin-right:10px;
    margin-bottom:10px;
    color:#A0A0A0;
    text-align:center;
    font-style:italic;
}
h1
{
    font-size:1.8em;
    font-weight:bold;
}
h2
{
    font-size:1.5em;
    font-weight:bold;
}
h3
{
    font-size:1.2em;
    font-weight:bold;
    margin-top:0px;
    padding-top:0px;
    margin-bottom:4px;
    padding-bottom:4px
}
.newsdate
{
    font-size:0.8em;
}

#menu
{
	margin: 0 auto;
	width: 100%;
	background-color: #4E9D2C;
    text-align:left;
}

#menucontainer
{
	width: 100%;
	height: 20px;
	background-color: #4E9D2C;
	background-image:url('image/menubackground.gif');
	background-repeat:repeat-x;
	text-align:left;
	margin-bottom:4px;

}

#navcontainer ul
{
	padding: 0;
	margin: 0;
	color:#FFFFFF; 
	float:left; 
	width:100%;
	font-size:1.1em;
	color:#FFFFFF;
    font-weight:bold;	
}

#navcontainer ul li
{
	display: inline;
}

#navcontainer ul li a
{
	padding: 0.2em 0.8em;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	border-top:none;
	border-bottom:none;
	border-right: 1px solid #FFFFFF;
	border-left:none;
}

#navcontainer ul li a:hover
{
	background-repeat:repeat-x;
	color: #F0F0F0;
}
#header
{
    background-image: url('image/grassheader.jpg');
    background-repeat:no-repeat;
    background-position: 0px 0px;
    width:1000px;
    height:100px;
}
#news
{   
    float:right;
    border: solid 1px #C0C0C0;
    padding:10px;
    margin-left:10px;
    margin-bottom:10px;
    color:#606060;
    width:270px;
    min-height:800px;
}
    

.questions {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  min-width: 600px;
  max-width: 600px;
  width: 600px; 
}

.questions fieldset {
  border-color: #485B06;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

.questions fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
  color:#485B06
}

.questions label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}


.questions input, .questions textarea, .questions select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:230px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

.questions input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}



.questions .required{font-weight:bold;} /* uses class instead of div, more efficient */

.questions br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


#footer
{
    margin-top:20px;
    border-top:solid 1px #E0E0E0;
    width:100%;
    clear:both;
}
#players
{
    float:right;
    margin: solid 1px #D0D0D0;
    padding:5px;
}


.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #4E9D2C;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    width:270px;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #4E9D2C;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    width:270px;

}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #E0E0E0;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    width:270px;

}