body {
	background-image: url(images/PHG_bkg.jpg);
}

<style type="text/css">
#containerul, #containerul ul{
  text-align:left;
  margin:0; /* Removes browser default margins applied to the lists. */
  padding:0; /* Removes browser default padding applied to the lists. */
}

#containerul li{
  margin:0 0 0 30px; /* A left margin to indent the list items and give the menu a sense of structure. */
  padding:0; /* Removes browser default padding applied to the list items. */
  list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
}

#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
  float:left;
  width:12px;
  height:1em;
  background-position:0 50%;
  background-repeat:no-repeat;
}
</style>




.mainmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #000066;
	background-position: 5px;
	text-decoration: none;
	background-image: url(images/PHG_bullet.jpg);
	background-repeat: no-repeat;
	text-indent: 20px;
	background-color: #E2E9EB;
	padding: 2px;
	height: 25px;
	width: 200px;
	border: 1px solid #597684;
}

.mainmenu a:hover {
	color: #826F48;
	text-decoration: underline;
}


.mainlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #355275;
	text-decoration: none;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	background-color: #94B1C9;
	background-image: url(images/PHG_bullet.jpg);
	background-repeat: no-repeat;
	background-position: 5px;
	text-indent: 20px;
}
.mainlink a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
.morelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #355275;
	height: 14px;
	text-align: left;
	text-decoration: none;
	text-indent: 20px;
}
.morelink a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	height: 14px;
	text-decoration: none;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

.text_1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}


.head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}
.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 15px;
}
.smallhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 25px;
	text-indent: 10px;
}
.tb_head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #326BAB;
	margin: 1px;
	padding: 1px;
	height: 20px;
	line-height: 25px;
	text-indent: 10px;
}
.opt1 {   /* Second menu for the front page */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color:#333333;
	text-decoration: none;
	background-color: #ABB06A;
	background-image: url(images/bullet_gif.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	display: block;
	border: 1px solid #596433;
	line-height: 20px;
	text-indent: 25px;
}
.opt2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #FFD99F;
	margin: 1px;
	padding: 1px;
	height: 20px;
	text-indent: 10px;
}

.pagehead  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 1px;
	padding: 1px;
	height: 20px;
	text-indent: 50px;
	text-decoration: underline;
	line-height: 25px;
	background-image: url(images/arrow_1.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #000000;
	background-position: left;
	text-decoration: none;
}

.list {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #F5E9C2;
	background-position: left center;
	color: #000000;
	line-height: 15px;
}

.list a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #F5E9C2;
	background-position: left center;
	color: #000000;
	line-height: 20px;
}

.list1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #D9E3CE;
	background-position: left center;
	color: #000000;
	line-height: 15px;
}

.list1 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #D9E3CE;
	background-position: left center;
	color: #000000;
	line-height: 20px;
}

.list2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #CCCCCC;
	background-position: left center;
	color: #000000;
	line-height: 15px;
}

.list2 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #cccccc;
	background-position: left center;
	color: #000000;
	line-height: 20px;
}

.list3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	background-position: left center;
	color: #000000;
	line-height: 10px;
}

.list3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-position: left center;
	color: #000000;
	line-height: 10px;
}

.add {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.text4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	line-height: 35px;
	text-indent: 10px;
}


.text5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 20px;
	font-weight: bold;
	display: block;
	
}

.text5 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	line-height: 15px;
	text-indent: 5px;
	font-weight: bold;
	background-position: 5px center;
	display: none;
	line-height: 20px;
	text-indent: 25px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.text6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	background-color: #EBEBEB;
}

.text6 a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
	background-color: #EBEBEB;
	line-height: 20px;
}

.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 20px;
	font-weight: bold;
	background-color: #EDDEB1;
	background-image: url(images/opt_bkg.jpg);
	background-repeat: repeat;
	display: block;
	line-height: 20px;
	padding: 1px;
	text-decoration: none;
}

.txt a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #215667;
	line-height: 20px;
	font-weight: bold;
	background-color: #EDDEB1;
	background-image: url(images/opt_bkg.jpg);
	background-repeat: repeat;
	display: none;
	line-height: 20px;
	padding: 1px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}




.bot {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #6B6E7D;
	background-position: center center;
	line-height: 20px;
	text-indent: 20px;
	text-decoration: none;
}


.bot a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #6B6E7D;
	background-position: center center;
	line-height: 20px;
	text-decoration: blink;
}
.headsm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 35px;
	font-weight: bold;
	color: #355275;
	background-position: 15px center;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	text-indent: 35px;
}



<!-- Paste this code into the CSS section of your HTML document  -->

.menu {
 position:relative;
 background-color:#94B1C9;
 border:1px solid darkblue;
 width:210;
 font-size:12px;
 font-family:verdana;
 font:bold;
 position:absolute;
 cursor:se-resize;
 background-position: 15px center;
	background-image: url(images/PHG_bullet.jpg);
	background-repeat: no-repeat;
	text-indent: 35px;
	padding: 2px;
	cursor:move;
	
}

.item_panel {
	width:210;
	clip:rect(0,210,0,0);
	position:absolute;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #18274B;
	border-left-color: #18274B;
	color: #355275;
	text-decoration: none;
	font-weight: bold;
	height: 20px;	
}

.item_panel a {
 text-decoration:none;
 color:black;
 cursor:hand;
}

.item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #355275;
	height: 14px;
	text-align: left;
	text-decoration: none;
	text-indent: 20px;
	 width:210;
 
}