body {
  font-size: 65%;
  font-family: Arial, Helvetica;
  background-color:#92CC47;}

* {
  margin:0;
  padding:0;
  list-style-type:none;}

hr {
  display:none;}


fieldset {
  border:none;}

a img {
  border:none;}
  

a:link{text-decoration:none; color:#C16264;}
a:hover{color:#888;}

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


p {
  margin: 8px 0 8px 0;}

.clear {
  clear:both;
  margin:0;
  height:0;
  font-size:0;
  line-height:0;}
  
/* HEADERS
------------------------------------------------*/

h1 {
	font-size: 1.7em;
	color:#FFF;
	font-weight:normal;
	position:relative;
	text-indent: 50px;
}
 
h2 {
padding: 0 10px 0 10px;
line-height:1.2em;
font-size:1.2em;
font-weight:bold;
color:#286786; 
padding-bottom: 2px;
margin-right: 10px;

}
  
h3 {
	font-size: 1.2em;
	color: #37511A;
}

/* PAGE LAYOUT
----------------------------------------------*/
#container {
	width: 775px;
	margin: 0 auto;
	background-image: url(images/bg_shadow.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#container_wrapper {
  padding: 5px 10px;}

#header {
	height: 145px;
	background-image: url(images/top_image.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#bottom {
	background:url(images/bottom_image.jpg) no-repeat bottom left;
	height: 135px;
}

/* HEADER
----------------------------------------------*/
#header .tab  {
  
font-family:Arial, Verdana, Helvetica, sans-serif;
	height: 7px;
	margin: 0 0 0 265px;
	padding: 10px 0;
	text-align:left;
	color:#ccc;
	text-decoration:none;
}
  

#header .tab a:link {color:#ccc;}
#header .tab a:visited {color:#ccc;}
#header .tab a:hover{color:#333;}

/* Buttons */


.buttonsoff {
	background-image:  url(images/buttonbgdoff.gif);
	background-repeat: repeat-x;	
	height: 25px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	font-weight: normal;	
}
.buttonsoff a:link {
	color: #333333; 
	text-decoration: none;
}
.buttonsoff a:active {
	color: #333333; 
	text-decoration: none;
}
.buttonsoff a:visited {
	color: #333333; 
	text-decoration: none;
}
.buttonsoff a:hover {
	color: #000000; 
	text-decoration: none;
}
.buttonson {
	background-image:  url(images/buttonbgd.gif);
	background-repeat: repeat-x;	
	height: 33px;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
}
.buttonson a:link {
	color: #000000;
	text-decoration: none;
}
.buttonson a:active {
	color: #000000;
	text-decoration: none;
}
.buttonson a:visited {
	color: #000000;
	text-decoration: none;
}
.buttonson a:hover {
	color: #000000;
	text-decoration: none;
}
.lines {
	background-image: url(images/navline.gif);
	height: 33px;
	width: 5px;
}

/* SIDEBAR IMAGE
----------------------------------------------*/
.sidebar_image {
	padding-bottom: 0px;
	margin: 0 0 5px 5px;
  }
.sidebar_image_right {
	padding-bottom: 10px;
	margin: 0px 0 10px 0px;
  }

.sidebar_box {
	border: solid #000000 1px;
	width: 150px;
	padding: 10px 0px 10px 0px;
	margin: 0 0 10px 5px;
  }
.sidebar_box ul li {
 line-height:1.2em;
 font-size:1.2em;
 font-weight:bold;
 color:#286786; 
 padding-bottom: 7px;
 margin-right: 10px;}
.iconlist
{
list-style: none;
margin: 0 0 0 5px;
padding: 0;
}

li.wmp
{
background-image: url(images/wmp_logo.gif);
	background-repeat: no-repeat;
	background-position: .2em 0em;
	padding: 0em 0 1em 30px;
}

li.quicktime
{
background-image: url(images/quicktime_logo.gif);
	background-repeat: no-repeat;
	background-position: .2em 0em;
	padding: 0em 0 1em 30px;

}
  .sidebar_golf {
	width: 168px;
	background-image: url(images/you_need.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 222px;
  }
/* SIDEBAR TABS
----------------------------------------------*/


.sidebar_golf_text {
	margin: 0 0 0 0;
	clear:both;
	padding: 135px 10px 5px 10px;
	font-size: 1.2em;
	line-height: 1.3em;
}


/* CONTENT TOP
----------------------------------------------*/
#top_content {
  width: 740px;}
#top_content.blogger{
  background:none;
  width: 772px;}
#top_content-in {
	padding-bottom: 0px;
	position: relative;
	width: 755px;
}

