/* css for slc ppd '09 */
@import url(reset.css);
a {
  cursor: pointer; cursor: hand;  
}

body {
 background: #500000 url('i/bg_page.gif') repeat-x 0 0;
 color: #500;
 font: 62.5%/1.5em Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif; 
 width: 99.9%;
}
img { border: none; }
img.imgfloat { float: right; }

#wrapper {
	text-align: left;
	margin: 1em auto 3em;
	padding: 0px;
	border:0;
	width: 973px;
	background: url("i/bg_tile.jpg") repeat-y 0 0;
}

#header {
  height: 322px;
	background:  url('i/bg_header.jpg') no-repeat 0 0;
}
#slcppd {
 padding-top: 30px; 
	width: 973px;
	min-height: 540px;
	background: url("i/bg_ppd09.jpg") no-repeat 0 0;
}
* html #slcppd {
	width: 973px;
	height: 540px;
}

#subheader {
 position: relative;
}
#navbar {
 position: absolute;
 top: 3px;
 left: 420px;
 height: 25px;
 width: 530px; 
}
#left {
	float: left;
	width: 230px;
	margin-left: 10px;
	color: #fc0;
	padding-top: 110px;
}
* html #left {
	margin-left: 5px;
}
#right {
	float: right;
	width: 690px;
	margin-right: 20px;
 position: relative;
}
* html #right {
  width: 660px;
}

#phoenix {
 float:left;
 height: 100px;
 width: 160px; 
}
#phoenix h1 {
 height: 100px;
 width: 160px; 
 display: none;
}
#footer {
	clear: both;
	text-align: center;
	font-size: 0.8em;
  min-height: 73px;
	background: url('i/bg_footer.jpg') no-repeat 0 100%;
}
* html #footer {
  height: 73px;
}
#footer a {
 text-decoration: none;
 color: #500; 
}
#footer a:hover {
 text-decoration: underline;
 color: #500; 
}
#footer p {
 padding-bottom: 1em; 
}
/* ********************************** */
table {  
 font: 500 1.4em/1.5em  Verdana, Arial, sans-serif;  
 margin-left: 5%;
 width: 90%; 
}
table caption {
  font-size: 1.1em;
  font-weight: bold;
}
td.but {
padding: 0.5em 0 1.5em 120px; 
}
/* ********************************** */

a.more {
 line-height: 28px;
 padding-right: 25px;
 background: url('i/link.png') no-repeat 100% 50%; 
}
* html a.more {
 background: url('i/link.gif') no-repeat 100% 50%;
}
a {
 color: #000;
 text-decoration: none;
 border-bottom: 1px solid #fed5a0; 
}
a:hover {
 color: #800;
 text-decoration: none; 
 border-bottom: 1px dotted #800; 
}

#navbar a, #navbar a:hover,
#sidenav a, #sidenav a:hover,
#footer a, #footer a:hover  {
 border-bottom: none; 
}
/* ********************************** */
p {
  margin: 0.5em 3% 1.0em;  
 font: 500 1.5em/1.5em  Verdana, Arial, sans-serif;  
}
p.level {
  margin: 0.5em 3% 0.5em 5%;
  text-indent: -10px; 
}
h2 {
  font-size: 2.0em;
  margin: 0.5em 3%;
  line-height: 1.5em;
  font-weight: bold;
}
h3 {
  font-size: 1.8em;
  margin: 0.5em 3%;
  line-height: 1.5em;
  font-weight: bold;
}

/* top Nav Bar */
#navbar p {
 font: bold 1.7em Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif; 
 margin: 0.15em 0; 
}
#navbar a {
  color: #800000;
  text-decoration: none;
  margin: 0 2px;
}
#navbar a:hover {
  color: #500000;
  text-decoration: underline;
}
#navbar a.current {
  color: #500000;
  text-decoration: none;
}

/* Side Nav */
ul#sidenav {
 margin-left: 65px;
 position: relative;
 top: 0;
 left: 0; 
}
#sidenav a {
 font-size: 2em;
 font-weight: bold;
 line-height: 1.5em;
 color: #fc0;
 text-decoration: none;
}
#sidenav a:hover {
 color: #fff;
 text-decoration: none; 
}
#sidenav a.corp {
 font-size: 1.5em;
 font-weight: normal;
 line-height: 1.2em;
 color: #fc0;
 text-decoration: none; 
}
#sidenav a.corp:hover {
 color: #fff;
 text-decoration: none; 
}

