html{
}

body {
 width: 100%;
 min-height: 1150px;
 margin: 0px auto;
 padding: 0px 0px 0px 0px;
 border: 0px;
 background-color: black;
 font-family: Verdana, Georgia, Trebuchet MS, Arial, serif;
 font-size: 13px;
 background-image: url('../images/background.jpg');
 background-repeat: no-repeat;
 background-position: top center;
 color: gray;
}

a {
 color: #A8A8A8 ;
}

a:hover{
 color: white;
}

em {
 color: yellow;
}

iframe {
display: block;
margin: 0px auto;
padding: 0px 0px 0px 0px;
}

#logo{
margin: 0px auto;
padding: 0px 0px 0px 0px;
background-image: url('../images/mainLogo.jpg');
background-repeat: no-repeat;
background-position: top center;
min-height: 384px;
_height: 384px; /* IE 6 does not recognize min-height. This hack fixes that so that the Logo does not disappear. */
width: 853px;
background-color: transparent;
}

#main{
background-image: url('../images/contentBackground.gif');
background-repeat: no-repeat;
min-height: 100px;
_height: 100px; /* IE 6 does not recognize min-height. This hack fixes that so that the Logo does not disappear. */
padding: 0px 0px 0px 0px;
width: 853px;
margin: -145px auto 0px auto;
background-color: transparent;
}

img{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px;
}

#navMain{
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 19px;
width: 853px;
background-color: transparent;
}

#navMain ul{
 list-style-type: none;
 border: 0px;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
clear: both;
 }

#navMain ul li{
 list-style-type: none;
 padding: 0px 0px 0px 0px;
 margin: -7px 0px 0px 0px; /* Set to negative so it sucks up and overlaps the sub menu items */
 float: left;
}

#navSub{
 margin: 0px 0px 0px 0px;
 padding: 7px 0px 0px 60px;
 width: 853px;
 background-color: transparent;
 clear: both;
}

#navSub ul{
 list-style-type: none;
 border: 0px;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
}

#navSub ul li{
 list-style-type: none;
 padding: 0px 0px 0px 1px;
 margin: 0px 0px 0px 0px;
 float: left;
}

#mainContentBox{
 margin: 0px auto;
 padding: 10px 0px 0px 0px;
 width: 853px;
 min-height: 100px;
 _height: 100px; /* IE 6 does not recognize min-height. This hack fixes that so that the Logo does not disappear. */
 background-image: url('../images/textBackground.gif');
 background-repeat: repeat-y;
 float: left;
}

#wideContentBox{
 margin: 0px auto;
 padding: 10px 0px 0px 0px;
 width: 853px;
 min-height: 100px;
 _height: 100px; /* IE 6 does not recognize min-height. This hack fixes that so that the Logo does not disappear. */
 background-image: url('../images/wideTextBackground.gif');
 background-repeat: repeat-y;
 float: left;
}

#pictureContentBox{
 margin: 0px auto;
 padding: 10px 0px 0px 0px;
 width: 853px;
 min-height: 100px;
 _height: 100px; /* IE 6 does not recognize min-height. This hack fixes that so that the Logo does not disappear. */
 background-image: url('../images/pictureBackground.gif');
 background-repeat: repeat-y;
 float: left;
}

/* Container for both the side box and main text box */

#mainContentBox img{
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
}

/* Main container for the text and graphics on the left hand side in the main content box*/

#textBox {
 padding: 5px 5px 5px 14px;
 margin: 0px 0px 0px 0px;
 width: 405px;
 float: left;
}

#textBox iframe{
 padding: 0px 0px 0px 0px;
 margin: 5px 0px 5px 14px;
}

#textBox p{
 margin: 0px 0px 0px 0px;
 padding: 5px 5px 5px 5px;
 text-align: justify;
 color: gray;
}

#textBox address{
 padding: 5px 95px 5px 30px;
 margin: 0px 0px 0px 0px;
 color: gray;
}

#textBox h1{
 padding: 0px 5px 5px 5px;
 margin: 0px 0px 0px 0px;
 text-transform: uppercase;
 text-decoration: underline;
 font-size: 15px;
 color: #c3c3c3;
 text-align: center;
}

#textBox h2{
 padding: 0px 0px 0px 0px;
 margin: 5px 0px 5px 5px;
 text-transform: uppercase;
 font-size: 12px;
 color: #c3c3c3;
 text-align: center;
}

#textBox h3{
 padding: 0px 0px 0px 0px;
 margin: 5px 0px 5px 5px;
 text-transform: uppercase;
 font-size: 12px;
 color: #c3c3c3;
}

#textBox h4{
 padding: 0px 0px 0px 0px;
 margin: 5px 0px 5px 5px;
 text-transform: uppercase;
 font-size: 10px;
 color: #c3c3c3;
}

#textBox ul{
 padding: 5px 0px 0px 35px;
 margin: 0px 0px 0px 0px;
 color: gray;
}

#textBox ul li{
 padding: 0px 0px 3px 10px;
 margin: 0px 0px 0px 0px;
 font-size: 12px;
 color: gray;
}

