body {
color:#5e5e5e;
font-size:16px;
font-family:"Helvetica", "Arial", Sans-Serif;
}

a:link {
color:#5E853A;
text-decoration:none;	
}

a:visited {
color:#5E853A;
text-decoration:none;
}

a:hover {
color:#5E853A;
text-decoration:underline;
}

a:active {
color:#5E853A;
text-decoration:underline;
}

/* header */
.logo {
margin-left:-2px;
margin-top:-2px;
text-align:left;
}
.bet_status {
color:#333333;
padding:18px;
padding-top:22px;
text-align:right;
vertical-align:bottom;
font-size:90%;
}
/* nav menu */

						
	#nav_roots ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#nav a {
		font-size: 17px;
		color: #000000;
		text-decoration: none;
	}

	/* this is the sub item */
	#nav li li a {
		display: block;
		color: #FFFFFF;
		background-color:#5E853A;
		text-align: left;
		Jwidth:140px;
		Jmargin-left:8px;
		padding-left:8px;
		height:30px  !important;
		line-height:30px !important;
	}

	#nav li li a:hover {
		background-color:6A9344;
		color:#FFFFFF;
	}

	/* these are main tabs */
	#nav_roots li {
		float:left;
		position: relative;
		text-align: center;
		cursor: default;
		padding: 0px;
		height:30px  !important;
		line-height:30px !important;
	}

	#nav_roots li#page {
		margin-left: 2px;
		margin-bottom: 0px;
		width:100px;
	}

	#nav_roots li#page:hover {
		background-color:#6A9344 !important;
	}
	#nav_roots li#page:hover a {
		color:#FFFFFF !important;
	}

	#nav_roots li#page_selected {
		Jbackground-color:#FFCC00;
		background-color:#DADADA;
		margin-left: 2px;
		margin-bottom: 0px;
		width:100px;
	}

	#nav_roots li#page_selected a {
		color: #000000;
	}
	#nav_roots li#page_selected:hover {
		background-color:#6A9344 !important;
	}
	#nav_roots li#page_selected:hover a {
		color:#FFFFFF !important;
	}

	/* drop down */
	#nav_roots li ul {
		display: none;
		position: relative; /* was absoluate */
	}

	#nav_roots li>ul {
		top: auto;
		left: auto;
	}

	#nav_roots li li {
		width:260px;
		display: block;
		float: none;
		border-top: 1px solid #7CA15A !important;
	}

	#nav_roots li:hover ul, li.over ul {
		display: block;
	}


