/* CSS Document for Randle Golf */

/* COMMON RULES - BODY, LINKS, CONTAINER AND BOTTOM NAVIGATION */

body {
	text-align: center; 		/* For IE */ 
	background-color: #000000;
	background-image: url(images/background.gif);
    background-repeat: repeat-x; 	
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4F4D36;
	font-size: 12px;
	line-height: 140%;
	height: 100%; 				/* this is the key! */
}

a{outline:none;}
#top_container	{
	text-align: left;
	margin: 0 auto;
	width: 939px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
}

#main_container	{
	background-color: #2B2A23;
	text-align: left;
	margin: 0 auto;
	width: 901px;
	height: auto; 
	padding-top:10px;
}

/* This is the welcome message below the big photo on the homepage */
#home_main_welcome {
	float: left; 
	padding-top: 16px; 
	padding-left: 100px;
	color: #B6B6AB;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
}
#home_main_welcome a:visited{
color:#B6B6AB;
}
/* This is the little "CONTACT" link below the big photo on the homepage */
#home_main_contact {
	float: right; 
	padding-top: 16px;  
	padding-right: 40px;
	color: #B6B6AB;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}


#home_main_photo {
	background-color: #000000;
    background-repeat: no-repeat; 
	background-image: url(images/home_photo_bg.gif);
	text-align: center;
	width: 939px;
	height: 279px;
}



#main_container	{
	background-color: #2B2A23;
	text-align: left;
	margin: 0 auto;
	width: 901px;
	height: auto; 
	padding-top: 10px;
}
img{
border:none;	
}
#footer	{
	text-align: left;
	margin: 0 auto;
	width: 901px;
	height: auto; 
	padding-top: 10px;
}


/* This is for the rows of 3 featured sections.... with photo etc... */
.section_bg	{
	background-image: url(images/section_bg.gif);
    background-repeat: no-repeat; 	
	background-position: left top;
	text-align: left;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	width: 266px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 145%;
	color: #A5A477;
	float: left;
}


/* This is for right panel section on the sub pages */
.sub_right_panel {
	background-image: url(images/section_bg.gif);
    background-repeat: no-repeat; 	
	background-position: right top;
	text-align: left;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	width: 552px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #A5A477;
	float: left;
}
.sub_right_panel p{
WIDTH:500PX;
}
.sub_right_panel p.a{
text-decoration:underline;
}
/* This is for the rows of 3 featured sections.... with photo etc... */
.sub_left_panel	{
	background-image: url(images/section_bg2.gif);
    background-repeat: no-repeat; 	
	background-position: left top;
	text-align: left;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	width: 266px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 145%;
	color: #A5A477;
	float: left;
}

.sub_left_panel2	{
	background-image: url(images/section_bg2.gif);
    background-repeat: no-repeat; 	
	background-position: left top;
	text-align: left;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	width: 266px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 145%;
	color: #A5A477;
	float: left;
}
h1 {
	color: #B6B6AB;
	margin-top: 18px;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 130%;
	margin-left:6px;
	text-transform:uppercase; 
}
h2 {
	color: #989246;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 130%;
	margin-left: 6px;
	text-transform:uppercase;
}

h3 {
	color: #686224;
	margin-top: 20px;
	margin-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 130%;
	margin-left: 6px;
	text-transform:uppercase;
}

h4 {
	color: #B6B6AB;
	margin-top: 20px;
	margin-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 130%;
	margin-left: 6px;
	text-transform:uppercase;
	text-shadow: 2px 2px 2px #989246;
}

h5 {
	color: #686224;
	margin-top: 20px;
	margin-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 130%;
	margin-left: 6px;
	text-transform:uppercase;
}


p {
	margin-top: 10px;
	margin-right: 40px;
	margin-left: 6px;
	text-align: left;
}

