@charset "UTF-8";
/*
-----------------------------------------------
oaktreenational.com Style Sheet
author:   Nick Sayre for Maxus Creative
version:  .9
----------------------------------------------- */

/* =Color Guide 
Dark Blue:	 	#093057; > #0e4d8c;
Grey:			#4b4b4b;
Brown:			#9d582d; > #d87b42;
Green:			#6cab1b;
Blue:			#12a5eb;
Tan:			#bcb299;
h1 Tan:			#ece0ce;
Cream:			#fcf5ec;
*/

/* General */
* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

body {
	background: #fdfdfc url(img/background.jpg) no-repeat top center;
	font-family: Helvetica, Arial, sans-serif;
	/* 	This padding should be a top-margin on the mainFeature div, but IE7 seems to
		collapse margins that meet with the top or bottom of the page and border-top
		and padding-top did not avail to contain the margin.
	*/
	padding-top: 94px;
	
}
/* =Classes general */
.noBullet {
	list-style-type:none;
}
.small {
	font-size: 10px;
}

/* =Typography general */
p, h2, h1, #content ul {
	margin: 1em 10px;
}

p, li {
	color: #4b4b4b;
	font-size: 12px;
	line-height: 1.4em;
}
h1 {
	margin: 0 0 1em 0;
	font-size: 18px;
	line-height: 2.5em;
	padding: 0 10px;
	padding-left: 50px;
	background: #ece0ce url(img/background_h1.gif) no-repeat 10px center;
	text-transform:uppercase;
	color: #093057;
	border-bottom: 1px solid #bcb299;
}
h2 {
	font-size: 14px;
	color: #4b4b4b;
}
h2 + p {
	margin-top: -1em;
}
blockquote {
	margin-left: 20px;
	font-style:italic;
}

/* =Links general */
a {
	color: #9d582d;
}
a:hover {
	color: #d87b42;
}
ul {
	list-style: square;
}
#content ul li {
	margin-left:15px;
}
/* =Boxes */
#signature {
	position: absolute;
	height: 77px;
	width: 233px;
	top: 0;
	left: 50%;
	margin-left: -468px;
}
#signature a {
	display: block;
	height: 77px;
	width: 233px;
}
#contactInfo {
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: 260px;
	list-style-type: none;
}
#contactInfo li {
	display: inline;
	color: #9d582d;
}


#mainFeature {
	position:relative;
	z-index: 3000;
	height: 346px;
	width: 893px;
	margin: 0 auto 6px auto;
}

#logo {
	position: absolute;
	height:117px;
	width: 141px;
	top: -85px;
	left: 50%;
	z-index: 2;
	margin-left: -70px;
	background: url(img/art_logo.png) no-repeat !important;
	background: url(img/art_logo.gif) no-repeat;
}
#logo a {
	display: block;
	height:117px;
	width: 141px;
}

#nav {
	position:absolute;
	top: 47px;
	left: 0;
	z-index: 3;
	height: 37px;
	width: 893px;
	list-style-type: none;
	background: url(img/background_nav.png) repeat-x !important;
	background: #fff;
	z-index: 3;

}
#nav li {
	float: left;
}
#nav a {
	display: block;
	line-height: 31px;
	padding: 0 20px;
	font-size: 12px;
	color: #093057;
	text-decoration:none;
	text-transform:uppercase;
}
#nav a:hover {
	border-bottom: 2px solid #9d582d;
}

#flashWrapper {
	position: relative;
	z-index: 1;
	background: #fff;
}

#content {
	width: 842px;
	margin: 0 auto;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	padding-top: 1px; /* Stops margin-overlap */
	padding-bottom: 1px; /* Stops margin-overlap */
	background: #fff url(img/background_content.jpg) repeat-x;
}


#contentFeatures {
	margin: 20px 20px 0 20px;
	height: 152px;
	list-style-type: none;
}
#content #contentFeatures li {
	float: left;
	margin:0;
	margin-left: 15px;
	display:inline;
}
* html #content #contentFeatures li {
	margin-right: -3px;
}

#contentFeatures li#first {
	margin-left: 0;
}

#tertiaryContent {
	position:relative;
	height: 259px;
	width: 977px;
	margin:0 auto;
	background: #bcb299 url(img/background_tertiaryContent.jpg) no-repeat;
}

