/**************************************************************************************************************************/
/******************** Element Selectors ***********************************************************************************/
/**************************************************************************************************************************/

body{
	margin:0;
	background-color:#79a80f;
	background-image:url(../img/bg_tile.jpg);
	background-repeat:repeat-x;
}

h1{
	text-indent:-9999px;
	margin:0;
	padding:0;
	border:0;
	background-image:url(../img/jimmy-hanlin-logo.png);
	background-repeat:no-repeat;
	width:456px;
	height:106px;
}

h1 a, h1 a:hover{
	text-decoration: none;
	width:456px;
	height:106px;	
	margin:0;
	padding:0;
	border:0;
	display:block;
}

h2{
	color:#FFFFFF;
	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
}

h3{
	color:#333;
	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
}

p{
	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
	line-height:21px;
}

a:link, a:visited{
	color:#f26522;
}

a:hover{
	text-decoration:none;
}


/**************************************************************************************************************************/
/******************** Font Classes  ********************************************************************************************/
/**************************************************************************************************************************/


.green{
	color:#455519;
}

.red{
	color:#b9211f;
}

.pub_credit{
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
}

/**************************************************************************************************************************/
/******************** Page Layout *****************************************************************************************/
/**************************************************************************************************************************/

#wrapper{
	width:1020px;
	margin:auto;
}

#header{
	width:1020px;
	height:171px;
	background-image:url(../img/header_bg.jpg);
	background-repeat:no-repeat;
}

#banner{
	width:1020px;
	height:300px;
	background-color:#FFF;
}

#content{
	background-image:url(../img/content_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFF;
	width:1020px;
}

#clear_this{
	clear: both; 
	width: 100%; 
	height: 0; 
	line-height: 0; 
	font-size: 0; 
	margin: 0; 
	padding: 0; 
	border: 0;
}

#left_col{
	float:left;
	padding:20px 0 0 20px;
	width:260px;
	position:relative;
}

#right_col{
	width:720px;
	float:left;
	padding:20px 20px 0 0;
}

#product_img{
	float:left;
	width:180px;
}

#product_text{
	float:left;
	width:485px;
}

/**************************************************************************************************************************/
/******************** jQuery Banner CSS ***********************************************************************************/
/**************************************************************************************************************************/

.folio_block {
	margin: 0;
	float: left;
	clear: both;
	width: 100%;
}
.main_view {
	width: 980px;
	height: 260px;
	float: left;
	padding: 20px;
	margin-right: 20px;
	background: url(main_view_bg.gif) no-repeat;
	position: relative;
}
.window {
	height:260px;
	width: 980px;
	overflow: hidden;
	position: relative;
}
.image_reel {
	position: absolute;
	width:3920px;
	top: 0; left: 0;
}
.image_reel a {
	position: relative;
	float: left;
	cursor: pointer;
}
.image_reel img {float: left;}
.image_reel a span {
	height: 260px;
	width: 980px;
	float: left;
	background: #111;
	/*background: #111 url(../img/icon_view.gif) no-repeat center;*/
	position: absolute;
	z-index: 10;
	top: 0; left: 0;
}
.paging {
	position: absolute;
	bottom: 40px; left: 12px;
	width: 178px; height:47px;
	z-index: 100;
	text-align: center;
	line-height: 40px;
	background: url(../img/paging_bg.png) no-repeat;
	display: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold; 
	background: #b37416; 
	border: 1px solid #b37416;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}


/**************************************************************************************************************************/
/******************** Nav Bar  ********************************************************************************************/
/**************************************************************************************************************************/
	
			#navigation{list-style:none; background:url(../img/nav-sprite.jpg) top left no-repeat; width:810px; height:32px; z-index:169; position:relative; float:left;}
		#navigation li{display:inline; list-style:none; width:90px; height:32px; margin:0px; float:left; text-indent:-9999px;}
		#navigation li a{background:url(../img/nav-sprite.jpg) top left no-repeat; color:#FFF; text-decoration:none; display:block; height:100%;}
				
			/* Individual Items */
			#navigation li.about{}
				#navigation li.about a{background-position:0px 0px;}
				#navigation li.about a:hover{background-position:0px -32px;}
				#navigation li.about a.selected {background-position:0px -64px;}
			
			#navigation li.tips{}
				#navigation li.tips a{background-position: -90px 0px;}
				#navigation li.tips a:hover{background-position: -90px -32px;}
				#navigation li.tips a.selected {background-position: -90px -64px;}
				
			#navigation li.packages{}
				#navigation li.packages a{background-position: -180px 0px;}
				#navigation li.packages a:hover{background-position: -180px -32px;}
				#navigation li.packages a.selected {background-position: -180px -64px;}
				
			#navigation li.properties{}
				#navigation li.properties a{background-position: -270px 0px;}
				#navigation li.properties a:hover{background-position:-270px -32px;}
				#navigation li.properties a.selected {background-position:-270px -64px;}
				
			#navigation li.broadcast{}
				#navigation li.broadcast a{background-position: -360px 0px;}
				#navigation li.broadcast a:hover{background-position:-360px -32px;}
				#navigation li.broadcast a.selected {background-position:-360px -64px;}
				
			#navigation li.school{}
				#navigation li.school a{background-position: -450px 0px;}
				#navigation li.school a:hover{background-position:-450px -32px;}
				#navigation li.school a.selected {background-position:-450px -64px;}
				
			#navigation li.teetimes{}
				#navigation li.teetimes a{background-position: -540px 0px;}
				#navigation li.teetimes a:hover{background-position:-540px -32px;}
				#navigation li.teetimes a.selected {background-position:-540px -64px;}
				
			#navigation li.press{}
				#navigation li.press a{background-position: -630px 0px;}
				#navigation li.press a:hover{background-position:-630px -32px;}
				#navigation li.press a.selected {background-position:-630px -64px;}
				
			#navigation li.reviews{}
				#navigation li.reviews a{background-position: -720px 0px;}
				#navigation li.reviews a:hover{background-position:-720px -32px;}
				#navigation li.reviews a.selected {background-position:-720px -64px;}

			#nav_spacer{
				float:right;
				height:32px;
				width:210px;
				background-image:url(../img/nav_spacer.jpg);
				background-repeat:no-repeat;
			}


