﻿
body {
	background-image: url(images/background-2.png);
}
.footer_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	link: #FFFFFF;
	alink: #FFFFFF;
	vlink: #FFFFFF;
}

.footer_text.alink {
	color: #FFFFFF;
}
.footer_text.vlink {
	color: #FFFFFF;
}
.footer_text.ahover {
	color: #FFFFFF;
}
.content_text{
	color: #333333;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}
.feature_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
}
.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #333333;
}
footerlink {
	color:#FFFFFF;
}

footerlink.alink {
	color:#FFFFFF;
}

footerlink.vlink {
	color:#FFFFFF;
}
.textfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	background-color: #FFF1D5;
}

#menu {
width: 9em; /* set width of menu */
background: #eee;
} 

#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, #menu h2 {
font-family:arial,sans-serif;
text-align:right;
font-size: 65%;
display: block;
border-style: none;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #fff;
text-decoration: none;
font-size:65%;
}

#menu a:hover {
color: #a00;
background: #fff;
font-size:65%;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu 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,
div#menu ul li:hover ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{
	display: block;
	z-index: 1000;
	border-bottom-style:solid;
	border-bottom-width:thin;
}

div#menu ul ul li {
	border-top-style:solid;
	border-top-width:thin;
	border-left-style:solid;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;
	z-index: 1;
}