/* CSS Document */

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

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

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

body {
  font: 85%/1.25 arial, helvetica, sans-serif;
  color: #000000;
  text-align: center;
}

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

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

#wrapperNavlist {
  display: block;
  width: 106px;
  background: #6295e9;
  margin-bottom: 2px;
  padding: 0;
  border-bottom: 1px solid;
  border-left: 0px solid;
  border-right: 0px solid;
  border-color: #000000;
  font-weight: normal;
}

#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 5px;/*this is the space used from the left side of the button for the text*/
  border: none;
  border-top: 1px solid #000000;/*was #99cccc this is the boarder between buttons*/
  /*border-bottom: 1px solid #000000;*//*this has been removed to make a thinner line*/
  color: #cccccc;/*color of the text*/
  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) */
  color: white;/*color of text on mouseover*/
}

#navlist #active a {
  display: block;
  background: #548BE7 url(images/bullet.jpg) no-repeat left center;
  background-position: 25px;
  padding-left: 45px;
  cursor: default;
}

/***** IMAGE REPLACEMENT *****/

h2.ir {
	position: relative;
	width: 175px;
	height: 25px;
	padding: 0;
	overflow: hidden;
	left: -1px;
}

h2.ir em {
  display: block;
  width: 175px;
  height: 25px;
  position: relative;
  background: url(images/mainmenu.jpg) no-repeat left top;
}