#top_content .sidebar {  
  width: 168px;
  float:left;}
  
#top_content .content_right{
	width: 582px;
	float:left;
	margin: 0 0 0 0px;
	padding:12px 0 0 0;
	font-size:1.2em;
	color:#666666;
	line-height:1.4em;
	background-image: url(images/bg_main.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#top_content .content_right .content_right_wrapper {
  width: 582px;}

#top_content .content_right .bottom {
  background:url(images/bg_right_bottom.gif) no-repeat bottom left;
  width: 637px;
  padding-bottom: 13px;}

#top_content .content_right .welcome_text {
	width: 390px;
	float:left;
	padding: 0;
	margin: 10px 0px 5px 7px;
}

#top_content .content_right .right_nav{
	width: 177px;
	padding: 0 0px 0 0px;
	float:right;
	height: 0px;
	margin-left: 0px;
	margin-top: 92px;
	z-index: 20;
}

#top_content .content_right .galleries p {
 float:left;
 color:#ccc;
 width: 170px;
 padding-right: 10px;
 padding-left: 3px;
 margin-top: 2px;}

#top_content .content_right .galleries .images{
  width: 100px;
  margin: 0px 0 30px 0;}
 
#top_content .content_right .galleries .images p{
  width: 177px;
  padding:0;
  float:none;}

#top_content .content_right .galleries .images p.last {
  background:url(images/icon_images.gif) bottom right no-repeat;
  padding-bottom: 35px;
  position:relative;}
  
 #top_content .content_right .galleries  img.gallery {
  float:right;
  margin: 0px 5px 10px 0;}
  
 
  
#video{
	width: 385px;
	padding: 0 0px 0 0px;
	margin-left: 0px;
	z-index: 0;
	margin-bottom: 10px;
}
	
	#course_info{
	width: 385px;
	padding: 0 0px 0 0px;
	float:right;
	margin-left: 0px;
	margin-top: 5px; }
	
	
#course_info p {
	float:left;
	width: 385px;
	border-bottom: solid #999999 1px;
	padding-bottom: 5px;
}
  
#message{
	width: 385px;
	padding: 0 0px 0 0px;
	float:right;
	height: 35px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px;
	background-image: url(images/message_bg_top.gif);
}
#message h2 {
	float:left;
	color:#D7FB17;
	width: 300px;
	padding-left: 10px;
	margin-top: 8px;
	font-size: 1.5em;
	font-style: normal;	
}.message_head {
	font-size: 1.5em;
	font-weight: normal;
	color: #D7FB17;
}

#message_body{
	width: 385px;
	padding: 0 0px 0 0px;
	float:right;
	margin-left: 0px;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(images/message_bg.gif);
}
#message_body p {
	float:left;
	color:#FFFFFF;
	width: 365px;
	padding-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
}
#message_bottom{
	width: 385px;
	float:right;
	height: 20px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/message_bg_bottom.gif);}
	

  
#message_body a:link{color:#FFFFFF;}
 
#message_body a:hover{color:#ccc;}


/* CONTENT MAIN
----------------------------------------------*/
#content_main {
  background:url(images/bg_main_top.gif) no-repeat top left;
  width: 911px;
  padding-top: 10px;
  color:#ccc;
  font-size: 1.2em;
  margin: 0px 0 0 -1px;}

#content_main .content_main_wrapper {
  background:url(images/bg_main.gif) repeat-y top left;}

#content_main .content_main_wrapper .bottom{
  background:url(images/bg_main_bottom.gif) no-repeat bottom left;
  padding-bottom: 13px;}

#content_main p {
  line-height:1.1em;
  position:relative;
  Padding-right:6px;
  }