/**************************************************************************************************************************/
/********************  Modules ********************************************************************************************/
/**************************************************************************************************************************/

#left_col_banner{
	margin:20px 0 0 0;
}

#twitter_div{
	width:309px;
	position:relative;
	z-index:200;
	top:-100px;
	left:542px;
}

#twitter_bubble_top{
	height:29px;
	width:309px;
	background-image:url(../img/twitter_bubble_top.png);
	background-repeat:no-repeat;
}

#twitter_bubble_mid{
	width:309px;
	background-image:url(../img/twitter_bubble_mid.png);
	background-repeat:repeat-y;
}

#twitter_bubble_bottom{
	height:23px;
	width:309px;
	background-image:url(../img/twitter_bubble_bottom.png);
	background-repeat:no-repeat;
}

#twitter_update_list{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding: 0 35px 0 35px;
	line-height:18px;
}


#jimmy{
	width:572px;
	height:446px;
	position:absolute;
	top:-167px; left:550px;
	z-index:100;
	background-image:url(../img/jimmy.png);
	background-repeat:no-repeat;
}


#mods_left_col{
	float:left;
	width:355px;
}

#mods_right_col{
	float:left;
	width:355px;
	height:395px;
}

#announcements_mod{
	width:355px;
	height:185px;
	background-image:url(../img/module_announcments.png);
	background-repeat:no-repeat;
}

#announcements_text{
	padding:60px 35px 0 50px;
	color:#455519;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
}

#hacks_mod{
	width:355px;
	height:70px;
	background-image:url(../img/module_hacks.png);
	background-repeat:no-repeat;
	color:#455519;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	font-weight:bold;
	padding:115px 0 0 0;
	text-align:center;
}

.sign_up_btn{
	position:relative;
	top:-20px;
	left:80px;
}

#properties_mod{
	width:355px;
	height:125px;
	background-image:url(../img/module_properties.png);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:32px;
	padding:60px 30px 0 110px;
}

#buckeye_mod{
	width:355px;
	height:185px;
	background-image:url(../img/module_buckeye.png);
	background-repeat:no-repeat;	
}

#buckeye_text{
	color:#455519;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	padding:80px 40px 0 140px;
}
#school_module{
width: 200px;
height: 206px;
background-image:url(../img/school_module.png);
background-repeat:no-repeat;
padding:60px 0 0 30px;
margin:0;
list-style:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

#school_module li{
	list-style:none;
	display:inline;
	padding:0;
	margin:0;
}

#school_module li a{
	display:block;	
	height:36px;
	width:100%;	
}

#school_module li a:link, #school_module li a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

#school_module li a:hover{
	color:#8b580d;
}

#video_module{
width: 200px;
height: 206px;
background-image:url(../img/video_module.png);
background-repeat:no-repeat;
padding:60px 0 0 30px;
margin:0;
list-style:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

#video_module li{
	list-style:none;
	display:inline;
	padding:0;
	margin:0;
}

#video_module li a{
	display:block;	
	height:36px;
	width:100%;	
}

#video_module li a:link, #video_module li a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

#video_module li a:hover{
	color:#8b580d;
}

/*homepage bg_module*/
#bg_module{
	clear:both;
	margin-left:18px;
}

#bg_module_content{
	padding:0 22px 0 22px;
}

#bg_module #top{
	width:671px;
	height:20px;
	background-image:url(../img/bg_module_top.jpg);
}

#bg_module #mid{
	width:671px;
	background-image:url(../img/bg_module_mid.jpg);
	background-repeat:repeat-y;
}

#bg_module #bottom{
	width:671px;
	height:20px;
	background-image:url(../img/bg_module_bottom.jpg);
}

#broadcast_wrapper{
	height:127px;
}

#broadcast_left{
	float:left;
	width:171px;
}

#broadcast_right{
	float:left;
	width:505px;
	padding:30px 15px 15px 15px;
}


/***************************************************************************************************************************************/
/******************** Mailing List signup **********************************************************************************************/
/***************************************************************************************************************************************/

