body
{
	font-family: "trebuchet ms", Arial, Sans-Serif;
	font-size: small;
	background-color: #f9f0d1;
	text-align: center;
	padding-top: 14px;
	margin: 0;
	color: #002366;
}

img
{
	border: 0;
}

a
{
  text-decoration: none;
}

.header
{
	width: 800px;
	text-align: center;
	background-color: #0f387a;
	clear: both;
	border-bottom: solid 4px #0f387a;
}

#outer_frame
{
	width: 800px;
	height: 703px; /*675px;*/
	margin: auto;
	border: solid 6px #0f387a;
	text-align: justify;
	background-color: #95ad81;
	background-image: url(userimages/back.jpg);
	background-repeat: repeat;
}

h1
{
	margin: 0 0 0.3em 0;
	padding: 0 0 2px 0;
	border-bottom: solid 7px #336820;
	font-weight:bold;
	font-size:220%;
}

h2
{
	padding: 0 0 2px 0;
	width: auto;
	display: inline;
	border-bottom: solid 3px #336820;
	font-weight: bold;
	font-size: 120%;
}

.visitor
{
	margin: 8px 0;
}

.welcome
{
	font-weight: bold;
	font-size: 110%;
	text-align: center;
}

/* Required for margin issue */
.title_logo
{
/*  float: left; */
}

/* ---------*/

.menu
{
	float: left;
	width: 130px;
	height: 459px;
	text-align: left;
	background-color: #afc39f; /*#f0d172;*/
	padding: 20px 20px 20px 20px;
	margin: 0;
	overflow: auto;
	border-right: solid 4px #0f387a;
}

.menu a
{
  color: #0f387a; /*#926f38; #c29551; #008469;*/
  font-weight: bold;
}

.menu a:hover
{
	color: #5f96e3;
}

.menu ul 
{
	padding: 0em;
	margin: 0em;
	list-style-type: none;
}

.menu li
{
	border: 1px solid #336820; /*black; #008469; */
	padding: 2px;
	padding-left: 1.2em;
	margin-bottom: 1.0em;
}

.menu_disabled a
{
	color: Gray;
}

.menu_disabled a:hover
{
	color: Gray;
}


/* --------- */

#content
{
	padding: 10px 20px 20px 20px;
	width: 584px;	
	height: 468px;
	overflow: auto;
	float: right;
}

#welcome_text
{
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
	padding: 20px 10px 20px 10px;
	margin: 0;
}

#footer_text
{
  padding-top: 6px;
	text-align: center;
	font-family: Arial, Sans-Serif;
	color: gray;
	font-size: x-small;
	clear: both;
}


/* Yardage Table */

.yardage_div
{
  float: left;
  padding: 0 5px 0 0;
	width: 250px;
}

.yardage
{
  padding: 5px 0 0 0;
	width: 225px;
	font-size: small;
	border-collapse: collapse;
	background-color: Transparent;
}

.yardage td
{
	border: 2px;
	border-color: #666666;
	border-style: solid;
	text-align: center;
	font-weight: bold;
	font-size: x-small;
	padding-top: 2px;
	padding-bottom: 2px;
}	

.yardage th
{
	font-weight: normal;
	text-align: center;
	border: 2px;
	border-color: #666666;
	border-style: solid;	
}

.yardage_medal_in
{
	background-color: transparent;/*#ff6666; f11d21;*/
	color: blue;/*#1f1f1f;*/
}

.yardage_medal_out
{
	background-color: #b22222; /*#ff6666;f11d21;*/
	color: white;
}

.yardage_in
{
	background-color: gray;
	color: white;
}

.yardage_sub
{
	background-color: Black;
	color: White;
}

.yardage_total
{
	background-color: #b22222;
	color: White;
}

.yardage_medal_total
{
	background-color: #b22222;
	color: White;
}

.yardage_footer td
{
	border: 0;
	font-size: x-small;
	font-weight: bold;
	text-align: center;
	background-color: transparent;
}
/* End of Yardage Table */

/* Contact form (full-width) */
.contactform {width:436px; margin:1.0em 10px 0 20px;}
.contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold;  font-size:131%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:100%; clear: left;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform input.button {float:left; width:9.0em; margin-left:115px !important /*Non-IE6*/; margin-left:118px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}
.contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.contactform div {padding: 5px 10px;}

/* Print specific options */
@media print 
{
	.menu
	{
		display: none;
		width: auto;
		height: auto;
	}
	
	.header
	{
		width: auto;
		height: auto;		
		display: none;
	}
	
	.print-hidden
	{
		display : none;
	}
	
	.flow_left
	{
		float: none;
	}
	
	#PageBody
	{
		margin-left : 0;
	}
	
	#content
	{
		width: auto;
		height: auto;
	  overflow : auto;
	}
	
	#outer_frame
	{
		background: none;
		border: none;
		height: auto;
		width: auto;
	}
	
	.contactform {width:auto; margin:1.0em 10px 0 20px;}
}