/* ADOT SCENIC ROADS WEB SITE       */


/* -------------------------------- */
/* HTML TAG RESET                   */
/* ---------------------------------*/
p, body {
	margin: 0px;
	padding: 0px;
}

/* -------------------------------- */
/* HTML TAG DEFINITION              */
/* -------------------------------- */
a:hover {
	visibility: visible;/* This is for IE 6 so the hover tag works on images */
}


/* -------------------------------- */
/* PAGE ELEMENTS                    */
/* -------------------------------- */
#container {/* This white space on the ADOT template for content */
	width: 100%;
	background-color: #FFFFFF;
	height: 550px;
	margin: 0px;
	padding: 0px;
}

		/* -------------------------------- */
		/* HEADER                           */
			#header{
				clear: both;
				width: auto;
				min-height: 75px;
				height: auto !Important /* Hack for IE6 */
				height: 75px; /* Hack for IE6 */
				vertical-align: middle;
				padding-top: 0px;
				padding-right: 30px;
				margin-top: 0px;
				margin-right: 110px;
				margin-bottom: 0px;
				margin-left: 0px;
			}
			#header h1 {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 26px;
				font-weight: lighter;
				letter-spacing: -1px;
				margin-top: 0px;
				margin-right: 20px;
				margin-bottom: 0px;
				margin-left: 30px;
				padding-top: 20px;
			}

		/* -------------------------------- */
		/* MAIN                             */

				/* -------------------------------- */
				/* STRAIGHT TEXT                    */
					div.straightText {
						padding: 0px;
						clear: both;
						height: auto;
						width: auto;
						margin-top: 0px;
						margin-bottom: 0px;
						margin-left: 0px;
						margin-right: 110px;
					}
					div.straightText p {
						height: auto;
						width: auto;
						margin-left: 30px;
						margin-right: 20px;
					}
					div.straightText h1 {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 18px;
						font-weight: lighter;
						letter-spacing: -1px;
						margin-top: 0px;
						margin-right: 20px;
						margin-bottom: 0px;
						margin-left: 30px;
						padding-top: 0px;
						border-bottom-width: 1px;
						border-bottom-style: none;
						border-bottom-color: #B77656;
						border-top-style: none;
						border-right-style: none;
						border-left-style: none;
					}
					div.straightText ul {
						list-style-image: url(ScenicRoads_Common/Images/bullet.gif);
						list-style-position: outside;
						margin-right: 20px;
						padding: 0px;
						margin-top: 5px;
						margin-bottom: 5px;
						margin-left: 50px;	
					}

				/* -------------------------------- */
				/* THUMBNAIL AND TEXT               */
					div.thumbnailText {
						width: auto;
						padding-top: 15px;
						padding-bottom: 15px;
						min-height: 110px;
						height: auto !Important /* Hack for IE6 */
						height: 110px; /* Hack for IE6 */
						clear: both;
						margin-right: 110px;
					}
					div.thumbnailText h1{
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 18px;
						font-weight: lighter;
						letter-spacing: -1px;
						margin-top: 0px;
						margin-right: 20px;
						margin-bottom: 0px;
						margin-left: 200px;
						padding-top: 0px;
						border-bottom-width: 1px;
						border-bottom-style: solid;
						border-bottom-color: #B77656;
					}
					div.thumbnailText p{
						margin-left: 200px;
						margin-right: 20px;
					}
					div.thumbnailText ul {
						list-style-image: url(ScenicRoads_Common/Images/bullet.gif);
						list-style-position: outside;
						margin-right: 20px;
						padding: 0px;
						margin-top: 0px;
						margin-bottom: 5px;
						margin-left: 215px;	
					}
					div.thumbnailText img{
						float: left;
						margin-left: 30px;
						margin-top: 0px;
					}
					div.thumbnailText a {
						font-weight: bold;
					}
					div.thumbnailText a img {
						padding: 5px;
						border: 0px;
					}
					div.thumbnailText a:hover img {
						padding: 5px;
						background-image: url(ScenicRoads_Common/Images/thumbs/background_black.gif);
						background-repeat: no-repeat;
						background-position: 10px 10px;
					}

				/* -------------------------------- */
				/* IMAGE AND TEXT                   */
					div.imageText {
						clear: both;
						width: auto;
						padding-top: 15px;
						padding-bottom: 15px;
						min-height: 220px;
						height: auto !Important /* Hack for IE6 */
						height: 220px; /* Hack for IE6 */
						margin-right: 110px;
						
					}
					div.imageText h1 {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 18px;
						font-weight: lighter;
						letter-spacing: -1px;
						margin-top: 0px;
						margin-right: 20px;
						margin-bottom: 0px;
						margin-left: 370px;
						padding-top: 0px;
						border-bottom-width: 1px;
						border-bottom-style: solid;
						border-bottom-color: #B77656;
						width: auto;
						height: auto;
					}
					div.imageText p {
						margin-left: 370px;
						margin-right: 20px;
					}
					div.imageText ul {
						list-style-image: url(ScenicRoads_Common/Images/bullet.gif);
						list-style-position: outside;
						margin-right: 20px;
						padding: 0px;
						margin-top: 5px;
						margin-bottom: 5px;
						margin-left: 385px;	
					}
					div.imageText img {
						float: left;
						margin-top: 0px;
						margin-left: 30px;
					}
					div.imageText a {
						font-weight: bold;
					}

				/* -------------------------------- */
				/* HIGHLIGHTED TEXT                 */
					div.highlightedText {
						clear: both;
						width: auto;
						padding-top: 10px;
						padding-bottom: 10px;
						background-color: #FAE2D3;
						overflow: visible;
						margin-left: 30px;
						margin-bottom: 0px;
						border-bottom-width: 2px;
						border-bottom-style: solid;
						border-bottom-color: #FFFFFF;
						
						
					}
					div.highlightedText p {
						margin-left: 10px;
						margin-right: 20px;
					}
					div.highlightedText ul {
						list-style-image: url(ScenicRoads_Common/Images/bullet.gif);
						list-style-position: outside;
						margin-right: 20px;
						padding: 0px;
						margin-top: 5px;
						margin-bottom: 5px;
						margin-left: 30px;	
					}

				/* -------------------------------- */
				/* CAPTION FOR IMAGES               */
					div.caption {
						height: auto;
						width: auto;
						float: left;
						margin: 0px;
						padding: 0px;
					}
					div.caption img {
						clear: both;
					}
					div.caption h1 {
						padding: 0px;
						clear: both;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 12px;
						font-weight: bold;
						color: #000000;
						margin-top: 5px;
						margin-right: 0px;
						margin-bottom: 0px;
						margin-left: 40px;
						width: 310px;
						border-top-style: none;
						border-right-style: none;
						border-bottom-style: none;
						border-left-style: none;
					}