/* Delta County Tourism CSS Document */

/* RESET */

html, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin: 0;
	padding: 0;
}

fieldset, img {
	border: none;
}

caption, th {
	text-align: left;
}

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

img {
	border: 0;
}

body {
	font: normal small/1.4em Arial, sans-serif;
	color: #492c21;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin: 0;
	padding: 0;
	background-image: url(/images/grfx_bg.gif);
	background-color:#2d2a5f;
}

/* UNIVERSAL ELEMENTS */

#pageWrapper {
	margin: 0px auto;
	padding: 13px 0px 0px 0px;
	width: 960px;
	margin-bottom: 13px;
}

/* Banner */

#bannerContainer {
	width: 960px;
	height: 115px;
	background-image:url(/images/grfx_banner_bg.gif);
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	font-size: 90%;
}

#bannerContainer a {
	padding: 0px 3px 0px 0px;
}

#seasonalGraphic {
	float: left;
	padding: 28px 0px 0px 0px;
}

#bannerLogo {
	float: left;
	width: 183px;
	padding: 17px 0px 0px 224px;
}

#globalNav {
	float: right;
	padding: 25px 18px 0px 0px;
}

/* Footer */

#footer {
	width: 960px;
	margin: 0;
	padding: 0px 0px 20px 0px;;
	font-size: 85%;
	text-align: center;
	background-color:#fdfaf0;
	background-image:url(/images/grfx_page_btm.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#footer a {
	font-weight: normal; padding: 0px 3px 0px 3px;
}

/* HOME PAGE*/

body.index a { font-weight:bold; }

#welcomeContainer {
	margin: 0px;
	padding: 0px;
	width: 960px;
	height: 358px;
	background-image:url(/images/img_home_bg1.jpg);
}

#welcomeText {
	float: left;
	margin: 0px;
	padding: 123px 0px 0px 67px;
	width: 325px;
}

#homeContentContainer {
	margin: 0px;
	padding: 20px 0px 20px 0px;
	float: left;
	width: 960px;
	background-color:#fdfaf0;
}

#homeLeft {
	margin: 0px;
	padding: 0px 0px 0px 30px;
	float: left;
	width: 204px;
	background-image:url(/images/grfx_home_vert_divider.gif);
	background-position: center right;
	background-repeat:no-repeat;
}

#homeCenter {
	margin: 0px;
	padding: 0px 25px 0px 27px;
	float: left;
	width: 340px;
	background-image:url(/images/grfx_home_vert_divider.gif);
	background-position: center right;
	background-repeat:no-repeat;
}

#homeRight {
	margin: 0px;
	padding: 0px 30px 0px 25px;
	float: right;
	width: 270px;
}

#mapContainer {
	width: 157px;
}

table.comeStay { font-size: 85%; line-height: 1.45em; }

table.comeStay td  { padding: 8px; vertical-align: top;}

/* SLIDESHOW */
#slideshow {
	float: left;
	position: relative;
	height: 341px;
	width: 521px;
	display: none;	
}

#slideshow img {
	margin: 9px 0px 0px 20px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
}

#slideshow img.active {
	z-index: 10;
}

#slideshow img.last-active {
	z-index: 9;
}
/* CONTENT PAGES */

#contentContainer {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	float: left;
	width: 960px;
	background-color:#fdfaf0;
	border-top: 1px #6a272e solid;
}

#contentLeft {
	margin: 0px;
	padding: 0px 32px 0px 22px;
	float: left;
	width: 202px;
	border-top: 2px #bebbb4 solid;
}

#contentRight {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 704px;
}

#textWrapper {
	margin: 0px;
	padding: 0px 50px 0px 30px;
}

/* PRIMARY NAVIGATION */

#primNavWrapper {
	width: 960px;
	height: 39px;
	z-index: 2;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	background-color:#78323d;
}


ul#primNav {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#primNav li {
	list-style: none;	
	margin: 0;
	padding: 0;
	float: left;
}

#primNav li#A a {
	background: url("/images/grfx_nav.gif") no-repeat;
	background-position: 0px 0px;
	width: 208px;
	height: 39px;
	float: left;
	padding-right: 0px;
}

