body {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color: #FFFF99;}


input { margin:3px; background-color:#eeeeee;}
textarea { margin:3px; background-color:#eeeeee;}
select { margin:3px; background-color:#eeeeee;}
.small {font-size:x-small;}


.RTtop {
	background-image: url(images/column_rt_top_bg.jpg);
	background-repeat: repeat-y;
	background-position: right;
	background-position:top
}

.RTbottom {
	background-image: url(images/column_rt_bottom_bg.jpg);
	background-repeat: repeat-y;
	background-position: right;
	background-position:bottom
}

#content{padding:10px;}

.columnLFT {
	background-image: url(images/left_column_bg.jpg);
	background-repeat: repeat-y;	
	background-position: left;
}

.bottom {
	background-image: url(images/bg_bottom.jpg);
	background-repeat: repeat-x;
	background-position:bottom;	
}

.footerMiddle {
	background-image: url(images/footer_middle.jpg);
	background-repeat: repeat-x;
	background-position:bottom;	
	font-size: x-small;	
	color:#333300;
	font-family:Arial, Helvetica, sans-serif;
	padding: 3px;
	text-align:center;
}

.bgWhite { background-color:#FFFFFF;}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}


/* css for the verticle menu */
#menu {
width: 130px;  /*set width of menu */
float:right;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, li, ul{
font-family: Arial, Helvetica, sans-serif;
/*font-weight: bold;*/
text-align:center;
font-size:12px;
display: block;
margin: 0;
padding: 0px;
}

#menu a {
color: #000;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}
#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
border-top: solid .05em #333;
border-bottom: solid .05em #333;
border-left: solid .05em #333;
border-right: solid .05em #333;
margin-bottom: 7px;
margin-top:5px;
background: #b5b5f0;
padding-top:1px;
padding-bottom:2px;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

<![endif]-->
/* end styles for the verticle menu */