p.tab {
	margin-top: 6px;
	margin-right: 6px;
	margin-left: 6px;
	margin-bottom: 4px;
	text-align: center;
}
p.tab a:visited{
color:white;
}
p.iphone_button {
	text-align: center;
	position: relative;
	margin: 0 auto;
	padding-top: 10px;
}
p.iphone_button a:visited{
color:white;
}
p.news_button {
	text-align: center;
	position: relative;
	margin: 0 auto;
	padding-top: 4px;
	padding-right: 20px;
}
p.news_button a{
display: block;
}
p.news_button a:visited{
color:white;
}
p.news {
	margin-top: 10px;
	margin-right: 40px;
	margin-left: 6px;	
	padding-left: 6px;
	padding-top: 10px;
	text-align: left;
	color: #B6B6AB;
}

p.footer {
	margin:0;
	padding:2px;	
	margin-right: 30px;
	margin-left: 10px;
	text-align: left;
}
p.center{
text-align:center;
}
p.right{
text-align:right;
}
p a.anchor{
font-size:13px;
color:white;
}
p a.anchor:hover{
color:#989246; 
}
/* Big banner photo at the top */
img.home_main {	
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 19px;
}
	 
/* Smaller photos if in the featured sections... */
img.section_photo {	
	background-color: #FFF;
	padding: 1px;
	border: 4px solid #4C4C38;
	margin-left: 6px;
	margin-right: 10px;
	margin-bottom: 6px;
	float: left;
}

/* Sub page photos on the main area */
img.sub_photo {	
	background-color: #FFF;
	padding: 1px;
	border: 4px solid #4C4C38;
	margin-left: 6px;
	margin-right: 50px;
	margin-bottom: 6px;
	float: right;
}
img.sub_photo2 {	
	background-color: #FFF;
	padding: 1px;
	border: 4px solid #4C4C38;
	margin-left: 6px;
	margin-bottom: 6px;
	float: right;
}
img.sub_photo3 {	
	background-color: #FFF;
	padding: 1px;
	border: 4px solid #4C4C38;
	margin-bottom: 6px;
	text-align: center;
	display:block;
	margin-left:auto;
	margin-right:auto; 
}


/* For the golf ball in the breadcrumbs nav */
img.nav_divider {	
	margin-left: 6px;
	margin-right: 6px;
	vertical-align:middle;
}
	
	
/* Time oulines with details... */
div.time {
	float: left; 
	width: 100px;
	color: #B6B6AB;
	font-weight: bold;
}	
div.time_details {
	float: left; 
	width: 400px;
}	



div.tabbed {
	background: URL("images/sub_horfade_big.gif");
	background-repeat: repeat-x;
	width: 478px;
}

div.tabbed_current {
	background: URL("images/tabbed_current.gif");
	background-repeat: no-repeat;
	width: 123px;
	height: 31px;
	float: left;
	verticle-align: middle;
	color: #B6B6AB;
}

div.tabbed_other {
	background: URL("images/tabbed_other.gif");
	background-repeat: no-repeat;
	width: 123px;
	height: 31px;
	float: left;
	color: #B6B6AB;
}


div.tabbed_small {
	background: URL("images/sub_horfade_small.gif");
	background-repeat: repeat-x;
	width: 478px;
	margin-bottom: 20px;
}


div.embeded_video {
	width: 318px;		/* SHOULD BE SAME AS VIDEO WIDTH */
	text-align: left;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}


/* Sub nav is the left panel on the sub pages, with the rollover effect */
.subnav {
	height: 19px;
	padding-left: 12px;
	verticle-align: middle;
	color: #B6B6AB;
	line-height: 160%;
	width: 250px;
	word-spacing: 3px;
	padding-top:3px;
}
li.subnav a{
	height: 19px;
	padding-left: 12px;
	verticle-align: middle;
	color: #B6B6AB;
	line-height: 160%;
	width: 250px;
	word-spacing: 3px;
	padding-top:3px;
}

ul.menu,ul.menu ul{
margin:0;
padding:0;
list-style: none;
}
ul.menu{
padding-left:5px;
margin-top:20px;	
}

