/* @override http://beta.beginoaks.com/stylesheets/application.css */

/*-------------------------------------
BEGIN OAKS GOLF CLUB

Application

version: 	1.0
author: ChrisSloan.info
copyright:	(c)2008	
---------------------------------------*/

/* @group STRUCTURE */
#wrapper{
	margin: 0 auto;
	width: 970px;
	text-align: left;
}

#header{
	height: 103px;
	text-indent: -9999px;
	background: url(../images/backgrounds/header.jpg) no-repeat 0 0;
}

	#header a{
		display: block;
		float: left;
		height: 103px;
		width: 550px;
	}
	
	#header p{
		display: none;
	}
	
#main_content{
	padding: 15px 0;
	height: 100%;
	border-top: 5px solid #ebe3c9;
	background-color: #fffbee;
}

#home_image{
	position: relative;
}

#bottom{
	color: #fff;
}

	#bottom-top{
		height: 15px;
		background: url(../images/backgrounds/bottom-top.gif) no-repeat center center;
	}
	
	#bottom-middle{
		height: 100%;
		padding: 10px;
		background: url(../images/backgrounds/bottom-middle-repeat.gif) repeat-y center center;
}

	#bottom-bottom{
		height: 75px;
		background: url(../images/backgrounds/bottom-bottom.jpg) no-repeat center center;
	}
	
#footer{
	padding: 15px 10px;
	color: #fffbee;
	
	background: #6b644c url(../images/backgrounds/footer.gif) no-repeat left bottom;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.content{
	clear: both;
	padding: 0 10px;
}

/* @end */

/* @group ELEMENTS */
#site_creator{
	float: right;
	text-indent: -9999px;
	display: block;
	height: 34px;
	width: 30px;
	background: url(../images/elements/logos/chrissloan.gif) no-repeat 0 0;
}

	#site_creator:hover{
		background-position: 0 -34px;
	}

#copyright{
	clear: both;
}

#contact_info{
	right: 10px;
	top: 50px;
	padding: 10px 20px;
	position: absolute;
	width: 230px;
	text-align: center;
	height: 60px;
	background: url(../images/elements/miscellaneous/contact_info_bg.png) no-repeat 0 0;
	overflow: hidden;
	color: #e5dcbd;
	font-size: 1.2em;
}

	#contact_info span{
		display: block;
		font: 1.8em Georgia, "Times New Roman", Times, serif;
		color: #fff;
	}
/* @group CALENDAR WIDGET */
.calendar_widget{
	margin-bottom: 10px;
	height: 70px;
	width: 70px;
	text-align: center;
	background: url(/images/elements/miscellaneous/calendar.gif) no-repeat 0 0;
	float: left;
	}

	.calendar_widget .month{
		line-height: 1.6em;
		text-transform: uppercase;
		color: #fff;
	}	
	
	.calendar_widget .day{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 2.4em;
		color: #000;
		line-height: normal;
	}
	
	.calendar_widget .year{
		color: #000;
	}


/* @end */


/* @group CALENDAR */
.calendarBG {
 background-color: #dcd2b0;
}

.calendarBlank { 
 background-color: #dcd2b0;
 color: #8b856f;
}

.calendarHeader th{ 
 color: #69634d; 
 padding: 0;
 font-weight: normal;
 font-size: 1.8em;
 text-align: center;
 background-color: #fffbee; 
}

.calendarMonthLinks {
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 padding: 5px 0;
 border: 1px solid #f1eeca;
 color: #edc116;
 background-color: #fefbd5;
}

.calendarMonthLinks a {
 color:             #edc116;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color: #c6a111;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color: #9e2a17;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-size:	11px;
 color: #fff; 
 background-color: #736d55; 
 text-align:  center;
 vertical-align: middle;
 border-top: 1px solid #4d442c;
 border-bottom: 2px solid #4d442c;
}

.calendarToday { 
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 border-left: 2px solid #dcd2b0;
 border-right: 2px solid #dcd2b0;
 border-bottom: 1px solid #dcd2b0;
 background-color: #f9eec7;
}

.calendarCell {
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 padding: 10px 5px;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 border-bottom: 1px solid #dcd2b0;
 background-color: #fffbee;
}

.calendarCell a {
 color:             #9e2a17;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #9e2a17;
 text-decoration:   none;
 background-color:  transparent;
}


/* @end */

/* @group ITEMS */
.item{
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #ede7cf;
}


/* @end */

/* @group LISTS */
ul.bulleted li{
	margin: 0 0 0 20px;
}


/* @end */

/* @group IMAGES */
.thumb img{
	padding: 4px;
	margin: 0 10px 10px 0;
	border: 2px solid #d7cdaa;
	background-color: #fff;
	float: left;
}

	.thumb:hover img{
		border-color: #9c7f2c;
	}
	
	.thumb.last img{
		margin-right: 0 !important;
	}


/* @end */

