/*  body and font definitions */
html { 
  padding:0px;
  margin:0px;
  height: 100%;
}

body {
  background-color: #000;
  font-size: 18px;
  font-family: Helvetica, Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#bbb;  
  padding:0px;
  margin:0px;
  height: 100%;
}

p, h2{
margin: 0 20px 10px 0;
padding: 5px 20px 5px 20px;
line-height: 24px; 
}

ul{margin: 0 0 30px 50px;}

li {
font-size: 18px;
padding: 5px 0px
}

li.big-title {margin: 5px 0; padding:0;}

.indent {margin: 0 0 0 50px; }

.big {
font-size: 20px;
margin: 0 0 0 80px;
padding: 5px 0 5px 0;
color: #fff;
}

.sticker {
position: absolute;
top: 150px;
left: 550px;
}

.sticker1 {
position: absolute;
top: 50px;
left: 720px;
}

.sticker2 {
position: absolute;
top: 80px;
left: 650px;
}

.big-title {
font-size: 24px;
margin: 0 0 20px 0;
padding: 5px 0 5px 20px;
color: #fff;
}

.med {
font-size: 18px;
margin: 0 0 0 0;
padding: 5px 0 5px 20px;
color: #fff;
}

.label {
font-size: 16px;
margin: 0 0 0 0;
padding: 5px 0 5px 0px;
color: #fff;

}

textarea {
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}

pre{ 
font-family: "Courier New", Courier, Monaco, mono; 
font-size: 12px;
margin: 0px;
padding: 5px 20px 5px 20px; 
}

a { 
color: #fff;
background-color: transparent;
text-decoration: none; 
}
a:visited {color:#fff; background-color:transparent;}
a:hover {color: #fff; background-color:transparent;}
a:active { color:#fff; background-color:transparent;}

a.img-link {color: #000; text-decoration: none; 
}

/*  positioning-layers static and absolute */

#header {
border-bottom: 5px solid #1a1a1a;}


#content {
margin: 0px;
border-top: 10px solid #960000;
border-bottom: 10px solid #960000;
padding: 10px 10px 10px 40px;
background-color: #d00000;  
 
}

#form {
margin: 0 0 0 80px;
}

.fieldclass {
margin : 0 0 10px 0;}

#col {
float: left;
width: 350px;
margin: 20px 20px 20px 10px
}

.img-float {
float: left;
margin-right: 20px;
}

.img-float-r {
float: left;
margin-right: 20px;
}

.img-wrap {margin-left: 20px}

.img-shadow {
float:right;
}

.img-shadow-l {
float:left;
}

.img-shadow img {
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: 10px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}

.img-shadow-l img {
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: 0px 0 20px 20px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}

.clear {
clear: both;
}

#footer {
margin: 0px;
padding: 20px 10px 20px 60px;
font-size: 14px;
border-top: 5px solid #1a1a1a;
}

  #skyline {
    width: 750px; height: 27px;
    background: url(img/menu.png);
    margin: 0px 10px 0 50px ; padding: 0;
    position: relative;
    float: left;}
  #skyline li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #skyline li, #skyline a {
    height: 27px; display: block;}
    
  #panel1b {left: 0; width: 70px;}
  #panel2b {left: 70px; width: 76px;}
  #panel3b {left: 146px; width: 74px;}
  #panel4b {left: 220px; width: 85px;}
  #panel5b {left: 305px; width: 125px;}
  #panel6b {left: 430px; width: 65px;}
  #panel7b {left: 495px; width: 85px;}
  #panel8b {left: 580px; width: 70px;}
  #panel9b {left: 650px; width: 100px;}
  
  #panel1b a:hover {
    background: transparent url(img/menu.png)
    0 -25px no-repeat;}
  #panel2b a:hover {
    background: transparent url(img/menu.png)
    -70px -25px no-repeat;}
  #panel3b a:hover {
    background: transparent url(img/menu.png)
    -146px -25px no-repeat;}
  #panel4b a:hover {
    background: transparent url(img/menu.png)
    -220px -25px no-repeat;}
  #panel5b a:hover {
    background: transparent url(img/menu.png)
    -305px -25px no-repeat;}
  #panel6b a:hover {
    background: transparent url(img/menu.png)
    -430px -25px no-repeat;}
  #panel7b a:hover {
    background: transparent url(img/menu.png)
    -495px -25px no-repeat;}
  #panel8b a:hover {
    background: transparent url(img/menu.png)
    -580px -25px no-repeat;}
      #panel9b a:hover {
    background: transparent url(img/menu.png)
    -650px -25px no-repeat;}