#primNav li#A a:hover {
	background-position: 0 -39px;
}

body.P1 #primNav li#A a {
	background-position: 0px -39px;
}

#primNav li#B a {
	background: url("/images/grfx_nav.gif") no-repeat;
	background-position: -208px 0px;
	width: 210px;
	height: 39px;
	float: left;
	padding-right: 0px;
}

#primNav li#B a:hover {
	background-position: -208px -39px;
}

body.P2 #primNav li#B a {
	background-position: -208px -39px;
}

#primNav li#C a {
	background: url("/images/grfx_nav.gif") no-repeat;
	background-position: -418px 0px;
	width: 105px;
	height: 39px;
	float: left;
	padding-right: 0px;
}

#primNav li#C a:hover {
	background-position:  -418px -39px;
}

body.P3 #primNav li#C a {
	background-position: -418px -39px;
}

#primNav li#D a {
	background: url("/images/grfx_nav.gif") no-repeat;
	background-position: -523px 0px;
	width: 126px;
	height: 39px;
	float: left;
	padding-right: 0px;
}

#primNav li#D a:hover {
	background-position:  -523px -39px;
}

body.P4 #primNav li#D a {
	background-position: -523px -39px;
}

#primNav li#E a {
	background: url("/images/grfx_nav.gif") no-repeat;
	background-position: -649px 0px;
	width: 96px;
	height: 39px;
	float: left;
	padding-right: 0px;
}

#primNav li#E a:hover {
	background-position:  -649px -39px;
}

body.P5 #primNav li#E a {
	background-position: -649px -39px;
}

#primNav li#F a {
	background: url("/images/grfx_nav.gif") no-repeat;
	background-position: -745px 0px;
	width: 67px;
	height: 39px;
	float: left;
	padding-right: 0px;
}

#primNav li#F a:hover {
	background-position:  -745px -39px;
}

body.P6 #primNav li#F a {
	background-position: -745px -39px;
}

#primNav li#G a {
	background: url("/images/grfx_nav.gif") no-repeat;
	background-position: -812px 0px;
	width: 148px;
	height: 39px;
	float: left;
	padding-right: 0px;
}

#primNav li#G a:hover {
	background-position:  -812px -39px;
}

body.P7 #primNav li#G a {
	background-position: -812px -39px;
}

/* MEGA MENUS - Secondary nav */
ul#primNav li.mega div {	
	display: none;
	position: absolute;
	background-color: #FDFAF1;	
	z-index: 20;	
}
/* Fix inherited parent anchor styles */
ul#primNav li.mega div a {
	font-weight: normal;
	background: 0 !important;
	float: none !important;
	height: auto !important;
	width: auto !important;	
}

ul#primNav li.hovering div {
	display: block;
	border-top: 1px solid #A78667;
	border-right: 1px solid #ede7d4;
	border-left: 1px solid #ede7d4;
	border-bottom: 1px solid #ede7d4;
	
}
ul#primNav li.mega div ul {
	list-style: none;
	margin: 10px 25px 10px 25px;
	padding: 0;
}
ul#primNav li.mega div ul li {
	height: auto;
	width: 130px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	border: 0;
	float: none;
	border-bottom: 1px dotted #D0BFAB;	
	font-weight: normal;
}
ul#primNav li.mega div ul li.noBorder {
	border-bottom: none;	
}

ul#primNav li.mega div a {
	text-decoration: none;
	padding: 10px 0px 10px 2px !important;
}

ul#primNav li.mega div a:hover  {
	text-decoration: none;
} 

/* Two columns in mega menu */
ul#primNav li.mega ul.left  {	
	float: left;
	width: 135px;
}
ul#primNav li.mega ul.right {	
	float: right;
	width: 135px;
}
/* SECONDARY NAVIGATION */

#secNavWrapper {
	float: right;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	background-image:url(/images/grfx_secnav_bg.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

#secNavWrapper ul {
	margin: 10px 27px 0px 25px;
	padding: 10px 0px 100px 0px;
	text-align: right;
	list-style:none;
}