ul.menu li, ul.menu ul li{
padding:0;
margin:0;	
list-style-image: url(images/plus.jpg);
}
ul.menu ul li{
list-style-image:none;	
padding-left:0px;
}
ul.menu li a{
color:#8F8943;	
font-size:15px;
font-weight:bold; 
cursor: default;
text-transform: uppercase;
display:block;
padding-bottom:10px;
}
ul.menu ul li a{
	color: #B6B6AB;
	list-style: none;
	font-size: 12px;
	font-weight:normal;
	text-transform: uppercase;
	display:block;
	padding-left: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
	line-height: 200%;
	width: 233px;
	cursor: pointer;
}
ul.menu ul li a:hover{
	background: URL("images/subnav_bg_over.gif");
	

	padding-left: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
	line-height: 200%;
	width: 233px;
}
ul.menu ul ul li{
display:none;	
}
ul.menu li{
margin-top:20px;	
}

ul.menu li.current_page_item a, ul.menu li.current_page_item a:hover{
	background: URL("images/subnav_bg_on.gif");
	background-repeat: no-repeat;
	height: 21px;
	padding-left: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
	line-height: 200%;
	width: 233px;
}
.subnav_on {
	background: URL("images/subnav_bg_on.gif");
	background-repeat: no-repeat;
	height: 19px;
	line-height: 160%;
	padding-left: 12px;
	width: 250px;
	padding-top: 3px;
}
.subnav a{
display:block;
}
.subnav_on a{
display:block;
}
.subnav_on a:visited {
color:white;
}
.subnav:hover {
	background: URL("images/subnav_bg_over.gif");
	background-repeat: no-repeat;
	height: 19px;
	padding-left: 12px;
	padding-top: 3px;
	line-height: 160%;
	width: 250px;
}


/* For more details button */
.button {
	background-color: #2B2A23;
    background-repeat: no-repeat; 
	background-image: url(images/empty_button.gif);
	text-align: center;
	width: 137px;
	height: 20px;
	margin-left: 10px;
	padding-top: 2px;
}

.button a:visited{color:white; display:block;}
/* For more iphone button */
.button_iphone {
	background-color: #2B2A23;
    background-repeat: no-repeat; 
	background-image: url(images/iphone_button.gif);
	text-align: center;
	margin-top: 10px;
	width: 173px;
	height: 39px;
}


/* For more iphone button */
.button_news {
	background-color: #2B2A23;
    background-repeat: no-repeat; 
	background-image: url(images/news_button.gif);
	text-align: center;
	margin-top: 10px;
	width: 178px;
	height: 33px;
}
	
ul.golfball { 
	list-style-image: url(images/ul_golfball.gif); 
} 	
.sub_right_panel ul{
margin-top:0;
padding-top:0;
}
li {
	margin-top: 4px;
}

li.arrow { 
	list-style-image: url(images/ul_arrow.gif); 
} 	


b {
	color: #B6B6AB;
} 

	
/* link colors */
A:link { color: #CCC; text-decoration: none;  }
A:visited { color: #C2C2C2; text-decoration: none; }
A:hover { color: #FFF; text-decoration: none; }
A:active {
	color: white;
	text-decoration: none;
}

#booklesson{
font-size:13px;
font-weight:bold;
}
img.alignright{
float:right;	
margin-left:20px;
}
#whatsnewbox{
width:350px; 
height:160px; 
margin-left:20px; 
margin-right:10px;
float:right; 
background-image:url(images/whatsnew.jpg); 
background-repeat:no-repeat;	
	}
#whatsnewbox p{
display:block;
height:70px;
width:320px;
padding:0;
margin:0;
margin-top:12px;
margin-left:12px;
color:#B6B6AB;
}
#whatsnewbox p a{
text-decoration:underline;
color:#f6f6f6;
font-size:12px;	
}
#whatsnewbox p b{
display:block;
font-size:16px;
color:#f6f6f6;	
margin-bottom:5px;
}
#whatsnewbox img{
margin-top:35px;	
}
						
.john{
border:white solid 1px;	
}