#tertiaryContent_feature {
	position: absolute;
	top: 31px;
	left:65px;
}
#leaves {
	position: absolute;
	bottom:-7px;
	left:0;
	width: 977px;
	height: 25px;
	background: url(img/art_leaves.png) no-repeat !important;
	background: url(img/art_leaves.gif) no-repeat;
}
#weather {
	position: absolute;
	top: 31px;
	right:65px;
	height:199px;
	width:230px;
	background: url(img/background_weather.jpg) no-repeat;
}
#wbx-gw-button-wrapper-0 {  /* Hide imported element */
	display:none;
}
#iframe {
	width: 150px;
	margin: 15px auto;
}
#iframe img {
	margin: 2px 0 0 15px;
}


#footer {
	height: 322px;
	width:1000px;
	margin: 0 auto;
	padding-top: 1px; /* Stops margin-overlap */
	background: url(img/background_footer.jpg) no-repeat top center;
}

#footer div {
	width: 845px;
	margin: 0 auto;
}
#footer div p {
	text-align:center;
	line-height: 1.8em;
}
#footer div a {
	margin: .5em;
	font-size: 12px;
	color: #093057;
	text-decoration:none;
	text-transform:uppercase;
}
#footer div a:hover {
	color: #0e4d8c;
}


#footerNav {
	width: 840px;
	margin:30px auto 10px auto;
	list-style-type: none;
	overflow:hidden;
}
#footerNav li {
	float: left;
}
#first_footerNavItem {
	margin-left: 10px;
	display: inline;
}
#footerNav a {
	display: block;
	line-height: 21px;
	padding: 0 6px;
	font-size: 12px;
	color: #093057;
	text-decoration:none;
	text-transform:uppercase;
}
#footerNav a:hover {
	color: #0e4d8c;
}
#copyright {
	font-size: 10px;
	text-align:center;
	color: #4b4b4b;
}

#contentColWrapper {
	overflow:hidden;
	padding-bottom: 20px;
	border-bottom: 2px solid #fff;

}
#primaryContent {
	margin: 20px 30px 0 30px;
}

/* =twoCol Layout*/
.twoCol #contentColWrapper {
	background: url(img/background_course_contentColWrapper.gif);
	overflow:hidden;
}
.twoCol #primaryContent {
	float: left;
	margin: 20px 30px 0 30px;
	display: inline;
	width: 492px;
}
.twoCol #secondaryContent {
	float: right;
	margin: 20px 30px 0 30px;
	display: inline;
	width: 230px;
}
.twoCol #secondaryContent h2 {
	margin: 0 0 1em 0;
	font-size: 18px;
	line-height: 2.5em;
	padding: 0 10px;
	padding-left: 50px;
	background: #f3e7d5 url(img/background_twoCol_secondaryContent_h2.gif) no-repeat 10px center;
	text-transform:uppercase;
	color: #093057;
	border-bottom: 1px solid #bcb299;
}

/* =CMS */
.contentPhoto {
	float:right;
	width: 200px;
	margin: 0 20px 20px 20px;
}
.contentPhoto p {
	margin: .5em 0;
	font-size: 10px;
	text-align:center;
}
p img {
	float:right;
	margin: 20px;
	display:inline;
}
#primaryContent div {
	clear:both; /* Nothing floats outside of parent div in the editable portion of documents*/
}

/* =Media */

#media #content a {
	display: block;
	padding: .5em;
}
#media #content a:hover {
	background: #f9f3ea;
}

/* =Course */

#course #secondaryContent ul {
	list-style-type: none;
	margin:0;
	padding: 0;
}
#course #secondaryContent ul li {
	margin:0;
	padding: 0;
	width: 215px;
	height: 63px;
}

#course #secondaryContent ul li a {
	display: block;
	width: 215px;
	height: 63px;
	text-align:center;
}
#course #secondaryContent ul li a {
	position:absolute;
	text-indent: -1000em;
}

