@charset "UTF-8";
/* CSS Document */

* {
  margin: 0;	
}

body {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 8.5pt;
  background: url(../images/bg_picture.jpg) no-repeat left center;
}

h1, div.componentheading {
  padding: 0 0 .5em 0;
  font-size: 1.8em;
}

h2 {
  font-size: 1.4em;	
}

h3 {
  font-size: 1.2em;	
}

h1, h2, h3, div.componentheading {
  color: #44A12B;
  font-weight: normal;
}

h2, h3 {
  padding: .8em 0 .4em 0;
}

#wrapper {
  width: 880px;
  margin: 0 auto 0 auto;
  padding: 20px 0 0 0;
}

#header {
  padding: 0 15px 0 15px; 
}

#top {
  height: 55px;
  background: url(../images/bg_menu.png) no-repeat;
}

#logo {
  float: left;
  width: 155px;
  padding: 19px 0 0 35px;
}

#logo img {
  border: none;	
}

#ball {
  float: right;
  width: 50px;
  padding: 15px 0 0 0;
}

#main {
  background: url(../images/bg_main.png) repeat-y;
}

#left {
  width: 136px;
  float: left;
  margin: 0 0 0 23px;
}

#content-wrapper {
  padding: 25px 0 0 200px;
}

#content {
  width: 550px;
}

#content p  {
  padding: 5px 0 5px 0;	
}

/*----------------- menus ---------------------*/
#left ul {
  margin: 0;
  padding: 0 0 0 0px;
}

#left ul li, #menu ul li {
  list-style-type: none;
}

#left ul li a, #menu ul li a {
  display: block;
  text-decoration: none;
  color: #666;
}

#menu ul {
  padding: 2px 0 0 170px;	
}

#menu ul li {
  float: left;
  padding: 11px 20px 0 20px;
  line-height: 3.5em;
  border-left: #cecece solid 1px;
}

#menu ul li a {
  display: block;
  text-transform: uppercase;
}

#menu ul li:hover, #menu ul li.active {
  background: url(../images/bg_menu_item_selected.png) repeat-x;
}

#left ul li {
  margin: 3px 0;
  padding: 0 0 0 5px;
  line-height: 1.6em;
  background-color: #bcbcbc;
}

#left ul li:hover, #left ul li.active {
  background-color: #44A12B;
}

#left ul li:hover a, #left ul li.active a {
  color: #ffffff;
}

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


/*------------ main content - ul --------------*/

#content ul {
  padding: 0 0 0 10px;
}

#content ul li {
  padding: 0 0 0 22px;
  margin: 13px 0 13px 0;
  list-style-type: none;
  background: url(../images/list_item_image.png) no-repeat left top;
}

#jForm {
  padding-bottom: 20px;
}
/* --------------------------------------------*/

#footer {
  clear: both;
  height: 160px;
  background: url(../images/bg_footer.png) no-repeat top;
}

#footer p, #footer a {
  color: #ffffff;
}

#footer p {
  margin: 0 0 0 35px;
  padding: 95px 0 0 0;
}

#footer a {
  text-decoration: none;
}