#content_main .img_left {
  float:left;
  margin-right: 6px;
  margin-left:4px;
  margin-top:4px;
  width: 170px;}

#content_main .img_right {
  float:right;
  margin: 5px 8px 0 8px;
  width: 170px;}

#content_main .left_main{
  width: 520px;
  float:left;
  padding: 0 0 0 10px;}
  
#content_main .left_main h1{
  width: 520px;
  float:left;
  padding: 0 0 0 10px;}

#content_main .left_main p {
  background:url(images/bg_paragraph.gif) no-repeat bottom right;
  padding: 2px 10px 15px 0;
  width: 326px;
  float:left;
  margin-bottom:20px;
  line-height:1.2em;}

#content_main .left_main p span {
  font-size: 1.6em;}
 
#content_main .right_main{
  width: 380px;
  float:left;}

#top_nav_in {
	padding-bottom: 3px;
	width: 582px;
	float: right;
	margin-right: 5px;
}

/* MAP
----------------------------------------------*/ 
.uk {
	padding:0;
	margin:2px 0px 2px 0px;
	list-style-type:none;
	background:#fff url(images/map2.gif);
	width:177px;
	height:250px;
	margin:2px 0px 2px 0px;
	position:relative;
	z-index:100;
	background-image: url(images/map2.gif);
}
/* move the text off screen */
.uk li a {text-indent:-1500px; display:block; width:3px; height:5px; background:#ff2200; position:absolute; line-height:8px;}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.uk li a em {visibility:hidden; position:absolute;}
/* position the square markers */
.uk li a.stinch {top:200px; left:114px;}
.uk li a.filton {top:207px;left:114px;}
.uk li a.ferndown {top:217px;left:120px;}
.uk li a.newbury {top:207px;left:125px;}
.uk li a.bs {top:125px; left:85px;}
.uk li a.ln {top:198px; left:96px;}
.uk li a.sw {top:178px; left:115px;}
.uk li a.nt {top:200px; left:105px;}
.uk li a.gl {top:186px; left:114px;}
.uk li a.bf {top:126px; left:45px;}
.uk li a.du {top:160px; left:54px;}
.uk li a.sc {top:120px; left:93px;}
/* move the text back into view on hover */
.uk li a:hover {background:#600; text-indent:0; height:1.2em; font-size:1em; color:#fff; line-height:1em; padding:2px 10px; width:190px;}
/* hack for IE5.x */
* html .uk li a:hover {width:110px; height:1.5em; w\idth:90px; he\ight:1.2em;}
/* make the descriptive text visible, give it a size and position */
.uk li a:hover em {visibility:visible; margin-left:5px; background:#fff; border:1px solid #600; width:150px; color:#600; padding:25px;font-style:normal; top:-135px; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande", arial, sans-serif; letter-spacing:1px; line-height:1.5em;}
/* hack for IE5.x */
* html .uk li a:hover em {width:200px; w\idth:150px;}
/* give the image a border and margin */
.uk li a:hover em img {border:1px solid #000; display:block; margin-bottom:10px;}
/* style the empty span (I know it's not semantically correct) into an arrow point */
.uk li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:15px solid #fff; border-width:15px 0 15px 15px; border-left-color:#600; position:absolute; left:0; top:128px;}
/* hack for IE5.x */
* html .uk li a:hover em span {width:30px; height:30px; w\idth:0; he\ight:0;}



/* FOOTER
----------------------------------------------*/ 
#footer {
	color:#FFFFFF;
	width: 775px;
	margin: 0 auto 15px auto;
	padding-bottom:3px;
	background-image: url(images/bottom_image.jpg);
	height: 135px;
	background-repeat: no-repeat;
} 

#footer a {
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
  font-weight:bold;
  color:#FFFFFF;  
  text-decoration:none;}
  
#footer a:link{color:#FFFFFF;}
 
#footer a:hover{color:#ccc;}


#footer ul li {
	float:left;
	padding: 100px 0px 0 20px;
}
  
  
  .style2 {font-size: 1.5em}
  
.intro {
	font-size: 1.2em;
	font-weight: normal;
	color: #37511A;
	line-height: 1.3em;
}