#course #secondaryContent ul #nextSet a {
	position:static;
	text-indent: 0;
}
#hole1 {
	background: url(img/art_hole1.gif) no-repeat;
}
#hole2 {
	background: url(img/art_hole2.gif) no-repeat;
}
#hole3 {
	background: url(img/art_hole3.gif) no-repeat;
}
#hole4 {
	background: url(img/art_hole4.gif) no-repeat;
}
#hole5 {
	background: url(img/art_hole5.gif) no-repeat;
}
#hole6 {
	background: url(img/art_hole6.gif) no-repeat;
}
#hole7 {
	background: url(img/art_hole7.gif) no-repeat;
}
#hole8 {
	background: url(img/art_hole8.gif) no-repeat;
}
#hole9 {
	background: url(img/art_hole9.gif) no-repeat;
}
#hole10 {
	background: url(img/art_hole10.gif) no-repeat;
}
#hole11 {
	background: url(img/art_hole11.gif) no-repeat;
}
#hole12 {
	background: url(img/art_hole12.gif) no-repeat;
}
#hole13 {
	background: url(img/art_hole13.gif) no-repeat;
}
#hole14 {
	background: url(img/art_hole14.gif) no-repeat;
}
#hole15 {
	background: url(img/art_hole15.gif) no-repeat;
}
#hole16 {
	background: url(img/art_hole16.gif) no-repeat;
}
#hole17 {
	background: url(img/art_hole17.gif) no-repeat;
}
#hole18 {
	background: url(img/art_hole18.gif) no-repeat;
}
#hole1 a {
	background: url(img/art_hole1.gif) no-repeat;
}
#hole2 a {
	background: url(img/art_hole2.gif) no-repeat;
}
#hole3 a {
	background: url(img/art_hole3.gif) no-repeat;
}
#hole4 a {
	background: url(img/art_hole4.gif) no-repeat;
}
#hole5 a {
	background: url(img/art_hole5.gif) no-repeat;
}
#hole6 a {
	background: url(img/art_hole6.gif) no-repeat;
}
#hole7 a {
	background: url(img/art_hole7.gif) no-repeat;
}
#hole8 a {
	background: url(img/art_hole8.gif) no-repeat;
}
#hole9 a {
	background: url(img/art_hole9.gif) no-repeat;
}
#hole10 a {
	background: url(img/art_hole10.gif) no-repeat;
}
#hole11 a {
	background: url(img/art_hole11.gif) no-repeat;
}
#hole12 a {
	background: url(img/art_hole12.gif) no-repeat;
}
#hole13 a {
	background: url(img/art_hole13.gif) no-repeat;
}
#hole14 a {
	background: url(img/art_hole14.gif) no-repeat;
}
#hole15 a {
	background: url(img/art_hole15.gif) no-repeat;
}
#hole16 a {
	background: url(img/art_hole16.gif) no-repeat;
}
#hole17 a {
	background: url(img/art_hole17.gif) no-repeat;
}
#hole18 a {
	background: url(img/art_hole18.gif) no-repeat;
}

#hole1 a:hover {
	background: url(img/art_hole1_h.gif) no-repeat;
}
#hole2 a:hover {
	background: url(img/art_hole2_h.gif) no-repeat;
}
#hole3 a:hover {
	background: url(img/art_hole3_h.gif) no-repeat;
}
#hole4 a:hover {
	background: url(img/art_hole4_h.gif) no-repeat;
}
#hole5 a:hover {
	background: url(img/art_hole5_h.gif) no-repeat;
}
#hole6 a:hover {
	background: url(img/art_hole6_h.gif) no-repeat;
}
#hole7 a:hover {
	background: url(img/art_hole7_h.gif) no-repeat;
}
#hole8 a:hover {
	background: url(img/art_hole8_h.gif) no-repeat;
}
#hole9 a:hover {
	background: url(img/art_hole9_h.gif) no-repeat;
}
#hole10 a:hover {
	background: url(img/art_hole10_h.gif) no-repeat;
}
#hole11 a:hover {
	background: url(img/art_hole11_h.gif) no-repeat;
}
#hole12 a:hover {
	background: url(img/art_hole12_h.gif) no-repeat;
}
#hole13 a:hover {
	background: url(img/art_hole13_h.gif) no-repeat;
}
#hole14 a:hover {
	background: url(img/art_hole14_h.gif) no-repeat;
}
#hole15 a:hover {
	background: url(img/art_hole15_h.gif) no-repeat;
}
#hole16 a:hover {
	background: url(img/art_hole16_h.gif) no-repeat;
}
#hole17 a:hover {
	background: url(img/art_hole17_h.gif) no-repeat;
}
#hole18 a:hover {
	background: url(img/art_hole18_h.gif) no-repeat;
}

/* =Hole */
#hole #primaryContent h1 + ul {
	list-style-type: none;
	overflow:hidden;
	margin-left: 0;
	text-align:center;
}
#hole #primaryContent h1 + ul li {
	float:left;
	padding: 1em;
	margin: 0 5px;
	background: url(img/white.png) !important;
	background: #fff;
	border-bottom: 1px solid #ece0ce;
}
#hole #primaryContent h1 + ul li div {
	font-size:18px;
	color: #0e4d8c;
}