/* content */

	#bordertopbottom {
		border-bottom:2px solid #dadada !important; 
		border-top:2px solid #dadada !important;
	}
	
	.content ul {
	padding:0;
	margin-top:10px;
	}

	.content ul li {
	background:url('../images/bullet.png') no-repeat 0 5px;
	padding:0 0 0 18px;
	list-style-type:none;
	margin:0 0 10px 20px;
	}
	
	/* sub bullets */
	.content ul ul li {
	background:url('../images/bullet-gray.png') no-repeat 0 5px;
	padding:0 0 0 18px;
	list-style-type:none;
	margin:0 0 10px 10px;
	}

	.content .checkmarks li {
	background:url('checkmark.png') no-repeat 0 2px !important;
	padding:0 0 0 22px;
	}

	.content {
	background-color:#FFFFFF;
	}

	.content .container_16 {
	background-color:#FFFFFF; 
	background:#FFFFFF;
	}

	.content p {
	margin-left:10px !important;
	margin-top:1em;
	}
	.content .grid_1 p, .content .grid_2 p, .content .grid_3 p, .content .grid_4 p, 
	.content .grid_5 p, .content .grid_6 p, .content .grid_7 p, .content .grid_8 p, 
	.content .grid_9 p, .content .grid_10 p, .content .grid_11 p, .content .grid_12 p 
	.content .grid_13 p .content .grid_14 p .content .grid_15 p .content .grid_16 p {
		margin-left:10px !important;	
	}
	.content .grid_10 table, .content .grid_11 table {
		margin-left:10px !important;	
	}
	.content .grid_4 ol, .grid_5 ol, .grid_10 ol, .content .grid_11 ol {
		margin-left:10px !important;	
	}
	
	.content h1 {
	font-size:28px;
	font-weight:normal;
	margin-top:20px;
	margin-left:0px;
	}
	.content .grid_5 h1, .content .grid_6 h1, .content .grid_7 h1, .content .grid_8 h1, 
	.content .grid_9 h1, .content .grid_10 h1, .content .grid_11 h1, .content .grid_12 h1 
	.content .grid_13 h1 .content .grid_14 h1 .content .grid_15 h1 .content .grid_16 h1 {
	margin-left:10px;	
	}

	.content h2 {
	color: #000000;
	font-size:20px;
	font-weight:normal;
	margin-top:1.5em;
	margin-bottom:5;
	}
	
	.content .grid_5 h2, .content .grid_6 h2, .content .grid_7 h2, .content .grid_8 h2, 
	.content .grid_9 h2, .content .grid_10 h2, .content .grid_11 h2, .content .grid_12 h2 {
	margin-left:10px;	
	}
	.content h1 a {
	text-decoration:none !important;
	}

	.content .banner h1 a {
	color:#5e5e5e !important;
	text-decoration:none !important;
	}

	.content h2 a {
	color:#6A9344 !important;
	text-decoration:none !important;
	}
	
	/* an h3 is a subtitle that sits nicely under an h1 or h2 */
	.content h3 {
	margin-left:10px !important;
	margin-top:0;
	font-weight:normal;
	color:#b5b5b5;
	}
	.content .grid_5 h3, .content .grid_6 h3, .content .grid_7 h3, .content .grid_8 h3, 
	.content .grid_9 h3, .content .grid_10 h3, .content .grid_11 h3, .content .grid_12 h3 
	.content .grid_13 h3 .content .grid_14 h3 .content .grid_15 h3 .content .grid_16 h3 {
		margin-left:10px !important;	
	}
	
	.content code {
		font-size:85%;
		line-height:40px !important;
	}
	

/* footer */
	.footer {
	background:transparent;
	color:#333333;
	font-size:14px;
	margin-top:20px;
	Jmargin-left:0px;
	}

	.footer h2 {
	margin-left:0px;
	}

	.footer a:hover {
	color:#333333 !important;
	}

	.copyright {
	font-size:12px;
	color:#333333;
	margin-top:40px;
	margin-left:-10px;
	}
	
	.copyright a {
	margin-left:0px;
	color:#333333;
	}

/* misc */

	.flush {
	margin-left:0 !important;
	}

	.date {
	text-align:center;
	}


	.buffer_top {
	margin-top:30px;	
	}

	.border {
	padding:1px;
	border:1px solid #280001;
	}

	.left {
	float:left;
	margin-right:30px;
	}

	.return_top {
	background:url('up-arrow.gif') no-repeat 0 7px;
	padding-left:16px;
	}

	.underline {
	clear:both;
	border-bottom:1px solid #f2f1f1;
	padding-top:20px !important;
	}

	.reset_textarea {
	width:330px !important;
	background:#EFEFEF !important;
	}


/* spiffy corners 
	http://www.spiffycorners.com/index.php?sc=corner&bg=FFFFFF&fg=FDF9C6&sz=5px
	
	+ for slope look made corner1 margin-l and margin-right 5 instead of 3
*/


	.panel_right {
		margin-right: 20px !important;
	}

.corner{display:block}
.corner *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#f0f0f0}
.corner1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8;
  background:#f3f3f3}