#sidenav li {
 position: relative; 
}
#sidenav li.Ihi {
 line-height: 55px; 
}

#sidenav a .icon {
 position: absolute;
 left: -50px;
 top: 5px;
 height: 46px;
 width: 41px;
 background: url('i/side_icon.png') no-repeat 0 0; 
}
#sidenav a:hover .icon {
 background: url('i/side_icon.png') no-repeat -41px 0; 
}
* html #sidenav a .icon {
  background: url('i/side_icon.gif') no-repeat 0 0; 
}
* html #sidenav a:hover .icon {
  background: url('i/side_icon.gif') no-repeat -41px 0; 
}

/* event calendar */
#sidenav dl {
 position: absolute;
 left: -50px;
 margin-top: 20px;
 width: 180px;
 padding: 10px;
  background: #fed5a0;  
  border: 5px groove #500000;
  color: #500;
}
#sidenav dt {
 font-size: 1.8em;
 font-weight: bold;
 text-align: center;
 margin-bottom: 1em; 
}
#sidenav dd {
 font-size: 1.3em;
 margin: 0.75em 0;
 line-height: 1.4em;
 text-indent: 5px;
}
#sidenav dd em {
 font-weight: bold;
 font-size: 1.2em; 
}
#sidenav dd b {
 font-weight: bold;
}

/* ******** MAP ******** */
#themap {
  width: 656px;
  height: 297px;
  margin: 4em auto 1em;
  position: relative;
  background: url('i/streetmap.png') no-repeat 0 0;
}
#themap a {
 position: absolute;
 top: 178px;
 left: 422px;
 width: 127px;
 height: 34px; 
}
#themap a .popup {
 position: absolute;
 top: -200px;
 left: -100px;
 width: 308px;
 height: 177px;
  background: url('i/popup-map.jpg') no-repeat 0 0; 
  display: none;
}
#themap a:hover .popup {
  display: block;
}

/* ***** COORDINATORS ***** */
table {
  width: 670px;
  margin-left: 36px;
  font-size: 10px;   
}
table h2 {
  margin-left: 0;
  }

.coordinators td.zleft {
  width: 150px; 
  min-height: 150px;
}
* html .coordinators td.zleft {
  height: 160px;
}
.coordinators td.zright {
  width: 530px; 
}
td.zright p {
 margin: 2px 3% 5px;
}
.coordinators  td.zleft small {
	text-align: right;
	font-size: 0.9em;
	font-weight: bold;
 padding-left: 15px;
 background: url('i/icon-mail.png') no-repeat 0 50%;
}
h3.elink {
 padding-left: 15px;
 background: url('i/icon-mail.png') no-repeat 0 50%; 
}
/*  */
.over175 {
  float: right;
 left: 175px;
 width: 515px;
}
.over175 h2 {  
 margin-left: 12px;
}
.over175 p {
 font-size: 1.5em; 
}
.over175 p b {
 font-size: 0.9em; 
 font-weight: bold;
}
.over175 p small {
	font-size: 0.7em;
 padding-left: 15px;
 margin-left: 3px;
 background: url('i/icon-mail.png') no-repeat 0 50%;
}
ul.vend { padding-top: 1.5em; }

ul.vend li {
 float: left; 
 width: 250px;
 min-height: 23px;
 font-size: 1.8em; 
 font-weight: bold;
 margin: 0 0 1em 0; 
 color: #e20023 !important;
}
ul.vend li a {
 font-size: 10px; 
}
ul.vend li.halfright {
 float: right; 
}
* html ul.vend li {
  height: 30px;
}

ul.spark { padding-top: 1.0em; }

ul.spark li {
 min-height: 23px;
 font-size: 1.8em; 
 font-weight: bold;
 margin: 0 0 0.75em 0; 
 color: #e20023 !important;
}
ul.spark li a {
 font-size: 10px; 
}
ul.spark li.halfright {
 float: right; 
}
* html ul.spark li {
  height: 30px;
}