/* 
	Style sheet for the new Avon Valley Theme
	By Kyle Kane
	February 4, 2010
*/
/*** HTML/BODY STYLES ***/
html {
	margin: 0;
	padding: 0;
	height: 100%; 
	background: url(../themes/2010/main_bg_new.jpg) no-repeat top center #48512C;
	}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center
	}
/*** CONTAINERS/HEADERS ***/
#container { /* Just a container! */
	width: 100%;
	height: 100%;
	margin: 0 auto;
	}
#mission_box { /* Container for the newly placed mission statement */
	margin: 0pt auto -40px; 
	position: relative; top: 5px; left: 270px; 
	width: 400px; 
	}
	#mission_box p { font-style: italic; font-size: 12px; text-align: right; margin-bottom: 0; }
#body_container { /* Holds the main body (excluding hdr/ftr) */
	clear: both;
	width: 980px;
	position: relative;
	bottom: 66px;
	/* A cheap IE hack so that it places the body in the right spot */
	*position: relative;
	*bottom: 1px;
	margin: 0px auto 0px auto;
	padding-top: 5px;
	overflow: hidden;
	}
#header_bg { /* Container for the following two divs */
	width: 980px; height: 154px;
	margin: 0 auto; 
	
	} 
#banner_left { /* Clubhouse sign */
	width: 258px;
	height: 154px;
	background: url(../themes/2010/sign_new.png) no-repeat left;
	text-align: left;
	float: left;
	position: relative;
	z-index: 2;
	}
#banner_right { /* Welcome banner text */
	float: right;
	margin: 0 auto;
	width: 710px;
	height: 154px;
	background: url(../themes/2010/banner_text.png) no-repeat 0px 40px;
	text-indent: -9999px;
	}
/*** MAIN BODY COLUMNS ***/
#left_col { /* Container for left col */
	margin: 42px 0px -10000px 0px;
	padding: 0px 0px 10000px 0px;
	/* A cheap IE hack so that it places the body in the right spot */
	*margin-top: -8px;
	width: 258px;
	background: url(../themes/2010/sign_tile.png) repeat-y;
	text-align: left;
	float: left;
	clear: left;
	}
	#left_col h3 { text-align: center; }
	#left_col a h3 { margin-left: 0; }
#left_col a {
	display: block;
	width: 180px;
	margin: 0px; margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 16px;
	}
	#left_col a:link, #left_col a:visited { color: black; }
	#left_col a:hover { color: gray; background: none; }
#left_col_top { /* Contents for navigation */
	width: 200px;
	margin: 0px auto -10000px auto;
	padding: 10px 0px 10000px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center
	}
	#left_col_top a img:hover {
		filter:alpha(opacity=50);
		opacity: 0.5;
		}
#main { /* Main body */
	background: url(../themes/common/left_col_fade.png) repeat-x white;
	margin: 55px 0px -10000px 0px;
	padding: 0px 10px 10050px 10px;
	/* A cheap IE hack so that it places the body in the right spot */
	*margin-top: 0px;
	border: 1px solid white;
	text-align: left;
	width: 695px;
	height: 100%;
	float: left;
	position: relative;
	bottom: 4px;
	right: 4px;
	z-index: 10;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	}
#main p {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left; margin-bottom: 16px;
	font-size: 14px;
	font-weight: normal;
	}
/*** FOOTERS AND CLOSING TAGS ***/
#bottom_container {
	clear: both;
	width: 980px;
	height: 50px;
	position: relative;
	bottom: 66px;
	/* A cheap IE hack so that it places the ends in the right spot */
	*position: relative;
	*bottom: 2px;
	margin: 0 auto;
}
#body_botleft {
	width: 258px;
	height: 50px;
	background: url(../themes/2010/sign_bottom.png) no-repeat;
	text-align: left;
	float: left;
}
#body_botright {
	width: 715px;
	height: 34px;
	background: white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	text-align: left;
	float: left;
	position: relative;
	right: 4px;
	}