.corner2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f2f2f2}
.corner3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2;}
.corner4{
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8}
.corner5{
  border-left:1px solid #f3f3f3;
  border-right:1px solid #f3f3f3}
.cornerfg{
  background:#f0f0f0;
padding:20px;
color:#000000;
}
.cornerfg h2 {
color:#000000;
font-size:17px;
font-weight:bold;
margin-top:5px !important;
padding-top:0px !important;
line-height:0px;
margin-bottom:25px;
margin-left:0 !important;
}
.cornerfg p {
margin-top:1em;
}
/* hack */
.content .grid_5 .cornerfg p {
	margin-left:0px !important;
}


.cornerfg ul {
	padding:0;
	margin-top:10px;
	}

	.cornerfg ul li {
	background:url('../images/bullet.png') no-repeat 0 5px;
	padding:0 0 0 18px;
	list-style-type:none;
	margin:0 0 10px 10px;
	}

	
	/* darker */
.cornerdk{display:block}
.cornerdk *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#dadada}
.cornerdk1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #efefef;
  border-right:1px solid #efefef;
  background:#e3e3e3}
.cornerdk2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fbfbfb;
  border-right:1px solid #fbfbfb;
  background:#e1e1e1}
.cornerdk3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e1e1e1;
  border-right:1px solid #e1e1e1;}
.cornerdk4{
  border-left:1px solid #efefef;
  border-right:1px solid #efefef}
.cornerdk5{
  border-left:1px solid #e3e3e3;
  border-right:1px solid #e3e3e3}
.cornerdkfg{
  background:#dadada;
	  	padding:20px;
		color:#000000;
	  }
	
	.cornerdkfg h2 {
	color:#000000;
	font-size:17px;
	font-weight:bold;
	margin-top:5px !important;
	padding-top:0px !important;
	line-height:0px;
	margin-bottom:25px;
	margin-left:0 !important;
	}
	.cornerdkfg p {
	margin-top:1em;
	}
	/* hack */
	.content .grid_5 .cornerdkfg p {
		margin-left:0px !important;
	}

 

/* form */

		input.btn {
			font-size:16px;
			width:90px;
		}
		
		input.tf {
			font-size:16px;
			padding:5px;
		}
		
		textarea {
			font-size:16px;
			padding:5px;
		}
		
		select {
			font-size:16px;
		}
		
	.form ol {
		list-style-type:none;
		margin:0;
		margin-top:1em;
	}
	.form li {
		font-size:16px;
		list-style-type:none;
		margin:0;
		padding-bottom:5px;
	}
	
	.form #title  {
		margin-top:10px;
	}
	
	.form input {
		font-size:16px;
	}

	.form #btn {
		width:125px;
	}
	
	.form #txt {
		width:260px !important;
	}


	.form textarea {
		font-size:15px;
		font-family:"Helvetica", "Arial", Sans-Serif;
		font-weight:plain;
	}
	
	.form select {
		font-size:15px;
	}
	
	


/* horizontal grid table */
	#hor-grid
	{
		font-family:"Helvetica", "Arial", Sans-Serif;
		font-size:12px;
		background:#fff;
		border-collapse:collapse;
		text-align:left;
	}
	#hor-grid th
	{
		font-size:11px;
		padding:1px 5px 3px 5px;
		border-bottom:2px solid #6A9344;
		font-weight:bold;
		vertical-align:bottom;
	}
	#hor-grid td {
		vertical-align:top;
		border:1px solid #ccc;
		padding:10px 10px 10px 10px;
	}
	#hor-grid tbody tr:hover td {
	}
	#hor-grid strong {
		font-weight:bold;
		font-size:90%;
		color:#6A9344;
	}
	#hor-grid td.picked {
		background:#eeeeee;
	}
	#hor-grid #team {
		width:170px;
	}
	#hor-grid #team #badge_medal {
		position:absolute; 
		z-index:10;
		margin-left:140px; 
		margin-top:-7;
	}
	#hor-grid #team #badge_medal_only {
		position:absolute; 
		z-index:10;
		margin-left:166px; 
		margin-top:-7;
	}
	#hor-grid #team #badge_checkmark {
		position:absolute; 
		z-index:10;
		margin-left:145px; 
		margin-top:-7;
	}
	#hor-grid #game {
		width:40px;
		text-align:center;
		line-height:14px;
	}
	#hor-grid #spread {
		width:40px;
	}
	#hor-grid #score {
		background-color:#6A9344;
		color:#FFFFFF;
		margin-right:4px;
		padding-right:2px;
		padding-left:2px;
	}
	
	#hor-grid #game_list_team {
		width:130px;
	}
	#hor-grid #game_list_team #badge_checkmark {
		position:absolute; 
		z-index:10;
		margin-left:110px; 
		margin-top:-7;
	}