/** BASIC */





.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 180px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
border-top: 1px solid #778;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #FFF7CC; /*background of tabs (default state)*/
}


.sidebarmenu ul li a:hover{
background-color: #325FBA;color: #FFFFFF; 
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 180px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu ul li ul a:link, .sidebarmenu ul li ul a:visited, .sidebarmenu ul li ul a:active{
background-color: #5E98DA; color: white; /*background of tabs (default state)*/
}

.sidebarmenu ul li ul a:hover{
background-color: #F0F4FD; color: black;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */





body {
	text-align: justify;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
}

h1, h2, h3, h4 {
	text-transform: lowercase;
	color: #000000;
}

ul {
	margin-left: 0px;
	padding-left: 1em;
	list-style-position: inside;
}

a {
	color: #000000;
}

a:hover {
	text-decoration: none;
	color: #990000;
}

/** HEADER */

#header {
	width: 700px;
	height: 60px;
	margin: 0px auto;
}

#header h1 {
	float: left;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	color: #990000;
}

#header h2 {
	float: right;
	margin: 0px;
	padding: 27px 0px 0px 0px;
}

/** MENU */

#menu {
	width: 700px;
	height: 1.5em;
	margin: 0px auto;
	border: 1px solid #000000;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	padding: 3px 10px;
	border-right: 1px solid #000000;
	text-decoration: none;
}

#menu a:hover {
	background: #990000;
	color: #FFFFFF;
}

/** CONTENT */

#content {
	width: 700px;
	margin: 0px auto;
}

#content h2 {
	font-weight: normal;
}

#left {
	float: left;
	width: 480px;
}

#right {
	float: right;
	width: 200px;
}

/** FOOTER */

#footer {
	clear: both;
	width: 680px;
	margin: 0px auto;
	padding: 5px 10px;
	border: 1px solid #000000;
}

#footer p {
	margin: 0px;
	padding: 0px;
	font-size: x-small;
}
