body {
background-image: url('/images/bg.gif');
background-color: #000000;
color: #cccccc;
font: normal x-small verdana, sans-serif;
text-align: center;
}

img {
border: none;
}


/* page content wrapper */
#contentWrapper {
  width: 960px; /* width shown to IE */
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 0px;
  padding: 0px;
  background-image: url('/images/yakia-header-bg.gif');
  background-color: transparent;
  background-repeat: no-repeat;
  height: 86px;
  color: inherit;
}

/* sane browser width for contentWrapper */
body>#contentWrapper {
  width:954px;
}


#topNavigation {
margin-top: 35px;
margin-bottom: 20px;
height: 30px;
width: auto;
padding: 0px;
float: right;
border: none;
}

#topNavigation ul {
margin: 0px;
padding: 0px;
list-style-type: none;
height: 40px;
border: none;
width: 670px;
display: inline;
float: right;
text-align: right;
}

html>body>#contentWrapper>#topNavigation ul {
width: 664px;
}

#topNavigation li {
display:block;
padding: 0px;
float: left;
text-align: center;
width: 109px;
}
html>body>#contentWrapper>#topNavigation>ul>li {
display:block;
padding: 0px;
float: left;
text-align: center;
width: 110px;
}



#topNavigation li a, #topNavigation li a:visited {
font: bold x-small verdana, sans-serif;
display: block;
color: #909587;
background-color: transparent;
text-decoration: none;
width: 110px;
margin: 0px;
height: 33px;
padding-top: 6px;
text-align: center;
}

html>body>#contentWrapper>#topNavigation li a, html>body>#contentWrapper>#topNavigation li a:visited {
padding-top: 10px;
height: 22px;
width: 110px;
}


#topNavigation li a:hover, #topNavigation li a:active {
font: bold x-small verdana, sans-serif;
display: block;
color: #ff9933;
text-decoration: none;
background-color: #c33a28;
width: 110px;
height: 33px;
padding-top: 6px;
text-align: center;
} 


html>body>#contentWrapper>#topNavigation li a:hover, html>body>#contentWrapper>#topNavigation li a:active {
padding-top: 10px;
height: 22px;
width: 110px;
}

/* controls subpage content */
#pagecontent {
  width: 960px; /* width shown to IE */
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-image: url('/images/yakia-subpage-bg.gif');
  background-color: transparent;
  background-repeat: repeat-y;
  color: #000000;
  float: left;
}

#pagecontent h1 {
text-align: left;
color: #000000;
background-color: transparent;
font: bold large verdana, sans-serif;
margin: 30px 38px 0px 38px;
padding: 20px 20px 0px 20px;
}

#pagecontent h2 {
text-align: left;
color: #000000;
background-color: transparent;
font: bold x-small verdana, sans-serif;
margin: 10px 30px 10px 30px;
padding: 10px 30px 10px 30px;
}

#pagecontent p {
color: #000000;
background-color: transparent;
font: normal x-small verdana, sans-serif;
text-align: justify;
margin: 10px 30px 10px 30px;
padding: 10px 30px 10px 30px;
line-height: 2;
}

#pagecontent ul {
color: #000000;
background-color: transparent;
font: normal x-small verdana, sans-serif;
text-align: justify;
margin: 0px 30px 10px 30px;
padding: 0px 30px 10px 30px;
line-height: 2;
}

#pagecontent ul li {
margin: 0px 50px 0px 50px;
}

#pagecontent table, #pagecontent tr, #pagecontent td {
padding: 0px 0px 20px 0px;
margin: 0px 0px 20px 0px;
text-align: left;
float: left;
}

#pagecontent a, #pagecontent a:visited {
color: #C33A28;
font: bold x-small verdana, sans-serif;
background-color: transparent;
padding-left: 2px;
padding-right: 2px;
text-decoration: none;
}

#pagecontent a:active, #pagecontent a:hover {
color: #ff9933;
font: bold x-small verdana, sans-serif;
background-color: #C33A28;
padding-left: 2px;
padding-right: 2px;
text-decoration: none;
}

/* controls subpage footer image */
#footerimage {
  width: 960px; /* width shown to IE */
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  margin-top: -30px;
  margin-bottom: 0px;
  background-image: url('/images/yakia-footer-bg.gif');
  background-color: transparent;
  background-repeat: no-repeat;
  height: 33px;
  float: left;
}


#footer {
font: bold x-small verdana, sans-serif;
width: 960px;
margin-top: 20px; 
margin-left: auto; 
margin-right: auto; 
color: #9D9587;
float: left;
}

#footer a, #footer a:visited {
font: bold x-small verdana, sans-serif;
color: #9D9587;
text-decoration: none;
}

#footer a:hover, #footer a:active {
font: bold x-small verdana, sans-serif;
color: #9D9587;
text-decoration: underline;
}