/**************************************************************/
/* Filename: spinreel.css                                     */
/* Use with Template files in RideTheOregonDunes.com website  */
/* Author: Scott A. Hoffmeyer    <scott.hoffmeyer@gmail.com>  */
/* Company: ds2consulting                      19 April 2007  */
/**************************************************************/

body{
	margin: 0px;
	padding: 0px;
	background-color: #453d25; }

font, th, td, p, div{
	color: #000000;
	font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif; }

.DIV-subHeading{
	margin: 0px;
	padding: 0px 0px 15px 0px;
	width: 368px;
	text-align: center;
	vertical-align: top;
	color: #00355f;
	font: bolder 18px Arial, Helvetica, sans-serif; }

p{
	margin: 0px;
	padding: 0px 0px 15px 0px; }

ul{
	margin: 0px;
	padding: 0px 0px 10px 15px; }

ul li{
	margin: 0px;
	padding: 2px 0px;
	list-style-type: disc; }

a:link, a:visited, a:active{
	color: #004379;
	text-decoration: underline; }

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

#TABLE-container{
	margin: 0px;
	padding: 0px;
	width: 765px;
	height: 100%; }

#TD-gradientLeft{
	margin: 0px;
	padding: 0px;
	width: 28px;
	border-right: solid 2px #ffffff;
	background: url(../i/gradient-left.jpg) repeat-y left; }

#TD-gradientRight{
	margin: 0px;
	padding: 0px;
	width: 28px;
	border-left: solid 2px #ffffff;
	background: url(../i/gradient-right.jpg) repeat-y right; }

.TD-headerBlocks{
	margin: 0px;
	padding: 0px;
	width: 143px;
	height: 150px;
	background-color: #dfcd97; }

.TD-headerLogo{
	margin: 0px;
	padding: 0px;
	width: 143px;
	height: 150px;
	background: #dfcd97 url(../i/HeaderBlock-location.jpg) no-repeat; }

.TD-slogan{
	margin: 0px;
	padding: 0px;
	width: 715px;
	height: 35px;
	text-align: center;
	border-top: solid 2px #ffffff;
	border-bottom: solid 1px #ffffff;
	background-color: #d3bc71; }

.TD-navMain{
	margin: 0px;
	padding: 0px;
	width: 143px;
	height: 25px;
	background-color: #14375e; }

.TD-content{
	margin: 0px;
	padding: 0px;
	width: 715px;
	background: #dfe5f1 url(../i/gradient-bodyCopy.jpg) repeat-x bottom; }

.TABLE-content{
	margin: 0px;
	padding: 0px;
	width: 715px;
	height: 100%; }

.TD-bodyCopy{
	margin: 0px;
	padding: 0px 30px;
	width: 368px;
	height: 100px; }

.TD-subNav{
	margin: 0px;
	padding: 0px;
	width: 428px;
	height: 20px; }

.DIV-pageTitle{
	margin: 0px;
	padding: 10px 0px;
	width: 368px;
	height: 65px;
	text-align: center; }

.DIV-content{
	margin: 0px;
	padding: 0px;
	width: 368px;
	text-align: justify; }

.TABLE-Grids{
	margin: 0px 0px 0px 25px;
	padding: 0px;
	width: 318px;
	border: solid 1px #00355f; }

.TD-GridHeader{
	margin: 0px;
	padding: 5px 3px;
	width: 312px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	background-color: #00355f; }

.TD-GridList{
	margin: 0px;
	padding: 3px 6px;
	width: 312px;
	font-weight: bold;
	background-color: #ffffff; }

.TD-GridDetail{
	margin: 0px;
	padding: 5px 6px;
	width: 180px;
	background-color: #bfcbe3; }

.TD-GridTime{
	margin: 0px;
	padding: 5px 6px;
	width: 114px;
	text-align: right;
	background-color: #bfcbe3; }

.TD-photo{
	margin: 0px;
	padding: 0px;
	width: 287px; }

.TABLE-announcements{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 267px;
	border: solid 2px #00355f; }

.TD-announcementHeader{
	margin: 0px;
	padding: 5px 0px;
	width: 267px;
	text-align: center;
	color: #ffffff;
	font: bold 13px/15px Verdana, Arial, Helvetica, sans-serif;
	background-color: #00355f; }

.TD-annoucementCopy{
	margin: 0px;
	padding: 10px;
	width: 247px;
	text-align: center;
	font-weight: bold;
	background-color: #ffffff; }

.TD-footer{
	margin: 0px;
	padding: 0px;
	width: 715px;
	height: 70px;
	background-color: #d3bc71; }

.TABLE-footer{
	margin: 0px;
	padding: 0px;
	width: 715px; }

#TD-footerCopy{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	width: 237px;
	height: 70px; }

#DIV-footerCopy{
	margin: 0px;
	padding: 5px 0px;
	width: 195px;
	color: #164361;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif; }

#TD-footerLogos{
	margin: 0px;
	padding: 0px;
	width: 208px;
	height: 70px; }

#TD-footerPhone{
	margin: 0px;
	padding: 0px 30px 0px 0px;
	width: 220px;
	height: 70px;
	text-align: right; }

#IMG-phoneNumber{
	margin: 0px;
	padding: 0px 0px 0px 60px; }