fieldset{
	border:1px solid #CCC;
	padding:20px;
}
legend{
	padding:10px;
}
input {border:1px solid #999; padding:10px; width:30%; font-size:14px; color:#C60;}
.btn {border:0; padding:0; width:105px; margin-bottom:-.9em;}

#response {color:#FFCC00; font-style:italic;}


/**************************************************************************************************************************/
/******************** Footer **********************************************************************************************/
/**************************************************************************************************************************/

#footer_banner{
	text-align:center;
	padding:20px;
}

#footer{
	clear:both;
	background-image:url(../img/footer_tile.gif);
	background-repeat:repeat-x;
	height:350px;
}

#footer_wrapper{
	width:980px;
	margin:auto;
	height:350px;
	background-image:url(../img/footer_bg.jpg);
	background-repeat:no-repeat;
	padding:0px 20px 0 20px;
}

#footer_nav{
	padding-top:40px;
}

#footer a:link, #footer a:visited{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#d4e0fd;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}

#footer a:hover{
	color:#FFF;
}

#footer .icon_text{
	text-transform:uppercase;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
}

#footer #bma_icon_text{
	padding-top:150px;
	margin:0 0 10px 0;
	text-transform:uppercase;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:9px;
}

#footer span {
display: none;
}

#footer #f_float_left{
	float:left;
	width:400px;
	padding-top:70px;
}

#footer #f_float_right{
	float:right;
	width:400px;
	text-align:right;
	padding-top:70px;
}

#footer #f_float_mid{
	float:left;
	width:180px;
	text-align:center;
	padding-top:70px;
}


#properties {
background:url(../img/footer_sprite.jpg);
background-repeat:no-repeat;
width:360px;
height:75px;
margin:0 0 30px 0;
padding:0;
}

#properties li, #properties a {
height:75px;
display:block;
}

#properties li {
float:left;
list-style:none;
display:inline;
}

#properties1 {width: 125px;}
#properties2 {width: 120px;}
#properties3 {width: 115px;}

#properties1 a:hover {background:url(../img/footer_sprite.jpg) 0px -75px no-repeat; }
#properties2 a:hover {background:url(../img/footer_sprite.jpg) -125px -75px no-repeat; }
#properties3 a:hover {background:url(../img/footer_sprite.jpg) -245px -75px no-repeat; }


#broadcast {
background:url(../img/footer_sprite.jpg);
background-position:0px -150px;
background-repeat:no-repeat;
width:385px;
height:80px;
float:right;
margin:0 0 25px 0;
padding:0;
}

#broadcast li, #broadcast a {
height:80px;
display:block;
}

#broadcast li {
float:left;
list-style:none;
display:inline;
}

#broadcast1 {width: 120px;}
#broadcast2 {width: 155px;}
#broadcast3 {width: 110px;}

#broadcast1 a:hover {background:url(../img/footer_sprite.jpg) 0px -230px no-repeat; }
#broadcast2 a:hover {background:url(../img/footer_sprite.jpg) -120px -230px no-repeat; }
#broadcast3 a:hover {background:url(../img/footer_sprite.jpg) -275px -230px no-repeat; }


#social {
background:url(../img/footer_sprite.jpg);
background-position:0px -310px;
background-repeat:no-repeat;
width:205px;
height:70px;
margin:10px 0 0 0;
padding:0;
}

#social li, #social a {
height:70px;
display:block;
}

#social li {
float:left;
list-style:none;
display:inline;
}

#social1 {width: 65px;}
#social2 {width: 70px;}
#social3 {width: 70px;}

#social1 a:hover {background:url(../img/footer_sprite.jpg) 0px -380px no-repeat; }
#social2 a:hover {background:url(../img/footer_sprite.jpg) -65px -380px no-repeat; }
#social3 a:hover {background:url(../img/footer_sprite.jpg) -135px -380px no-repeat; }


#bma a {
width:105px;
height:40px;
display:block;
background:url(../img/footer_sprite.jpg);
background-position:0px -450px;
background-repeat:no-repeat;
padding:0;
margin:auto;
}

#bma a:hover {background:url(../img/footer_sprite.jpg) 0px -490px no-repeat;
}

#buckeye a {
width:90px;
height:85px;
display:block;
background:url(../img/footer_sprite.jpg);
background-position:0px -535px;
background-repeat:no-repeat;
padding:0;
margin:10px 0 0 0;
float:right;

}

#buckeye a:hover {background:url(../img/footer_sprite.jpg) 0px -620px no-repeat;
}

#playlist {
	margin-left: 15px;
	height:100px;
	line-height: normal;
	vertical-align: top;
	margin-top: 15px;
	width: 300px;
	padding-bottom: 5px;
	float: left;
}

#playlist a:link {
	color: #CC0000;

}

#playlist a:hover {
	color: #FF0000;

}

#playlist p {
	color: #01080e;
	line-height: normal;
	margin-top: 0px;
	margin-bottom: 1px;

}

#playlist h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #01080e;
	margin-bottom: 0px;
	margin-top: 0px;

}

#playlist img {
	float: left;
	margin-right: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}