/* CSS Document */

body{
background: #CCCCCC;
margin: 0;
padding: 0;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 21px;
color: #111085;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 21px;
color: #111085;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
color: #111085;
}

p, li, td, input, select, textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 17px;
color: #333333;
}

a:link, a:visited {
color: #003399;
text-decoration: none;
border: 0px;
}

a:hover, a:active {
color: #0066FF;
border: 0px;
}

.setCenter {
text-align: center;
}

.italic {
font-style: italic;
}

img {
border: 0;
}

.ledDisplay{
font-family: "Courier New", Courier, mono;
font-weight: bold;
}

.floatRight{
float: right;
margin-right: 20px;
}

.floatLeft{
float: left;
margin-right: 10px;
}

.strongBlue{
font-weight: bold;
color: #0000CC;
}

.strongGreen{
font-weight: bold;
color: #00CC00;
}

.strongPink{
font-weight: bold;
color: #FF00FF;
}

/* STRUCTURE */

#container{
position: relative;
margin-left: auto;
margin-right: auto;
width: 800px;
height: auto;
background-color: #FFFFFF;
}

#header{
width: 800px;
height: 360px;
margin: 0;
padding: 0;
height: 360px;
background: url(images/header1.jpg) no-repeat;
}

#navigation{
position: absolute;
font-size: 11px;
width: 568px;
height: 22px;
top: 43px;
left: 210px;
}

#navigation ul{
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}

#navigation li{
background: none;
display: inline;
text-align: center;
padding: 0;
margin: 0;
}

#navigation li a:link, #navigation li a:visited {
color: #D9EF8D;
width: 100px;
height: 29px;
line-height: 20px;
background: url(images/tab.jpg) top repeat-y;
padding: 0 6px 1px;
margin: 0;
float: left;
}

#navigation li a:hover, #navigation li a:active {
color: #000099;
background: url(images/tab1.jpg) top repeat-y;
padding: 0 6px 1px;
}

#headerswf{
position: absolute;
width: 304px;
height: 286px;
margin-top: 73px;
margin-left: 496px !important;
margin-left: 96px;
}

#content{
clear: both;
width: 800px;
height: auto;
margin: 0;
padding: 0;
}

#mainContent{
width: 580px;
float: left;
margin: 0;
padding: 0;
}

#mainContent h1 {
margin: 0 20px;
padding: 20px 0 0 0;
}

#mainContent p, #mainContent h2, #mainContent table, #mainContent input, #mainContent textarea, #mainContent li {
margin: 5px 20px;
padding: 0;
}

#sidebar{
background-color: #111085;
margin: 0 0 0 600px;
width: 200px;
height: 100%;
}

#sidebar h2 {
color: #FFFFFF;
margin: 0 10px;
padding: 10px 0 0 0;
}

#sidebar p, #sidebar ul {
color: #FFFFFF;
margin: 0 10px;
padding: 0;
list-style: none;
}

#sidebar a:link, #sidebar a:visited {
color: #6699FF;
text-decoration: none;
border: 0px;
}

#sidebar a:hover, #sidebar a:active {
color: #FFFFFF;
text-decoration: underline;
border: 0px;
}

#footer{
clear: both;
margin: 0;
padding: 10px 0;
}

#footer p{
text-align: center;
}