body{
	font: 7pt "Lucida Sans Unicode";
	line-height: 15px;
	margin: 15px;
	background: #C0C0C0;
	cursor: default;}

a{
	color: #5A96A3;
	font-weight: normal;
	text-decoration: none;
	cursor: default;}

a:hover{
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	cursor: default;}

h1{
	font: 10pt "Lucida Sans Unicode";
	color: #2D4E56;
	font-weight: 800;
	border-bottom: 2px solid #2D4E56;}

p{
	text-indent: 10px;}

#header{
	margin: auto;
	width: 600px;
	height: 74px;
	background: url(banner.png);}

#nav{
	margin: auto;
	width: 600px;
	height: 22px;
	background-color: #5A96A3;}

#nav .menu {
	text-align: center;
	display: block;}

#nav .menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;}

#nav .menu li a {
	color: #ffffff;
	float: left;
	width: 84px;
	padding: 2px 0 2px 0;
	border-right: 1px solid #192F34;}

#nav .menu li.end a {
	border-right: 0px;}

#nav .menu a:hover, #nav .menu a.end:hover {
	background-color: #85A4AB;}


#wrap{
	width: 600px;
	background: #FFFFFF;
	text-align: justify;}


#content {
	margin: auto;
	width: 579px;
	height: auto;
	padding: 5px 10px 10px 10px;
	text-align: justify;
	background-color: #ffffff;}

#footer{
	border-top: 10px solid #5A96A3;
	padding-top: 7px;
	background: #000000;
	color: #F7F7F7;
	margin: auto;
	width: 600px;
	height: 25px;
	clear: both;
	text-align: center;}

#footer a{
	color: #999999;}

#footer a:hover{
	color: #5A96A3;}


.sectiontitle{
	font: 10pt "Lucida Sans Unicode";
	color: #2D4E56;
	padding: 5px;
	margin-bottom: 15px;
	font-weight: 800;
	border-bottom: 2px solid #2D4E56;}

.settitle{
	font: 10pt "Lucida Sans Unicode";
	color: #2D4E56;
	font-weight: 800;
	text-align: center;
	margin-top: 25px}

.cardsection{
	font: 7pt "Lucida Sans Unicode";
	hspace: 4px;
	text-align: center;}

#upper{
	margin: 15px 0 0 225px;
	width: 350px;
	padding: 3px 0 0  3px;
	float: left;}

#upper .menu {
	text-align: center;
	display: block;}

#upper .menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;}

#upper .menu li a {
	color: #ffffff;
	float: left;
	width: 88px;
	padding: 2px 0 2px 0;}

#upper .menu a:hover {
	background-color: #85A4AB;}

.log {
	width: 550px;
	height: 100px;
	overflow: auto;
	padding: 1em;
	border: 2px solid #000000;}


table.info{
	width:550px;
	background: #BAD2D7;
	padding: 4px;}

table.info td {
	width: 150px;
	border: 0px;
	padding: 3px;
	text-align: center;}

/* forms */
input, textarea, select, .code {
	padding: 4px;
	margin: 2px;
	background: transparent;
	border: 2px solid #BAD2D7;
	font: 7pt tahoma, arial, sans-serif;
	color: #000000; } 

textarea, select {
	width : 85%;
	height: 45%; }