/* Image caption properties! */
div.caption {
	float: left;
	margin: 5px;
	padding: 5px;
	border: 1px solid black;
	background: url(../themes/common/left_col_fade.png); /* #0E5991; */
	}
div.caption_right {
	float: right;
	margin: 5px;
	padding: 5px;
	border: 1px solid black;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url(../themes/common/left_col_fade.png); /* #0E5991; */
	}
	#main div.caption p, #main div.caption_right p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin-bottom: 0;
		font-style: italic;
		color: black;
		}
	div.caption img, div.caption_right img {
		border: 0;
		}
	div.caption:hover, div.caption_right:hover {
		background: #E9F1FF; /* #739CC0; */
		}
div.caption_inactive {
	float: left;
	margin: 5px;
	padding: 5px;
	border: 1px solid black;
	background: #4B545B;
	}
	div.caption_inactive p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: italic;
		color: white;
		}
	div.caption_inactive img {
		filter:alpha(opacity=50);
		opacity: 0.5;
		border: 0;
		}
/* Banner space for sponsor logos and such */
div#ad_banner { /* The actual container for the ads */
	clear: both;
	width: 100%;
	height: 75px;
	margin: 0 auto;
	text-align: center;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 20;
	}
div.stat_box { /* The faux container which has the transparent background */
	clear: both;
	width: 100%;
	height: 75px;
	margin: 0 auto;
	text-align: center;
	/* background: url(../themes/common/left_col_fade.png); */ background-color: #EEE;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	opacity: 0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	}
	div.stat_box p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
	}
	#ad_1 { position: relative; z-index: 5; display: none; margin: 0 auto; }
	#ad_2 {
		position: relative;
		bottom: 75px;
		z-index: 4;
		display: none;
		margin: 0 auto;
	}
	/* Similar styles for the home page image gallery */
	#img_1 { position: relative; z-index: 5; }
	#img_2 {
		position: relative;
		bottom: 160px;
		z-index: 4;
		margin-bottom: -160px;
	}

/* Container for news/announcements on the home page, or other pages */
div.news_box {
	padding: 5px;
	border: 1px inset white;
	background: url(../themes/common/left_col_fade.png) repeat-x white;
	}
/* Container for small items on the home page, such as green fees */
div.small_box {
	background: url(../themes/sign/new/smallbox_fade.png) repeat-x;
	border: 1px solid black;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 200px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	float: right;
	margin-left: 5px;
	overflow: hidden;
	}
div.small_box_2 {
	clear: right;
	background: url(../themes/common/left_col_fade.png) repeat-x white;
	border: 1px solid black;
	margin-top: 10px;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 200px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	float: right;
	
	overflow: hidden;
	}
/* Table styles for detailed course info */
.gen_table {
	border: 1px solid black; border-collapse: collapse;
	margin: 0 auto;
	background: url(../themes/common/left_col_fade.png) repeat-x white;
	text-align: center;
	width: 650px;
}
.gen_table td {
	margin: 5px;
	color: black; background-color: #FAFAFA;
	border: 1px solid black;
}
.gen_table_head td {
	background-color: white;
}
/* Photo gallery styles */
.gallery_table {
	/*background: url(../themes/2010/photo_gallery_bg.jpg) no-repeat center;*/
	text-align: center;
	width: 650px;
	margin: 0 auto;
}
.gallery_table td { border: none; padding: 5px; text-align: center;}

.data_table {
    border-collapse: collapse;
	margin: 0 auto;
	background: url(../themes/common/left_col_fade.png) repeat-x white;
	text-align: left;
	width: 650px;
}
.data_table td {
	margin: 5px; padding: 3px;
	color: black; background-color: #FAFAFA;
	border: 1px solid black;
}
    .data_table tr:hover td {
        background-color: #E5EEFF;
    }
.data_table th {
	background-color: white;
}