/* @group JUMP BOX */
.jump_box{
	padding-top: 50px;
	margin-bottom: 18px;
}

	.jump_box h3{
		display: none;
	}
	
	.jump_box p{
		width: 175px;
		height: 75px;
		font-size: 1.2em;
		padding: 0 10px;
	}
	
	.jump_box a{
		display: block;
		padding: 3px 10px;
		background-color: #b8ad8d;
		font-size: 1.2em;
		text-align: right;
	}

#events_signup_jump_box{
	background: #e1dabd url(../images/elements/jump_links/events_and_outings.jpg) no-repeat 0 0;
}

#get_directions_jump_box{
	background: #e1dabd url(../images/elements/jump_links/geting_here.jpg) no-repeat 0 0;
}
/* @end */

/* @group BUTTONS */
.gui_button{
	display: block;
	margin: 0 auto;
	width: 270px;
}


/* @end */

/* @group SLIDER */
.module_slider ul li{
	width: 250px;
	height: 100px;
}

.slider_nav a{
	text-indent: -9999px;
	display: block;
	height: 20px;
}
	
	.slider_nav a:hover{
		background-position: 0 -20px;
	}
	
.prev{
	float: left;
	width: 85px;
	background-image: url(../images/elements/buttons/previous.gif);
}

.next{
	float: right;
	width: 60px;
	background-image: url(../images/elements/buttons/next.gif);
}


/* @end */

/* @group MODULES */
.module{
	margin-bottom: 30px;
}

	.module h3.heading{
		text-align: center;
		margin-bottom: 5px;
		color: #442b0a;
		background: url(../images/elements/headings/side_column-module.gif) no-repeat center center;
	}
	
	.module .module_content{
		padding: 10px;
		background-color: #f8f3e2;
		border: 1px solid #f1ebd6;
	}
	
	.module .module_bottom{
		height: 100%;
		background-color: #ede7cf;
		padding: 2px 10px;
	}
	
	#sub_navigation h3.heading{
		color: #9e2a17;
	}


/* @end */

/* @end */

/* @group NAVIGATION */

/* @group CATEGORIES */
.category_chooser{
	padding: 5px;
	margin-bottom: 18px;
	background-color: #f8f3e2;
	border: 1px solid #f1ebd6;
}

ul.nav_categories{
	list-style: none;
	margin: 0;
	height: 30px;
	line-height: 1.8em;
	font-size: 1.4em;
}

	ul.nav_categories li{
		float: left;
		margin-right: 5px;
	}
	
		ul.nav_categories li a{
			display: block;
			padding: 0 5px;
		}
		
		ul.nav_categories li a:hover{
			background-color: #ede7cf;
		}
		
		ul.nav_categories li a.selected{
			background-color: #9e2a17;
			color: #fff;
		}


/* @end */

/* @group SUB NAV */
ul#sub_nav{
	margin: 0 0 18px 0;
	line-height: 1.8em;
	font-size: 1.4em;
	list-style: none;
}

	ul#sub_nav li{
		margin-bottom: 3px;
	}
	
	ul#sub_nav li a{
		display: block;
		width: 250px;
		padding: 0 5px;
		background-color: #eae5d2;
		border: 5px solid #f8f2e0;
		color: #261f0c;
	}
	
	ul#sub_nav li a:hover{
		background-color: #d6cfb4;
	}
	
	ul#sub_nav li.current a{
		background-color: #e7b821;
		border-color: #e6ac16;
		color: #fffbee;
	}
	
	


/* @end */

/* @group MAIN NAV */
ul#main_nav{
	height: 40px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-indent: -9999px;
}

	ul#main_nav li{
		float: left;
	}
	
	ul#main_nav li a{
		display: block;
		height: 40px;
	}
	
	ul#main_nav li a:hover{
		background-position: 0 -40px;
	}
	
	#home ul#main_nav li.nav_home a,
	#golf_fees ul#main_nav li.nav_fees a,
	#course ul#main_nav li.nav_course a,
	#lessons ul#main_nav li.nav_lessons a,
	#leagues ul#main_nav li.nav_leagues a,
	#associations ul#main_nav li.nav_associations a,
	#contact ul#main_nav li.nav_contact a
	{
		background-position: 0 -80px;
	}

	/* @group MAIN_NAV IMAGES */
	ul#main_nav li.nav_home a{
		width: 109px;
		background-image: url(../images/navigation/main_nav/nav_home.jpg);
	}
	
	ul#main_nav li.nav_fees a{
		width: 115px;
		background-image: url(../images/navigation/main_nav/nav_fees.jpg);
	}
	
	ul#main_nav li.nav_course a{
		width: 109px;
		background-image: url(../images/navigation/main_nav/nav_course.jpg);
	}
	
	ul#main_nav li.nav_leagues a{
		width: 223px;
		background-image: url(../images/navigation/main_nav/nav_leagues.jpg);
	}
	
	ul#main_nav li.nav_lessons a{
		width: 116px;
		background-image: url(../images/navigation/main_nav/nav_lessons.jpg);
	}
	
	ul#main_nav li.nav_associations a{
		width: 169px;
		background-image: url(../images/navigation/main_nav/nav_associations.jpg);
	}
	
	ul#main_nav li.nav_contact a{
		width: 129px;
		background-image: url(../images/navigation/main_nav/nav_contact.jpg);
	}
	
	/* @end */
	
	


