/* CSS Document */

/*CSS Vertical Menu v1.0*/
/*Credits: Web-Kreation */
/*URL: http://web-kreation.com/blog/?p=22 */

/***** Global Settings *****/
* {
  margin: 0;
  padding: 0;
}

html, body {
  border: 0;
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  font: 100%/1 arial, helvetica, sans-serif;
  color: #000000;
  text-align: left;
}

ul li {
  list-style-type: none;/*turns off display of bullet*/
}
/***** Main Formatting *****/

#wrapper {
  display: block;
  width: 140px;
  margin: 1px auto;
  text-align: left;
 
}
/***** MENU *****/

#wrapperNavlist {
  display: block;
  width: 140px;
  background: #6295E9;
  margin-bottom: 1px;
  margin-top: 0px;
  padding: 0;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #999999;
  font-weight: normal;
  font-size: 12px;
  font-family: verdana;
}

#navlist {
  margin: 0;/*removes indent IE and Opera*/
  padding: 0;/*removes indent Mozilla and NN7*/
}

#navlist a, #navlist a:visited {
  display: block;
  height: 24px;
  line-height: 24px;/*must be equal to height. Centers the text vertically*/
  padding: 0 0 0 10px;
  border: none;
  border-top: 1px solid #99CCCC;
  border-bottom: 1px solid #3564D8;
  color: yellow;
  text-decoration: none;
  background: url(/images/nav.jpg) repeat-x left top;

}

#navlist a:hover {
  background-position: 0 -24px;   /* Shift background image vertically 24px, or start of the 2nd background image (on mouseover) */
  text-decoration: none;   
  color: #0066CC;  
  
}

#navlist #active a {
  display: block;
  background: #548BE7 url(/images/bullet.jpg) no-repeat left center;
  background-position: 2px;
  padding-left: 20px;
  cursor: default;
  font-weight: bold;
  color: yellow;
  font-size: 14px;
}