/* 
  -----------------------------------
  Utah CSS
  -----------------------------------
*/
html, body {height:100.1%;}
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #1b1b1b;
	background-color: #FFFFFF;
	min-width: 960px;
}
#logo {
	background-image: url(img/dj_logo_bg.jpg);
	background-repeat: repeat-x;
	height:155px;
}
h1 {
  margin:0;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.3em;
}
/* Commonly used to style section titles. */
h2 {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.1em;
}
#tagline {
	margin: -50px 0 30px 180px;
	font-size: .7em;
	letter-spacing: 0.4em;
	font-weight: bold;
}
#wrapper {
	margin: 5px auto;
	width: 960px;
	background-image: url(img/dj4_layout.jpg);
	background-repeat: repeat-y;
}
#layoutcrown {
	background-image: url(img/dj4_layout_top.jpg);
	background-repeat: no-repeat;
	height: 16px;
	line-height: 0.0;
	font-size: 0;
}
#midcolumn {
	float: right;
	width: 960px;
	margin: 0;
	font-size: .8em;
}
#layoutbottom {
	clear: both;
	background-image: url(img/dj4_bottom.jpg);
	background-repeat: no-repeat;
	height: 16px;
	line-height: 0.0;
	font-size: 0;
}
h2 {
	font-size: 1.5em;
	margin: 1.5em 0 0 0;
}
h2.top {
	margin: 1.5em 0 0 0;
	font-size: 1.2em;
	letter-spacing: 0.3em;
}
h3 {
	font-size: 1.2em;
	margin: 1.5em 0 0 0;
}
.content {
	background-image: url(../accordian_panels/images/p7ap_light_gray_bevel.jpg);
	background-repeat: repeat-x;
	margin: 0 1px;
	padding: 1px 10px 20px 10px;
}
.content p {
	margin: 6px 0 12px 0;
	line-height: 1.3em;
}
.content ul {
	margin: .75em 0 1em 1.35em;
	padding-left: 1.35em;
}
/*Explicitly set dark blue link colors for IE7 Vista*/
.content a, .p7AB p a, #footer a {
	color: #0000FF;

}
.content a:hover, .p7AB p a:hover, #footer a:hover {
	color: #000000;
}
.note {
	color: #333333;
	font-size: 0.85em;
}
#footerbox {
	width: 760px;
	margin: 0 auto;
}
#footer {
	font-size: .7em;
}
#footer p {
	margin: 12px 20px 6px 6px;
}
/*The bottom content - below the Accordion Panel menu*/
.grayed {
	margin: 0;
	font-size: .9em;
	color: #CCCCCC;
	background-color: #666666;
	padding: 4px 12px 4px 16px;
	border-top: 1px solid #7a7a7a;
	border-bottom: 1px solid #333333;
	letter-spacing: .5em;
}
#cancel_background {
	background-image: none;
	margin: 0;
	padding-top: 12px;
}
/*The Menu List inside the Accordion Panel*/
.menulist {
	font-size: 0.9em;
	color: #1b1b1b;
	margin-top: 6px;
	margin-bottom: 6px;
	line-height: 1.6em;
}
/*
The YOU are HERE link assigned by the Accordion Panel script
to mark the current page link
*/
.p7ap_currentmark {
	font-weight: bold;
	cursor: default;
}
.clearit {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
/* Accordion Panel CSS tweaks for the first panel component on your page,
The one that contains navigation. Any other Accordion Panel Magic components
you insert on your page will not be affected and will use the default
Greystone Accordion Panel Magic style theme */
#p7ABW1 {
	border: 0;
	padding: 0;
	margin: 0 1px;
}
.p7ABtrig h3, .p7ABtrig h4 {
	font-size: 1em !important;
}
#p7ABW1 .p7ABtrig a {
	border-bottom: 1px solid #333 !important;
}
#p7ABW1 .p7ABtrig .p7ABtrig_down {
	letter-spacing: normal;
	background-color: #000000 !important;
}
#p7ABW1 .p7ABtrig b {display: none;}
#p7ABW1 .p7ABtrig i {font-style: normal;}
#p7ABW1 .p7ABtrig .p7ABtrig_down b  {display: inline;}
#p7ABW1 .p7ABtrig .p7ABtrig_down i {display: none;}
#p7ABW1 #p7ABc1_1 {
	
}
#p7ABW1 .p7ABcontent {
	font-size: 1em;
	padding: 20px 32px;
	color: #FFFFFF;
	background-color: #602A17;
	background-image: none;
}
#p7ABW1 .p7ABcontent p {
	margin: 0px 6px 12px 0;
}
#p7ABW1 .p7ABcontent a {
	color: #1b1b1b;
}
#p7ABW1 .p7ABcontent a:hover {
	color: #FFFFFF;
}
#p7ABW1 .p7ABcontent h4 {
	margin: 0 0 2px 0;
	font-size: 1em;
	letter-spacing: 0.5em;
	color: #FFFFFF;
}
#content_wrapper {width: 948px; margin: 0 5px 5px 5px; padding: 0px; text-align:left;font-size:1em;}

#leftcolumn {
	margin-top: 5px;
	padding:0;
	float:left;
	width:640px;
	color:#7D4C39;
}
#rightsidebar {
	margin-top: 5px;
	padding:0px;
	float:right;
	width:300px;
	border-left:1px dotted #191919;
}
#content_wrapper p {
	padding: 0 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.80em;
}
#content_wrapper h1 {font-size:1.3em; border-bottom:1px solid #7D4C39; width:60%; padding-left:5px; color:#7D4C39; text-transform:uppercase;}

/* list in main page */

#content_wrapper #leftcolumn ul {
	list-style-type:none;
	width:630px;
	margin:0;
	padding:0;
	border-top:20px solid #602A17;
	float:left;
	}

#content_wrapper #leftcolumn li {
	position:relative;
	float:left;
	padding:5px 0;
}

#content_wrapper #leftcolumn h3 {
	margin:0 5px;
	padding: .5em 0 0 0;
	font-size:100%;
}

#content_wrapper #leftcolumn h3 img {border: 2px solid #7D4C39; padding:2px; background-color:#EEECF0;}

/*The links inside the Accordion Panel menu*/
.menulist {
	margin: 0 0 12px 0 !important;
	padding: 0 !important;
	list-style-type: none;
	line-height: normal;
	font-size: 1em;
}
.menulist li {margin: 0 0 4px 5px;}
.menulist a {
	text-decoration: none;
	display: block;
	padding: 3px 6px;
	border: 1px solid #999;
	color: #602A17;
	background-color: #FFFFFF;
	text-transform:uppercase;
	letter-spacing:.4em;
}
.menulist a:hover {
	color: #fff;
	border-color: #505050;
	background-color: #602A17;
	background-position: 0px -100px;
	text-decoration: none;
}
/*
The YOU are HERE link assigned by the Accordion Panel script
to mark the current page link
*/
.p7ap_currentmark {
	font-weight: bold;
	border-color: #505050 !important;
	background-position: 0px -200px !important;
	cursor: default;
}

.address {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.85em;
	line-height:.15em;
	text-align:left;
	color:#602A17;

}

#wrapper #content_wrapper #leftcolumn h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-transform:uppercase;
	color:#7D4C39;
	letter-spacing:.15em;
	text-align:left;
	padding-top:20px;
	margin-left:10px;
}
