/*
  ©2007 KPKammer
  http://www.kpkammer.com
*/

body {
	color: #000000;
	background-color: #134A1C;
	background-image: url('../images/bg.gif');
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-variant:  normal;
	text-transform: none;
	line-height: normal;
	height: 100%;
}
a{
	color: #000000;
	font-style: italic;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
.welcome {
	color: #134A1C;
	font-size: 200%;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	margin: 0;
}
h1 {
	color: #51227E;
	font-size: 150%;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	margin: 0;
}
h2 {
	color: #134A1C;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	margin: 0 0 10px 0;
}
h3 {
	color: #51227E;
	font-size: 100%;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: underline;
}
h4 {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
}
h5 {
	color: #134A1C;
	font-size: 100%;
	font-style: italic;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: underline;
}
.table {
	font-size: 75%;
	text-align: center;
}
small {
	font-size: 75%;
}
.breadcrumb {
	font-size: 75%;
}
.breadcrumb a{
	font-style: normal;
	text-decoration: none;
}
.breadcrumb a:hover{
	text-decoration: underline;
}
.bottom {
	font-size: 55%;
	font-weight: lighter;
}
code {
	font-size: 45%;
	font-weight: lighter;
	line-height: 15px;
}
.out{
	font-style: normal;
	text-decoration: none;
	background-color: #00CC33;
	text-align: center;
	padding: 10px;
}
.variable {
	font-family: "Courier New", Courier, mono;
}
.print {
	font-size: 0%;
	visibility: hidden;
}
.dis {
	visibility: visible;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:720px; height:37px; position:relative; z-index:100;border-right:1px solid #000000;}
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:120px;}
.menu li {float:left;width:120px;position:relative;}

/* TOP LEVEL links */
.menu a{
	font-size:100%;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	display:block;
	background:#51227E;
	color:#FFFFFF;
	width:114px;
	height:35px;
	border:1px solid #000000;
	border-width:1px 0 1px 1px;
	line-height:35px;
	padding:0 0 0 5px;
}

/* SECOND LEVEL links */
.menu ul ul a{
	font-size:75%;
	font-weight: normal;
	background:#CCCCCC;
	color:#000000;
	height:auto;
	line-height:1em;
	padding:5px 5px;
	width:109px;
	border-width:0 1px 1px 1px;}

/* hover */
.menu :hover > a{color:#51227E; background:#FFFFFF;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:36px;left:0; width:120px;border-top:1px solid #000;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;}