/* link behaviour */
a:link {
	color: #738DCE;
	text-decoration:none;
}
a:visited {
	color:#002686;
	text-decoration:none;
}
a:hover {
   color: blue;
   text-decoration:none;
}

img{
 border: 0;
}

/* layout */
body {
	background-color: white;
}


#wrapper{
top: 100px;
margin-left: 10px;
margin-top: 20px;
width: 1000px;
height: 679px;
text-align: center;
}

#content{ 
position: absolute;
top: 89px;
left: 300px;
width: 779px;
height: 600px;
font-family: Georgia;
border: 1px solid silver;
overflow: auto;
}

/* menu style */
#menu {
/* set width of menu */

top: 100px;
left: 10px;
width: 220px;
height: 600px;
text-align: left;
} 
/* remove bullets and list indents */
#menu ul { 
list-style: none;
margin: 0;
}
/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font-family: Georgia;
display: block;
margin: 1px; 
padding: 1px;
}
/* submenu header style */
#menu h2 {
font-size: 16px;
font-weight: normal;
}

#menu a {
text-decoration: none;
}

#menu a:hover {
color: blue;
}

#menu li {
position: relative;
} 
/* black border around submenu entries and colored background */
#menu ul li ul li{
position: relative;
margin: 1px;
height: 30px;
display: block;
} 
/* hover behaviour of links inside submenus */
#menu ul li ul li a:hover{
color: black;
}
/* positioning and appearance of submenus */
#menu ul li ul {
position: relative;
top: 0px;
left: 30px; /* to position them to the right of their containing block */
width: 180px; /* width is based on the containing block */
display: block;
}
/* hover behaviour of submenus and links in submenus */
div#menu ul li ul
{display: none;}
div#menu ul li ul li
{display: none;}
div#menu ul li:hover ul{
display: block;
}
div#menu ul li:hover ul li{
display: block;
}


#simplemenu {
/* set width of menu */
position: absolute;
top: 99px;
left: 112px;
width: 217px;
height: 600px;
text-align: left;
font-family: Georgia;
}