html, body {
height: 100%;
padding:0;
margin:0;
border:0;
background-color:#FFFFFF;
font-family:  "Lucida Grande", verdana, arial, helvetica, sans-serif;
}

html { min-height: 100%; margin-bottom: 1px; }

#wrapper {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	padding:0 20px;
	width:800px;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

#navigation {
	z-index:3;
	background-color:#FFFFFF;
	width:210px;
	position: fixed;
	top:90px;
	line-height: 1.5em;
	font-size:0.9em;
	padding-right:10px;
}

*html #navigation {
	width:210px;
	position: relative;
	top:20px;
	line-height: 1.5em;
	font-size:0.9em;
	padding-right:10px;
}

#navigation ul li {
	margin: 2px 0 2px -40px;
	padding:0;
	list-style:none;
	text-indent:0;
}

#navigation li a{
text-decoration: none;
	display: block;
	text-indent:0;
	text-decoration: none;
	color:#0F0;
	padding:3px 5px;
	font-size:1em;
	font-weight: bold;
	width:200px;
	background-color:#000;
}

#navigation li a:hover {
	background-color:#0F0;
	color: #000;
}

#navigation ul li.active a {
	background-color:#fff;
	color:#000;
}

#navigation img {
	text-align:center;
	padding:2px 0;
	margin: auto;
	border: none;
	background-color:none;
}

#whiteMargin {
	position:fixed;
	top:0;
	width:800px;
	height:20px;
	margin:0 auto;
	background-color:#FFF;
	z-index:2;
}

#banner {
width:800px;
height:50px;
margin:20px auto 0px auto;
padding:3px 0;
position:fixed;
border-top:2px solid #000;
border-bottom:2px solid #000;
background-color:#fff;
z-index:2;
}

*html #banner {
	position:relative;
	top:0;
	margin: 0 auto;
	padding:0;
}

#banner h1 a {
	display:block;
	width:800px;
	height:48px;
	z-index:3;
	position:relative;
	top:-20px;
	left:0px;
	text-align:left;
	
	margin:0;
	padding:0 0 0 0;
	font-size:1.2em;
	color:#0F0;
	text-decoration:none;
	background-image:url('../img/banner.jpg');
	background-repeat: no-repeat;
	background-position:center;
}

*html #banner h1 a {
	z-index:3;
	height:52px;
	position:relative;
	top:10px;
}

#content {
position:relative;
line-height: 1.6em;
text-align:justify;
position: relative;
height: 100%;
min-height: 520px;
margin: 0 0 0 210px;
padding: 90px 0 50px 10px;
}

*html #content {
	position:relative;
	margin-top:-520px;
	padding:90px 0 60px 10px;
}

#content h2 {
	line-height:1.6em;
	margin-top:0;
	padding-top:10px;
}

* html #content
	{
		height: 100%;
	}
#content a, #footer a {
	color:#000;
	background-color:#6f0;
}

#content img {
	margin: 20px 0;
}

#content table {
	border-collapse: collapse;
	table-layout:auto;
	empty-cells: hide;
	width: 98%;
	text-align:left;
	margin: auto;
}

#content th, #content td  {
	border: 1px solid #000;
}

#content th, #content td {
	padding: 0 5px;
}

#footer {
	height:50px;
position:absolute;
	width:800px;
	bottom:0; /* stick to bottom */
text-align: center;
border-top:2px solid black;
}

* html #footer {
	height:40px;
	padding:10px 0 0 0;
}


.hidden {
display:none;
}

#navigation .active a {
color: #6F0; 
}

#errorMessage {
	border:3px solid red;
	padding: 0 10px;
	font-size: large;
	margin:0 0 10px 0;
}

#content a[href^="http:"] {
	
	padding-right:14px;
	background-image: url(../img/out.png);
	background-position: right;
	background-repeat:no-repeat;
	
}

#content a[href^="http://localhost"] {
}

/**************FORMS******************/
.label {
	width: 170px;
	text-align: right;
	float:left;
	margin: 0 10px 0 0;
}

form p {
	clear: both;
}

/************ dl *****************/

dt {
margin-bottom:5px;
}

dd {
font-style:italic;
}