#secNavWrapper li {
	padding: 7px 3px 7px 3px;
	border-bottom: 1px dotted #c4af9c;
	line-height: 1.35em;
}

body.S1 #secNavWrapper li#SA a, body.S2 #secNavWrapper li#SB a, body.S3 #secNavWrapper li#SC a, body.S4 #secNavWrapper li#SD a, body.S5 #secNavWrapper li#SE a, body.S6 #secNavWrapper li#SF a, body.S7 #secNavWrapper li#SG a, body.S8 #secNavWrapper li#SH a, body.S9 #secNavWrapper li#SI a, body.S10 #secNavWrapper li#SJ a, body.S11 #secNavWrapper li#SK a, body.S12 #secNavWrapper li#SL a, body.S13 #secNavWrapper li#SM a, body.S14 #secNavWrapper li#SN a, body.S15 #secNavWrapper li#SO a, body.S16 #secNavWrapper li#SP a {
	color: #4842a1; background-image:url(/images/grfx_active_arrow.png); background-position:center right; background-repeat:no-repeat; padding-right: 10px;
}

/* LINKS */

a:link					{ color: #d4582a; text-decoration: none; }
a:visited				{ color: #d4582a; text-decoration: none; }
a:hover					{ color: #4842a1; text-decoration: none; }
a					{ text-decoration: none; }

.boldLinks a { font-weight:bold; }

/* LISTS */

ul { margin: 0px 0px 0px 15px; padding: 0; list-style: none; line-height: 1.65em; }

li { margin: 0; padding: 0; font-size: 90%;  }

ul.bulletList { margin: 15px 0px 15px 15px; padding: 0; list-style: none; line-height: 1.75em; }

ul.bulletList li { background-image: url(/images/bullet.gif); background-position: top left; background-repeat:no-repeat; padding: 0px 0px 0px 35px; }

/* GENERAL DESIGN STYLES */

.purple { color:#353181; }
.ltPurple { color:#61558b; }


/* TEXT */

p {
	font-size: 90%;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 10px 0px; }

p.moreLink {
	padding: 15px 0px 0px 0px; text-align: right;
}

p.data {
	padding: 0px 0px 0px 0px; color:#998a5a; text-transform:uppercase; font: normal 105%/1.25em Georgia, serif;
}

h1 {
	font: bold 195%/1.25em Georgia, serif;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	color: #963f4d;
}

h2 {
	font: bold 155%/1.25em Georgia, serif;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 15px 0px;
	color: #3d7d45;
}

h2.withNote {
	padding: 20px 0px 0px 0px;
}

h3 {
	font: bold 125%/1.25em Georgia, serif;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 15px 0px;
	color: #d49418;
}

h4 {
	font: bold 90%/1.25em Arial, Verdana, serif;
	text-transform:uppercase;
	margin: 0px 0px 0px 30px;
	padding: 10px 0px 15px 0px;
	color: #795434;
}

.required {
	color: #CC3300;
}

/* TABLES */

table.dataTable { font-size: 90%; margin: 10px 0px 25px 0px;  }

table.dataTable th { font-weight: bold; padding: 6px; }

table.dataTable td { padding: 6px; }

.oddRow { background-color:#f3eede; }

table.restaurantTable { font-size: 90%; margin: 0px 0px 25px 0px;  }

table.restaurantTable th { font-weight: bold; padding: 6px; }

table.restaurantTable td { padding: 6px; border: 1px #bbaf8d solid; }

.communityRow { background-color:#eae1c6; }

table.mapTable { font-size: 90%; margin: 20px 0px 25px 0px;  }

table.mapTable td { padding: 10px; border: 1px #cbc09b solid; text-align:center; }

/* SITE MAP */

ul.siteMap { margin: 15px 0px 15px 0px ;}

ul.siteMap li { padding: 0px 0px 0px 20px ;}

ul.siteMap li.main { padding: 10px 0px 0px 0px; }

ul.siteMap li.main a { font-weight: bold; }

ul.siteMap li.special { padding: 0px 0px 0px 0px; }

table.siteMapTable td { vertical-align: top; }