/* Simple box with hover effects */
div.simple_box {
	margin: 5px; padding: 5px; padding-top: 0;
	border: 1px solid #BBB;
	}
	div.simple_box:hover { background: white; border: 1px solid black; }
	div.simple_box a:hover { color: #305010; text-decoration: underline; background: none; }
	#main div.simple_box p { margin-bottom: 0; }
/* Collapsable menus used in the hole-by-hole page! */
.hole_menu_head {
	clear: both;
	background: #547D7D;
	border: 1px solid white;
	padding: 5px;
	}
	.hole_menu_head p { color: white; }
.hole_menu_body {
	display: none;
	clear: both;
	background: url(../themes/common/left_col_fade.png) repeat-x white;
	border: 1px solid white;
	padding: 5px;
	}
	.hole_menu_body img {
		margin-right: 5px;
		margin-top: 5px;
		}
table#home_table { /* Table for elements on the home page */
	table-layout: fixed; border-collapse: collapse; margin: 0; padding: 0; }
	table#home_table td { 
		border: none; background: #C6DDAB;
		margin: 0; padding: 0px 5px; 
		vertical-align: top; 
		}
	table#home_table td.news_tl { /* Contains fading images on the home page */
		width: 450px; height: 154px; max-height: 154px;
		*width: 460px;
		overflow: hidden;
		margin: 0; padding: 0;
		font-size: 0px; /* fixes firefox */
		}
	table#home_table td.news_tr { /* Green fee specials (home page) */
		width: 240px; height: 154px;
		*width: 225px; /* IE padding bug fix */
		background: url(../themes/2010/smallbox_fade.png) repeat-x #FFFCE0;
		}
	table#home_table td.news_bl { /* News block (home page) */
		width: 450px; background: none;
		padding-bottom: 10px;
		}
	table#home_table td.news_br { /* Tournaments (home page) */
		width: 240px;
		*width: 225px; /* IE padding bug fix */
		}
p#footer_home  { /* home page link in the footer */
	margin-bottom: 0px; margin-left: 15px; padding-top: 10px;
	float: left; clear: left;
	font-size: 14px;
	}
	
div#webcam_container { /* holds the webcam photo + text in the left col */
	margin-left: 11px;
	*margin-left: 2px;
	}
	div#webcam_container p { font-weight: normal; font-size: 14px; text-align: center; }
/* GENERAL HTML TAGS AND CLASSES */
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	margin: 0;
	padding: 0;
	}
	p.small { /* The "2010 By Kyle Awesome" message in the footer */
		font-size: 14px;
		text-align: center;
		border-top: 1px dotted gray;
		padding-left: 108px; padding-top: 10px;
		color: gray; 
		float: right; 
		margin-right: 10px;
		position: relative;
		top: 0px;
		}
	p.center {
		text-align: center;
		}
	p.indent {
		font-size: 14px;
		padding-left: 15px;
		}
span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	}
	span.right {
	position: absolute;
	right: 5px;
	top: 5px;
	}
ul, ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
ol > li { padding-bottom: 5px; }
fieldset { margin-top: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
legend {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	}
textarea {

	}
label {

}
    label.error {
        color: #B00;
    }
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-top: 0;
	}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin-top: 5px;
	padding: 0;
	font-weight: bold;
	text-align: center
	}
h3 {
	font-family: Geneva,Lucida Sans,Lucida Grande,Lucida Sans Unicode,Verdana,sans-serif;
	font-size: 20px;
	margin: 5px;
	font-weight: bold;
	}
	h3.center { text-align: center; }
	h3.right { padding-left: 265px; }
h4 {
	font-family: Arial Narrow, Helvetica, sans-serif;
	font-size: 18px;
	margin: 5px;
	}
td, th {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 14px;
	}
a:link {
	color: #305010;
	text-decoration: none;
	font-weight: bold
	}
a:visited {
	color: #305010;
	text-decoration: none;
	font-weight: bold
	}
a:hover {
	background: #305010;
	color: white;
	text-decoration: none;
	font-weight: bold
	}
img.right {
	float: right; 
    margin: 4px
	}
img.left {
	float: left;
	margin: 5px;
	}
img {
	border: 0
	}