#textBox img{
 padding: 10px 0px 5px 5px;
 margin: 0px 0px 0px 0px;
}

#textBox ol{
 padding: 5px 0px 5px 32px;
 margin: 0px 0px 0px 0px;
 color: gray;
}

#textBox .centered {
 padding: 10px 0px 5px 5px;
 margin: 0px auto;
 text-align: center;
}

/* CSS For the narrow column of text, graphics, and links down the right side of the main content box. */

#sideBox {
 padding: 5px 5px 5px 11px;
 margin: 0px 0px 0px 0px;
 width: 392px;
 float: left;
}

#sideBox p{
 margin: 0px 0px 0px 0px;
 padding: 5px 5px 5px 5px;
 text-align: justify;
 color: gray;
}

#sideBox h1{
 padding: 0px 5px 5px 5px;
 margin: 0px 0px 0px 0px;
 text-transform: uppercase;
 text-decoration: underline;
 font-size: 16px;
 color: #c3c3c3;
}

#sideBox h2{
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 5px;
 text-transform: uppercase;
 font-size: 12px;
 color: #c3c3c3;
}

#sideBox ul{
 padding: 5px 0px 0px 5px;
 margin: 0px 0px 0px 0px;
 color: gray;
 list-style-type: none;
}

#sideBox ul li{
 padding: 0px 0px 5px 10px;
 margin: 0px 0px 0px 0
}

#sideBox a{
}

#sideBox a:hover{
 color: white;
}

#sideBox img{
}

/* Wider Left Hand Box for displaying large pictures. To display links on the right hand side, use the #narrowSideBox element listed below. */

#pictureBox {
 padding: 5px 5px 5px 5px;
 margin: 0px 0px 0px 0px;
 width: 540px;
 float: left;
}

#pictureBox h1{
 padding: 0px 5px 5px 15px;
 margin: 0px 0px 0px 0px;
 text-transform: uppercase;
 text-decoration: underline;
 font-size: 15px;
 color: #c3c3c3;
 text-align: center;
}

#pictureBox h2{
padding: 0px 0px 0px 0px;
margin: 5px 0px 5px 5px;
text-transform: uppercase;
font-size: 12px;
color: #c3c3c3;
}

#pictureBox ul{
 padding: 5px 0px 0px 25px;
 margin: 0px 0px 0px 0px;
 color: gray;
}

#pictureBox ul li{
 padding: 0px 0px 5px 0px;
 margin: 0px 0px 0px 0px;
}

#pictureBox img{
 display: block;
 padding: 5px 0px 5px 15px;
 margin: 0px auto;
}

/* Narrow Side box to list the links to the pictures. This box goes together with the CSS #pictureBox elements. */

#narrowSideBox {
 padding: 30px 5px 5px 5px;
 margin: 0px 0px 0px 0px;
 width: 250px;
 float: left;
}

#narrowSideBox h1 {
 padding: 0px 5px 5px 5px;
 margin: 0px auto;
 text-transform: uppercase;
 text-decoration: underline;
 font-size: 16px;
 color: #c3c3c3;
}

#narrowSideBox ul {
 padding: 5px 0px 0px 5px;
 margin: 0px 0px 0px 0px;
 color: gray;
 list-style-type: none;
}

#narrowSideBox ul li {
 padding: 0px 0px 15px 10px;
 margin: 0px 0px 0px 0px;
 text-transform: uppercase;
 font-size: 10px;
}

#narrowSideBox p {
 padding: 5px 5px 5px 15px;
 margin: 0px 0px 0px 0px;
 color: gray;
}

#narrowSideBox img{
padding: 0px 0px 0px 20px;
}

/* The series of boxes along the bottom edge of the main content box */

#adBox{
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 width: 855px;
/* min-height: 166px; */
}

#adBox ul {
 list-style-type: none;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
}

#adBox ul li{
 padding: 0px 3px 0px 0px;
 margin: 0px 0px 0px 0px;
 float: left;
}

#wideTextBox {
 padding: 5px 5px 5px 5px;
 margin: 0px 0px 0px 0px;
 width: 543px;
 float: left;
}

#wideTextBox h1{
 padding: 10px 5px 10px 15px;
 margin: 0px 0px 0px 0px;
 text-transform: uppercase;
 text-decoration: underline;
 font-size: 15px;
 color: #c3c3c3;
 text-align: center;
}

#wideTextBox h2{
padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 20px;
text-transform: uppercase;
font-size: 12px;
color: #c3c3c3;
}

#wideTextBox ul{
 padding: 5px 0px 0px 25px;
 margin: 0px 0px 0px 0px;
 color: gray;
}

#wideTextBox ul li{
 padding: 0px 0px 5px 0px;
 margin: 0px 0px 0px 0px;
}

#wideTextBox img{
 display: block;
 padding: 5px 0px 5px 15px;
 margin: 0px auto;
}

#wideTextBox p{
margin: 0px 20px 5px 20px;
}