/* idaho golf trail
frameworks styles
may 2008

--------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

a {
	outline: none;
}


/* begin frameworks */

html {
}


body {
	margin: 0;
	padding: 0;
	background: #4c3008 url(http://www.visitidaho.org/golf/assets/images/bg-html.jpg) repeat-x;
}

#pagecontainer {
	margin: 0 auto;
	width: 852px;
	position: relative;
	top: 0;
	z-index: 1; /*border: 1px solid transparent; /* not sure why but the absolute positioned items won't work without it */
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#logo {
	z-index: 20;
	position: absolute;
	top: 20px;
	left: 0;
}

#logo_igt {
	z-index: 20;
	position: absolute;
	top: 20px;
	left: 0;
	width: 145px;
	height: 160px;
	text-indent: -999em;
}

.otbp-tagline {
	padding: 30px 10px 0 0;
	float: right;
	width: 200px;
	height: 30px;
}

#nav {
	width: 674px;
	height: 38px;
	position: absolute;
	top: 0;
	right: 0;
	top: 58px;
	z-index: 10;
	background: url(http://www.visitidaho.org/golf/assets/images/bg-nav.gif) no-repeat center bottom;
}

#nav ul {
	position: absolute;
	bottom: 0;
	left: 40px;
	list-style-type: none;
}


#nav li {
	float: left; /* need for safari */
}

#nav li a {
	float: left;
	padding: 0 16px 4px;
	display: block;
	color: #000;
	text-decoration: none;
	font-size: 11px;
}


#nav a:hover {
	text-decoration: none;
	color: #333;
}



/* course pages
-------------------------------*/



#course-info {
	background: url(http://www.visitidaho.org/golf/assets/images/border-top.gif) no-repeat right top;
	height: 413px;
	width: 848px; /*margin-top: 96px;*/
	position: relative;
	top: 96px;
	color: #e0d0b8;
	line-height: 1.5em;
	z-index: 2;
	position: relative;
}

#course-list ul {
	width: 130px;
	margin-left: 40px;
}

#course-list ul li.last {
	padding: 10px 0 0 0;
}

img#img-the-courses {
	margin-left: 20px;
}


#course-list li {
	height: 1%; /* for ie 6 */
}

#course-list li a {
	display: block;
	color: #c2b0a3;
	font: 11px/2em Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#course-list li a:hover {
	color: #fff;
	text-decoration: none;
}

#course-info a {
	color: #fff;
}

#course-info a:hover {
	color: #e0d0b8;
}


#course-logo {
	width: 400px; /* note - set this to the largest logo width */
	position: absolute;
	top: 30px;
	left: 400px;
	text-align: center;
}

#course-intro-text {
	width: 200px; /* note - set this to the largest logo width */
	position: absolute;
	top: 175px;
	left: 400px;
	text-align: right;
}

address {
	width: 200px; /* note - set this to the largest logo width */
	position: absolute;
	top: 175px;
	left: 620px;
	text-align: left;
}

address.inline-address {
	padding: 1.9em 0;
	width: auto;
	position: relative;
	top: auto;
	left: auto;
	float: none;
	line-height: 1.9em;
}

address.inline-address span {
	display: block;
}

#course-content {
	background: url(http://www.visitidaho.org/golf/assets/images/bg-course-content.jpg) no-repeat left bottom;
	float: right;
	width: 677px;
	padding-bottom: 50px;
	position: relative;
	z-index: 1;
	top: 96px;
}

#course-content ul {
}

#course-content li {
}

#course-content a {
	border-bottom: 1px dotted #260702;
	text-decoration: none;
	color: #260702;
	font-weight: bold;
}

#course-content a:hover {
	color: #51340A;
}

#course-facts {
	width: 465px;
	height: 200px;
	position: absolute;
	right: 0px;
	top: 235px;
}

div.description, p.description {
	width: 300px;
	margin: 40px 0 60px 40px;
	line-height: 1.9em;
	float: left;
	color: #301607;
	padding: 0;
}

div.description ul li {
	line-height: 1.4em;
	margin-bottom: 7px;
	padding-left: 14px;
	background: url(http://www.visitidaho.org/golf/assets/images/bullet-triangle.gif) 2px 4px no-repeat;
}

div.description h3 {
	font-weight: bold;
	font-size: 12px;
	color: #7a664a;
	margin-bottom: 4px;
}

div.contentfull {
	margin: 40px 0 60px 30px;
	line-height: 1.5em; /*float: left;*/
	color: #301607;
}

.in-the-news, .make-reservations {
	float: right;
	width: 183px;
	margin: 40px 60px 0 0;
	background: url(http://www.visitidaho.org/golf/assets/images/bg-in-the-news.gif) no-repeat left bottom;
}

.in-the-news h3 {
	height: 70px;
	background: url(http://www.visitidaho.org/golf/assets/images/tile-in-the-news.gif) no-repeat top left;
	margin-bottom: 12px;
}

.make-reservations h3 {
	height: 70px;
	background: url(http://www.visitidaho.org/golf/assets/images/tile-make-reservations.gif) no-repeat top left;
	margin-bottom: 12px;
}

#course-content .in-the-news a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	border: none;
}

#course-content .in-the-news a:hover {
	border-bottom: 1px dotted #fff;
}


#course-content .make-reservations a {
	border-bottom: 1px dotted #fff;
	text-decoration: none;
	color: #ddc8ab;
	font-weight: bold;
}


#course-content .make-reservations a:hover {
	border-bottom: 1px dotted #fff;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

.in-the-news h3 span, .make-reservations h3 span {
	display: none;
}

.in-the-news p, .make-reservations p {
	color: #fff;
	text-align: center;
	margin: 4px 0px;
	line-height: 14px;
	font-size: 12px;
	font-variant: small-caps;
}

.in-the-news p span, .make-reservations p span {
	color: #ddc8ab;
}

#flashslideshow {
	position: absolute;
	z-index: 4;
	top: 70px;
	left: -10px;
}

#footer {
	clear: both;
	height: 50px;
}


/*--------- Main Subpages ----------- */

#subpage-flashbanner {
	position: absolute;
	left: 190px;
	top: 35px;
	z-index: 9;
}

h1 {
	font: normal 20px "Times New Roman" , Times, serif;
	color: #2C0B06;
	margin: 10px 0;
}

h2 {
	font: normal 16px "Times New Roman" , Times, serif;
	color: #51340A;
	margin-top: 15px;
}

/* mileage chart styles */
#mileagechart {
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #4f3208;
	border-left: 1px solid #4f3208;
	margin: 0; padding: 0;
}

#mileagechart th {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #503309;
	background: #DFD0BB;
	text-align: left;
	vertical-align: middle;
	border-right: 1px solid #4f3208;
	border-bottom: 1px solid #4f3208;
	height: 20px;
	padding: 0 3px;
	text-align: center;
	width: 10px;
}
#mileagechart th span {
	font: bold 10px Arial, Helvetica, sans-serif;
	display: block;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	margin-top: 10px;
	padding: 0;
	width: 33px;	
}

#mileagechart td {
	border-right: 1px solid #115513;
	border-bottom: 1px solid #115513;
	font-size: 9px;
	padding: 0;
}
#mileagechart tr.rotate {
	height: 70px;
}

.mileagerow1 {
	background-color: #FFFFFF;
}



.mileagerow2 {
	background: #EFE0CA;
}

a.link-external {
	padding-right: 12px;
	background: url(Images/arrow_external.gif) no-repeat right center;
}

div.contentfull {
	width: 580px;
}