/* @end */

/* @group FOOTER NAV */
ul#footer_nav{
	padding: 0;
	float: left;
	margin: 0 0 8px 0;
	list-style: none;
	font-size: 1.4em;
}

	ul#footer_nav li{
		margin-right: 8px;
		float: left;
	}
	
	ul#footer_nav li a{
		padding: 3px 4px;
		color: #fffbee;
	}
	
	ul#footer_nav li a:hover{
		background-color: #fffbee;
		color: #77513a;
		-moz-border-radius: 5px;  
    	-webkit-border-radius: 5px; 
	}
	
	#home ul#footer_nav li.nav_home a,
	#golf_fees ul#footer_nav li.nav_fees a,
	#course ul#footer_nav li.nav_course a,
	#lessons ul#footer_nav li.nav_lessons a,
	#leagues ul#footer_nav li.nav_leagues a,
	#associations ul#footer_nav li.nav_associations a,
	#contact ul#footer_nav li.nav_contact a
	{
		background-color: #fffbee;
		color: #77513a;
		-moz-border-radius: 5px;  
    	-webkit-border-radius: 5px; 
	}



/* @end */



/* @end */

/* @group MISCELLANEOUS */

.floatLeft{
	float: left !important;
}

.floatRight{
	float: right !important;
}

.clearLeft{
	clear: left;
}

.clearRight{
	clear: right;
}

.centerMargin{
	margin-left: auto;
	margin-right: auto;
}

.center{
	text-align: center !important;
}

.noMargin{
	margin: 0 !important;
}

.legroom{
	margin-bottom: 18px !important;
}

	.lessLegroom{
		margin-bottom: 8px !important;
	}
	
	.noLegroom{
		margin-bottom: 0 !important;
	}

.headroom{
	margin-top: 18px !important;
}

	.lessHeadroom{
		margin-top: 8px !important;
	}

	.noHeadroom{
		margin-top: 0!important;
	}

.inline{
	display: inline !important;
	margin-right: 5px;
}

.blockify{
	display: block !important;
}

.paddingAll{
	padding: 5px;
}
	
.paddingHorz{
	padding: 0 5px !important;
}

.paddingVert{
	padding: 5px 0 !important;
}

.noPadding{
	padding: 0 !important;
}

.spaceLeft{
	margin-left: 10px !important;
}

.spaceRight{
	margin-right: 10px !important;
}
 
.borderAll{
	border: 1px solid #f8f8f8;
}

.border_top{
	border-top: 1px solid #f0f0f0;
}

.border_bottom{
	border-bottom: 1px solid #f0f0f0;
}

.noBorders{
	border: none !important;
}

.look_at_me{
	background-color: #b4ff9b;
	border: 2px solid #9ee288;
	color: #4e8145;
	padding: 10px;
	font-size: 1.4em;
	margin-bottom: 20px;
}

.spacer{
	height: 17px;
	width: 590px;
	margin: 18px auto;
	clear: both;
	background: url(../images/backgrounds/spacer.jpg) no-repeat 0 0;
}

/* @end */

/* @group FORMS */
dl{
	margin: 0;
}

dl dt{
	
}

dl dd{
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px dotted #d7cdaa;
}

dl dd.submit_field{
	border: none;
	padding: 0;
}

form{
	margin-bottom: 18px;
	padding: 5px;
	background-color: #edebdd;
	height: 100%;
}

	span.required{
		color: #b40000;
	}

	label{
		font-size: 1.4em;
		color: #caa41c;
		display: block;
		line-height: normal;
	}

	input[type="text"], input[type="password"], textarea{
		border: 2px solid #b7ac8c;
		padding: 3px;
		width: 97%;
		font: 1.6em Georgia, "Times New Roman", Times, serif;
	}
	
	.select_multiple{
		border: 2px solid #b7ac8c;
		padding: 3px;
		width: 97%;
		font: 1.4em Georgia, "Times New Roman", Times, serif;
	}

	input[type="submit"]{
		border: 2px solid #b8ae8b;
		color: #493c15;
		background-color: #e1dabd;
		font-size: 1.2em;
		padding: 5px 10px;
		cursor: pointer;
		float: left;
		margin-right: 10px;
		-moz-border-radius: 5px 5px;
		-webkit-border-radius: 5px 5px;
		cursor: pointer;
	}

		input[type="submit"]:hover{
			color: #fff;
			background-color: #493c15;
			border-color: #261f0a;
		}

/* @end */