body {
  background: #8b8b8b;
  color: #303030;
  font: 76% Verdana, Tahoma, Arial, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
}

a {
  color: #505050;
  font-weight: bold;
  text-decoration: none;
}

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

b {
  color: #505050;
  font-weight: bold;
}

p {
  line-height: 1.5em;
  margin: 0 0 15px;
}

input {
  border-width: 1px;
  font: 100% Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  margin-left: 5px;
}

ul {
  list-style: disc;
  padding-left: 15px;
}

/*** text format ***/

.intro {
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: -1px;
}

.small {font-size: 0.9em;}
.large {font-size: 1.4em;}
.center {text-align: center;}
.right {text-align: right;}

/*** main container ***/

#container {
  background: #f0f0f0 url(images/body_bg.jpg) repeat-x;
  color: #303030;
  margin: 0;
  min-width: 900px;
  padding: 0;
  text-align: left;
  width: 100%;
}
 
/*** header section ***/

#sitename {
  color: #ffffff;
  height: 92px;
  margin: 0 20px 10px;
  text-align: left;
}

#sitename h1,#sitename h2 {
  font-weight: 400;
  letter-spacing: -2px;
  margin: 0;
  padding: 0;
}

#sitename h1 {
  font-size: 2.4em;
  padding-top: 20px;
}

#sitename h2 {
  font-size: 1.6em;
}

/*** horizontal menu ***/

#mainmenu {
  float: left;
  margin-bottom: 25px;
}

#mainmenu ul {
  font-size: 16px;
  margin: 0;
  padding: 0;
}

#mainmenu li {
  float: left;
  height: 35px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#mainmenu a {
  border-right: 1px solid #b0b0b0;
  color: #606060;
  display: block;
  font-size: 0.7em;
  padding: 11px 10px 10px;
  text-transform: uppercase;
}

#mainmenu a:hover {
  background: #f0f0f0 url(images/menu_hover.jpg) top left repeat-x;
  color: #505050;
  text-decoration: none;
}

#mainmenu a.current {
  background: #f0f0f0 url(images/menu_hover.jpg) top left repeat-x;
  color: #505050;
  text-decoration: none;
}

/*** content wrap ***/
 
#wrap {
  clear: both;
  font-size: 0.9em;
  padding: 0;
}
 
/*** sidebars ***/

#leftside,#rightside {
  margin: 0;
  padding: 0 10px 10px;
  width: 165px;
}
 
#leftside {
  float: left;
  margin-right: 10px;
}

#rightside {
  float: right;
  margin-left: 10px;
}

#leftside h1,#rightside h1 {
  color: #505050;
  font-size: 1.6em;
  font-weight: bold;
  letter-spacing: -1px;
  margin: 0 0 12px;
}

#leftside h2,#rightside h2 {
  font-size: 1.1em;
  margin: 0 0 20px;
}

#leftside p,#rightside p {
  font-size: 0.9em;
  line-height: 1.4em;
  margin: 0 0 16px 10px;
}

.linklist {
  list-style: none;
  margin: 0 0 16px 10px;
  padding: 0;
}

.linklist li {margin-bottom: 0.7em;}

/*** sidebar menu ***/

.nav {
  background: #e8e9ea;
  border: 1px solid #b0b0b0;
  color: #606060;
  display: block;
  margin-top: 8px;
  padding: 5px 4px 4px 10px;
  position: relative;
  text-transform: uppercase;
  width: 140px;
}

.nav-left {
  background: #e8e9ea;
  border: 1px solid #b0b0b0;
  color: #606060;
  display: block;
  margin-top: 8px;
  padding: 5px 4px 4px 10px;
  position: relative;
  width: 140px;
}

.nav:hover,.active {
  background: #f8f9fa;
  border: 1px solid #909090;
  color: #303030;
  text-decoration: none;
}

.nav-left:hover,.active {
  background: #f8f9fa;
  border: 1px solid #909090;
  color: #303030;
  text-decoration: none;
}

.sub {
  font-size: 1.0em;
  letter-spacing: 1px;
  margin: 3px 0 2px 10px;
  padding: 4px 2px 2px 8px;
  width: 125px;
}

/*** content ***/

#content,#contentalt {
  background-color: #ffffff;
  border: 1px solid #909090;
  color: #2a2a2a;
  padding: 15px 20px 5px;
}

#content {margin: 0 200px;}
#contentalt {margin: 0 200px 0 20px;}

#content h1, #content h2, #content h3, #contentalt h1, #contentalt h3 {
  background-color: inherit;
  color: #606060;
  font-size: 1.8em;
  font-weight: bold;
  letter-spacing: -1px;
  margin: 0 0 15px;
  padding: 0;
}

#content h2,#contentalt h2 {
  font-size: 1.6em;
  margin-bottom: 10px;
}

#content h3,#contentalt h3 {
  font-size: 1.4em;
  margin-bottom: 10px;
}

#content img,#contentalt img {
  border: 0px solid #b0b0b0;
  margin: 5px 15px 5px;
  padding: 5px;
}

/*** footer ***/

#footer {
  background: #8b8b8b url(images/footer_bg.jpg) top left repeat-x;
  clear: both;
  color: #d0d0d0;
  font-size: 0.9em;
  font-weight: bold;
  margin: 0;
  padding: 20px 0;
  text-align: center;
  width: 100%;
}

#footer a {
  color: #d0d0d0;
  font-weight: bold;
}

/*** various classes ***/

.thumbnail {
  background: #fafbfc;
  border: 1px solid #b0b0b0;
  margin: 0 0 10px 10px;
  padding: 5px;
}

.image-left {
  border: 0px solid #b0b0b0;
  float: left;
  margin: 5px 15px 5px;
  padding: 5px;
}

.image-right {
  border: 0px solid #b0b0b0;
  float: right;
  margin: 5px 15px 5px;
  padding: 5px;
}

.searchform {margin: 0;}

.searchbox {
  background: #f0f0f0;
  border: 1px solid #b0b0b0;
  margin: 0 4px 0 0;
  width: 100px;
}

.searchbutton {
  background: #f0f0f0;
  border: 1px solid #b0b0b0;
}

.clearingdiv {
  clear: both;
  height: 30px;
  width: 1px;
}

.hide {display: none;}