body{
background-color: #F3F1DB;
text-align: center;
font-weight: normal; 
font-size: 10pt;
font-family: verdana, sans-serif;
}

#pageframe{
position: relative;
margin: auto;
width: 950px;

}
#wrapper{
position: relative;


border: 1px solid #E5CD53;
background-color: #FFFFFF;
}
#header{
width: 950px;
}

#content {

/*background-color: #ffffcc;*/
background: url('images/edge_side-r.gif') repeat-y;
text-align: left;
overflow: auto;
}

#article{

width: 750px;
float: left;

}

#article-content{
margin: 30px;
}

#menu{
width: 198px;
float: right;

}

#footer{
position: absolute;
left: 0px;
width: 950px;
margin: 0px;
height: 50px;
background: url('images/footer-1.jpg') no-repeat;
color: #6E5697;
}

#footer p{
margin-top: 5px;
font-weight: bold;
}

h1 {
  font-family: arial, verdana, sans-serif;
	font-weight: bold;
	margin-top: 1.5em;
	font-size: 13.5pt;
	margin-bottom: 1em;
	color: #482D76;
}

h2 {
  font-family: arial, verdana, sans-serif;
	margin-top: 2.0em;
	font-size: 12pt;
	margin-bottom: 1em;
	color: #482D76;
}

h3 {
	font-size: 11pt; 
}


/* box styles */
.edge { position: relative; float:left; width: 740px;}
.edge2 { position: relative; margin:auto; width: 680px; border: 1px solid #E5CD53;}
.edge3 { position: relative; margin:auto; width: 680px; border: 1px solid #6175E4; background-color:#F2F3FB;}
/* corners */
.corner { position: absolute; width: 10px; height: 10px; background: url('images/circle.gif') no-repeat; font-size: 0%; }

.corner3 { position: absolute; width: 10px; height: 10px; background: url('images/circle4.gif') no-repeat; font-size: 0%; }


.main-corner { position: absolute; width: 10px; height: 10px; background: url('images/circle1.gif') no-repeat; font-size: 0%; }


.TL { top: -1px; left: -1px; background-position: 0px 0px; }
.TR { top: -1px; right: -1px; background-position: -10px 0px; }
.BL { bottom: -1px; left: -1px; background-position: 0 -10px; }
.BR { bottom: -1px; right: -1px; background-position: -10px -10px; }
.edge{border-top: 1px solid #E5CD53; /*border-right: 1px solid #E5CD53;*/ }

/* menu */
#main-menu {float:left; width:190px; margin:10px 0px 0px 0px;}



ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 190px;
	/*border-bottom: 1px solid #ccc;*/

	}
ul li {
	position: relative;
	}
li ul {
	position: absolute;
	right: 190px;
	top: 0;
	display: none;
	}
ul li a {
	display: block;
	text-decoration: none;
	color: #003399;
	background: #fff;
	padding: 0px;
	/*border: 1px solid #ccc;*/
	border-bottom: 0;
	}

ul li ul {
	border-left: 1px solid #E5CD53;
	border-right: 1px solid #E5CD53;
	border-bottom: 1px solid #E5CD53;
}	
	
ul li ul li a{
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #003399;
	background: #F6EEC3;
	padding: 5px;

	border-top: 1px solid #E5CD53;


}	
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { 
	display: block; }