@charset "utf-8";

*
	{
		font-family: Helvetica, sans-serif;
	}

html
	{
		height:100%;
	}

body 
	{
		background-color:#333;
		text-align:center;
		margin-bottom:0px;
		margin-top:0px;
	}

div.basic
	{
		width:800px;
		height:auto;
		background-color:#000;
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		border-left: 1px solid #666;
		border-right: 1px solid #666;
	}

div.centered
	{
		height:400px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 80px;
		text-align:center;
	}

div.left
	{
		position:relative;
		float: left;
	}

div.right
	{
		position:relative;
		margin-top: 80px;
		margin-bottom:auto;
	}
	
div.header 
	{
		height:130px;
		background-image:url(../pics/header3.jpg);
		background-repeat:no-repeat;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	
div.navi
	{
		margin-left: auto;
		margin-right: auto;
		text-align:center;
	}
div.cardline
	{
		margin-left:auto; 
		margin-right:auto; 
		padding-top:1px;
		padding-bottom:1px;
		padding-left:20px;
		border-top: 0px solid #666;
		border-left: 20px solid #FFF;
		border-right: 20px solid #FFF;
		border-bottom: 1px solid #666;
		width:520px;
		text-align:left; 
		font-size:12px; 
		color:#000;
		font-weight:bold;
	}

div.background
	{
		background-image:url(../pics/footer.jpg);
		background-repeat:repeat-x;
		background-position:bottom;
		position:relative;
		margin-left:4px;
		margin-right:4px;
		margin-bottom:4px;
		margin-top:auto;
	}

div.top
	{
		z-index:1;
		margin-left: auto;
		margin-right: auto;
		margin-top: 4px;
		margin-bottom: 4px;
		width:800px;
		position:relative;
		padding-top:0%;
		padding-bottom:0%;
		padding-left:150px;
	}
	
div.footer 
	{
		width:800px;
		height:150px;
		background-color:#000;
		text-align:middle;
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		background-image:url(../pics/footer3.jpg);
		background-repeat: no-repeat;
		background-position:bottom;
	}

h1
	{
		font-size: 10px;
	}
	
h1.col1
	{
		color: #fff;
		font-style: normal;
		font-weight: normal;
	}
	
h1.col1b
	{
		color: #fff;
		font-style: normal;
		font-weight: bold;
	}
	
h1.col2
	{
		color: #0cf;
		font-style: normal;
		font-weight: normal;
	}

h1.col2b
	{
		color: #0cf;
		font-style: normal;
		font-weight: bold;
	}

h2
	{
		font-size: 12px;
	}

h2.col1
	{
		color: #fff;
		font-style: normal;
		font-weight: normal;
	}

h2.col1b
	{
		color: #fff;
		font-style: normal;
		font-weight: bold;
	}

h2.col1b
	{
		color: #fff;
		font-style: normal;
		font-weight: bold;
	}

h2.col2
	{
		color: #0cf;
		font-style: normal;
		font-weight: normal;
	}

h2.col2b
	{
		color: #0cf;
		font-style: normal;
		font-weight: bold;
	}
h3
	{
		font-size: 16px;
	}

h3.col1
	{
		color: #fff;
		font-style: normal;
		font-weight: normal;
	}

h3.col1b
	{
		color: #fff;
		font-style: normal;
		font-weight: bold;
	}

h3.col1b
	{
		color: #fff;
		font-style: normal;
		font-weight: bold;
	}

h3.col2
	{
		color: #0cf;
		font-style: normal;
		font-weight: normal;
	}

h3.col2b
	{
		color: #0cf;
		font-style: normal;
		font-weight: bold;
	}

h4
	{
		font-size: 18px;
	}

h4.col1
	{
		color: #fff;
		font-style: normal;
		font-weight: normal;
	}

h4.col1b
	{
		color: #fff;
		font-style: normal;
		font-weight: bold;
	}

h4.col1b
	{
		color: #fff;
		font-style: normal;
		font-weight: bold;
	}

h4.col2
	{
	color: #0cf;
	font-style: normal;
	font-weight: normal;
	}

h4.col2b
	{
		color: #0cf;
		font-style: normal;
		font-weight: bold;
	}

a.navi 
	{
		width:110px;
		height:22px;
		float:left;
		margin-top:2px;
		margin-left:2px;
		color:#0cf;
		background-color:#000;
		display:block;
		font-size:16px; 
		font-weight:bold;
		text-align:center;
	}

a.navi:link    { color:#0cf; background-color:#000; border:0px solid #000; text-decoration:none; }
a.navi:visited { color:#0cf; background-color:#000; border:0px solid #000; text-decoration:none; }
a.navi:hover   { color:#0cf; background-color:#333; border:0px solid #fff; text-decoration:none; }
a.navi:active  { color:#0cf; background-color:#333; border:0px solid #fff; text-decoration:none; }


a.menu 
	{
		color:#0cf;
		float:left;
		font-size:10px; 
		font-weight:bold;
		background-color:#000;
	}

a.menu:link    { color:#fff; background-color:#000; text-decoration:none; }
a.menu:visited { color:#fff; background-color:#000; text-decoration:none; }
a.menu:hover   { color:#fff; background-color:#000; text-decoration: underline; }
a.menu:active  { color:#fff; background-color:#000; text-decoration: underline; }

.formbutton
	{
		width:120px;
		height:22px;
		color:#0cf;
		background-color:#000;
		border:1px solid #FFF; 
		display:block;
		font-size:12px; 
		font-weight:bold;
		text-align:center;
	}

.formbutton:link    { color:#0cf; background-color:#000; border:1px solid #fff; text-decoration:none; }
.formbutton:visited { color:#0cf; background-color:#000; border:1px solid #fff; text-decoration:none; }
.formbutton:hover   { color:#0cf; background-color:#333; border:1px solid #fff; text-decoration:none; }
.formbutton:active  { color:#0cf; background-color:#333; border:1px solid #fff; text-decoration:none; }

.formbutton2 
	{
		height:22px;
		color:#0cf;
		background-color:#000;
		border:1px solid #FFF; 
		display:block;
		font-size:12px; 
		font-weight:bold;
		text-align:center;
	}

.formbutton2:link    { color:#0cf; background-color:#000; border:1px solid #fff; text-decoration:none; }
.formbutton2:visited { color:#0cf; background-color:#000; border:1px solid #fff; text-decoration:none; }
.formbutton2:hover   { color:#0cf; background-color:#333; border:1px solid #fff; text-decoration:none; }
.formbutton2:active  { color:#0cf; background-color:#333; border:1px solid #fff; text-decoration:none; }

.formbutton3 
	{
		height:20px;
		width:150px;
		color:#0cf;
		background-color:#000;
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		margin-bottom:0px;
		border:1px solid #FFF; 
		display:block;
		font-size:12px; 
		font-weight:bold;
		text-align:center;
	}

.formbutton3:link    { color:#0cf; background-color:#000; border:1px solid #fff; text-decoration:none; }
.formbutton3:visited { color:#0cf; background-color:#000; border:1px solid #fff; text-decoration:none; }
.formbutton3:hover   { color:#0cf; background-color:#333; border:1px solid #fff; text-decoration:none; }
.formbutton3:active  { color:#0cf; background-color:#333; border:1px solid #fff; text-decoration:none; }

.formmenu 
	{
		width:120px;
		height:22px;
		color:#0cf;
		margin-left:auto;
		margin-right:auto;
		background-color:#000;
		border:1px solid #FFF;
		display:block;
		font-size:12px;
		font-weight:bold;
		text-align:center;
	}

.formmenu:link    { color:#0cf; background-color:#000; border:1px solid #fff; text-decoration:none; }
.formmenu:visited { color:#0cf; background-color:#000; border:1px solid #fff; text-decoration:none; }
.formmenu:hover   { color:#0cf; background-color:#333; border:1px solid #fff; text-decoration:none; }
.formmenu:active  { color:#0cf; background-color:#333; border:1px solid #fff; text-decoration:none; }

#container {
	width: 75px;
	}
	
#container2 {
	width: 100px;
	}

p 	{
	margin:0px;
	padding:0;
	}