/* standard elements */

html {height: 100%;}

* {
	margin: 0;
	padding: 0;
	border: 0;
}


a {
	color: #048;
	text-decoration:underline;
}

a:hover {color: #06C;}


body {
	background: #E7E7E2; 
	background:url("img/menu-background.gif");
	background-repeat:repeat-y;
	color: #444;
	font: normal 62.5% Tahoma,Verdana,sans-serif;
	padding-top: 0px;
}

p,code,ul {padding-bottom: 14px;}

li {list-style: none;}

h1 {font: normal 18px Tahoma,Verdana,sans-serif;}

h2 {font: normal 12px Tahoma,Verdana,sans-serif;}

h3 {font: bold 11px Tahoma,Verdana,sans-serif;}


/* navigation */

.navigation {
	float: left;
	width: 208px;
	margin: 0 0 10px 0;
	padding: 0;
}


.navigation h2 {
	/*background: #E7EFF3;*/
	color:#3C6AAA;
	font: bold 11px Tahoma,Verdana,sans-serif;
	line-height: 20px;
	margin: 0;
	padding-left: 8px;
}

.navigation ul {
	padding: 0;
	border-top: 2px solid #E7EFF3;
}

.navigation li {border-bottom: 2px solid #E7EFF3;}

.navigation li a {	
	font-size: 11px;
	color: #554;
	display: block;
	text-decoration: none;
	width: 92%;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 8%;

}

.navigation li a:hover {
	background: #E7EFF3;
	color: #3C6AAA;
	font-weight:bold;
	background-image: url(img/button-a.gif);
}

.navigation li a:active, .navigation li a:focus {
	background: #F0F0FF;
	color: #06C;
	font-weight:bold;
	background-image: url(img/button-a.gif);
}

.navy {
	color:navy;
	background-color:navy;
	border:1px solid navy;
}