﻿body 
{
    margin: 0; 
    background: #031120;
}

#container {
    font-family: Verdana;

}

#header {
    width: 800px; 
    margin: 8px 0px 0px 250px; 
    border-width: 20px 0 0 0;
}

#content 
{
    width: 1000px; 
    margin: 45px auto 0px auto;   
    height: 662px;
}

.detail_pic
{
    width: 1000px; 
    background-image: url('../Images/bg-pic.png'); 
    background-repeat: no-repeat;
    height: 662px;    
    padding: 80px 0px 0px 80px;
}

.detail_nopic
{
    width: 1000px; 
    background-image: url('../Images/bg-nopic.png'); 
    background-repeat: no-repeat;
    height: 662px;
    padding: 80px 0px 0px 80px;
}

#detail_text
{
    overflow:auto;
    height: 500px;
    width: 650px;   
    float: left;
    font-size: 11px;
} 
#detail_text h1
{
    text-align:center;
    font-size:13px;
    font-weight:bold;
    color: Navy;
} 

#detail_pics
{
    height: 500px;
    width: 125px;
    float: right;
    margin-right: 150px;
} 

#footer {
    width: 1000px; 
    margin: auto;
    text-align:right;
    font-family: Verdana;
    font-size: 10px;
    color:white;
    margin: 0px 5px 0 0;
    position: absolute;
} 

#nav 
{
    position: absolute;
    /*background: #031120;*/
    float: left;
    top: 0;
}

#blob {

 border-right: 1px solid #0059ec;
 border-left: 1px solid #0059ec;
 position: absolute;
 top: 0;
 z-index : 1;
 background: #0b2b61;
 background: -moz-linear-gradient(top, #0b2b61, #1153c0);
 background: -webkit-gradient(linear, left top, left bottom, from(#0b2b61), to(#1153c0));
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-box-shadow: 2px 3px 10px #011331;
 -webkit-box-shadow: 2px 3px 10px #011331;

}

#nav li {
 float: left;
 list-style: none;
}

#nav li a {
 color: #e3e3e3;
 position: relative;
 z-index: 2;
 float: left;
 font-size: 18px;
 font-family: helvetica, arial, sans-serif;
 text-decoration: none;
 padding: 9px 20px;
}
   
.slide-out-div {
  padding: 20px;
  width: 350px;
  background: #00548D;
  border: 1px solid #29216d;
  font-family: Verdana;  
  color: White;
}  

.slide-out-div h3 
{

    font-size:20px;
    margin: 0 0 10px 0;
}  

.slide-out-div table 
{
    font-size:10px;    
}  

.slide-out-div input 
{   

    font-size: 11px; 
    padding: 2px 4px 2px 4px;
    margin: 5px 0 0 0;
    border: solid 1px grey;
}  
   
.jcarousel-skin-ie7 .jcarousel-container {
    -moz-border-radius: 10px;

}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 245px;
    padding: 20px 40px;
}

.jcarousel-skin-ie7 .jcarousel-container-vertical {
    width: 102px;
    height: 480px;
    padding: 18px 20px;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:  245px;
    height: 77px;
}

.jcarousel-skin-ie7 .jcarousel-clip-vertical 
{
    top: 20px;
    width:  102px;
    height: 430px;
}

.jcarousel-skin-ie7 .jcarousel-item {

    height: 100px;
    border: 1px solid #808080;
    vertical-align: middle;
    background-color: #808080;
  
}

.jcarousel-skin-ie7 .jcarousel-item:hover {
    border: 1px solid  #000000;
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-right: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-vertical {
    margin-bottom: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}
   /**
 *  Vertical Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 55px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../Images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 55px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../Images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

