﻿/*
     
	  
*/

* { padding: 10; margin: 10; }

body {
 font-family:Tahoma;
 font-size: 13px;
 background-image:url('images/bg.png'); 
 background-repeat:repeat-x;
}
#wrapper { 
 margin: 0 auto;
 width: 822px;
}
#header {
 color: white;
 width: 800px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 height: 136px;
 margin: 0px 0px 0px 0px;
 background: #ffffff;
 
}
#navigation {
 float: left;
 width: 800px;
 color: #FFF;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 color:White;
 background: #3F4847;

}
#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #F9E84A;
 margin: 0px 0px 0px 0px;
 padding: 10px;
height: 600px;
 width: 200px;
 float: left;
 font-size:x-small;
}
#rightcolumn { 
 float: right;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 600px;
 overflow:auto;
 width: 578px;
 display: inline;
}
#footer { 
 width: 800px;
 clear: both;
 color: #B5BAB4;
 border: 1px solid #ccc;
 background: #3F4847;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 font-size:xx-small;
 
}
.address
{
	border:dotted 1px #ccc;
	padding:10px 10px 10px 10px;
	background-color:#BD9C8C;
	
}

A:link 
{
	text-decoration: none;
	color:#3F4847;
	font-weight:bold;
}
A:visited 
{
	text-decoration: none;
	color:#3F4847;
	font-weight:bold;
	}
A:active 
{
	text-decoration: none; 
	color:#3F4847;
	font-weight:bold;
	}
A:hover 
{
	text-decoration: underline;
	color: #3F4847;
	font-weight:bold;
	}
.menulink
{
	color :red;
	font-size:10pt;
	}
a.menulink:link
{
	
	color:#55E0FF;
	text-decoration: none;
	font-weight:bold;
	
}
a.menulink:visited
{
	
	color:#55E0FF;
	text-decoration: none;
	font-weight:bold;
}
a.menulink:active
{
	color:#55E0FF;
	text-decoration: none;
	font-weight:bold;
}
a.menulink:hover
{
	background:#3F4847;
	color:#EFC803;
	text-decoration: none;
	font-weight:bold;
}
#footer a:link
{
	
	color:#FFF;
	text-decoration: none;
	font-weight:bold;
}
#footer a:visited
{
	
	color:#FFF;
	text-decoration: none;
	font-weight:bold;
}
#footer a:active
{
	color:#FFF;
	text-decoration: none;
	font-weight:bold;
}
#footer a:hover
{
	color:#FFF;
	text-decoration: underline;
	font-weight:bold;
}

#documentareas ul
{
    list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
#documentareas li 
{ 
    background: url('images/folder.png') left center no-repeat;
    padding-left: 15px;
	margin-bottom: 10px;

}

#leftcolumn a:link
{
	
	color:#3F4847;
	text-decoration: none;
	font-weight:bold;
}
#leftcolumn a:visited
{
	
	color:#3F4847;
	text-decoration: none;
	font-weight:bold;
}
#leftcolumn a:active
{
	color:#3F4847;
	text-decoration: none;
	font-weight:bold;
}
#leftcolumn a:hover
{
	color:#3F4847;
	text-decoration: underline;
	font-weight:bold;
}

#leftcolumn b
{
  background: #3F4847;
  color:White;	
  font-weight:bold;
  text-align:center;
  
 padding:2px;
 width:100%;
}

#documents 
{
    font-size:x-small;
}

#docareadescr
{
    font-size:small;
    background:#F9E84A;
    border: solid 1px #3F4847;
    text-align:justify;
    margin:5px;
    padding:5px;
}


.floatleft
{
	float:left;
	clear:left;
	padding:10px 20px 10px 10px;
}
.floatright
{
	float:right;
	clear:right;
	padding:10px 20px 10px 10px;
}
.justify
{
	text-align:justify;
}