/* roy@roycreative.com */
/* Summit County Port Authority - ID:104 - http://64.28.36.36 */
/* Roy - 10-1-07  7am */
* {
margin: 0px;
padding: 0px;
}

h1 {
font: bold 16px/22px Arial, Helvetica, sans-serif;
color: #5e7958;
padding: 10px 10px 10px 20px;
}

h2 {
font: bold 14px/22px Arial, Helvetica, sans-serif;
color: #666666;
padding: 0px 10px 10px 20px;
}

h3 {
font: normal 12px/22px Arial, Helvetica, sans-serif;
color: #5e7958;
padding: 0px 10px 5px 20px
}

h4 {
font: bold 14px/22px Arial, Helvetica, sans-serif;
color: #5e7958;
padding: 10px 10px 10px 20px;
}

p {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #666666;
padding: 0px 20px 10px;
}

table {
border: 0px;
margin: 0px 0px 0px 10px;
}

td {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #666666;
padding: 2px 10px;
}

.tableheader {
border-bottom: 2px solid #666666;
}

ul {
list-style-position: outside;
margin: 0px;
padding: 0px 10px 10px 40px;
}

li {
font: normal 12px/14px Arial, Helvetica, sans-serif;
color: #666666;
}

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

body {
background: #b9b377 url(/client/images/bg.gif) top center repeat-y;
}

.MainBody {
background: #ffffff url(/client/images/mainbody.gif) top left repeat-y;
width: 800px;
margin: 0px auto;
}

.TopOfPage {
background: url(/client/images/header.jpg) top left no-repeat;
}

.header {
display: block;
height: 150px;
width: 800px;
}

.flash {
display: block;
height: 162px;
width: 800px;
}

/*--- Modified Suckerfish CSS Dropdown!  ----*/

.ToolBar {
background: #663366; 
border: #88a282 solid;
border-width: 1px 0px;
width:800px;
height: 28px;
text-align: center;
}

ul#nav, ul#nav li ul { /* all lists */
list-style: none;
text-align: center;
padding: 0;
margin: 0;
}

ul#nav li a { /*main links*/
font: bold 12px/28px Arial, Helvetica, sans-serif;
color: #ffffff;	
height: 28px;
display: block;
text-decoration: none;
}

ul#nav li a:hover {
font: bold 12px/28px Arial, Helvetica, sans-serif;
background: #4e2861;
color: #ffffff;	
height: 28px;
display: block;
text-decoration: none;
}

ul#nav li { /* all list items */
float: left;
position: relative;
width: 160px;
}

ul#nav li ul { /* second-level lists */
background: transparent;
display: none;
position: absolute;
width: 160px;
border: #000000 solid;
border-width: 1px 1px 0px 0px;
}

ul#nav li ul li {
width: 159px;
float: left;
position: relative;
border: #000000 solid;
border-width: 0px 0px 1px 1px;
}

ul#nav li ul li a { /*sub links */
font: bold 10px/18px Arial, Helvetica, sans-serif;
background: #ffffff;
color: #000000;	
height: 18px;
width: 159px;
}

ul#nav li ul li a:hover {
font: bold 10px/18px Arial, Helvetica, sans-serif;
background: #e5e3cd;
color: #000000;	
height: 18px;
width: 159px;
}

ul#nav li>ul#nav ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
display: block;
}


/*----------------------------------------------------------------*/

.LeftMargin {
width: 180px;
float: left;
}

.sublinks h4 {
background: url(img/sublink.gif) top left no-repeat;
height: 27px;
font: bold 11px/27px Arial, Helvetica, sans-serif;
color: #FFFFFF;
padding: 0px 10px;
margin: 10px 0px 0px 0px;
}

.sublinks a {
background: #b29ca0;
height: 24px;
width: 160px;
display: block;
font: bold 11px/24px Arial, Helvetica, sans-serif;
color: #000000;
padding: 0px 10px;
margin: 1px 0px;
border: #653366 solid;
border-width: 1px 0px;
}

.LeftHotBox {
border: solid #88a282;
border-width: 3px 0px;
background: #d0d4ae;
margin: 10px 0px;
}

.LeftHotBox p {
font: bold 11px/18px Arial, sans-erif;
color: #663366;
padding: 0px 5px;
}

.Wrap {
width: 620px;
float: right;
}

.InnerBody {
width: 440px;
float: left;
display: block;
padding: 0px 0px 40px 0px;
}

.InnerBody img {
margin: 0px 0px 0px 10px;
}

.RightMargin {
float: right;
width: 180px;
}

.RightMargin p {
font-size: 11px;
}

.RightHotBox {
background: #edecd5;
border: solid #5e7958;
border-width: 10px 1px 1px 1px;
width: 140px;
padding: 5px;
margin: 20px;
}

.RightHotBox p {
color: #51714a;
font-size: 12px;
padding: 3px
}
.RightHotBox H3 {
font: normal 14px/22px Arial, Helvetica, sans-serif;
color: #5e7958;
padding: 3px;
}

.SiteFooter {
background: transparent url(/client/images/sitefooter.gif) top right no-repeat;
height: 24px;
clear: both;
}

.SiteFooter p {
text-align: right;
font: normal 10px/24px Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding: 0px 10px 0px 0px;
color: #FFFFFF;
}

.SiteFooter p a {
color: #FFFFFF;
}

.Footer {
border-top: 3px solid #88a282;
width: 800px;
margin: 0px auto;
text-align: center;
}

.Footer p {
line-height: 24px;
color: #FFFFFF;
padding: 10px 0px;
}

/****** HOTBOX STYLES ******/

.RecordWrap { /*scheduled meetings*/
  width: 520px;
  margin: 0px 10px 10px 20px;
  padding: 4px;
  background: #d0d4ae;
  border: 1px solid #88a282;
  display: block;
}
.RecordType {
  width: 190px;
  margin: 0px 10px 0px 0px;
  text-align: left;
  font: normal 12px/17px arial, sans-serif;
  float: left;
}
.RecordDetail {
  width: 290px;
  margin: 0px 0px 0px 10px;
  font: normal 12px/17px Arial, sans-serif;
  text-align: left;
  float: left;
}

p.project-listing-links {
margin: 0px;
padding: 0px 0px 8px 20px;
}

p.project-listing-links a:link, p.project-listing-links a:active, p.project-listing-links a:visited {
color: #ffffff;
text-decoration: none;
padding: 4px 10px;
background: #88a282;
border: 1px solid #88a282;
}

p.project-listing-links a:hover {
color: #425d3b;
text-decoration: none;
padding: 4px 10px;
background: #d0d4ae;
border: 1px solid #88a282;
}

p.project-listing {
background: #faf9f4;
padding: 6px 10px;
margin: 4px 0px 6px 20px;
border: 1px solid #666666;
}

p.project-listing:hover {
background: #f1f0de;
padding: 6px 10px;
margin: 4px 0px 6px 20px;
border: 1px solid #666666;
}