﻿body{
margin:0;
padding:0;
line-height: 1.5em;
background-color: #c3c3c5;
min-height: 100%; /* Set for FF */
height: auto; /* Set for FF  */
height: 100%; /* Set for IE */
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 768px; /*Width of main container*/
min-height: 100%; /* Set for FF */
height: auto; /* Set for FF  */
height: 100%; /* Set for IE */
margin: 0 auto; /*Center container on page*/
}

#topsection{
background-image: url('../images/header.jpg');
height: 150px; /*Height of top section*/
}

#contentwrapper{
float: left;
width: 100%;
min-height: 100%; /* Set for FF */
height: auto; /* Set for FF  */
height: 100%; /* Set for IE */
margin-bottom: 0;
}

#contentcolumn{
margin-left: 160px; /*Set left margin to LeftColumnWidth*/
background-image: url('../images/american-flag-red-stars-tra.jpg');
background-repeat:repeat-y;
background-color: #fff;
margin-bottom: 0;

/*opacity:0.40;
filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4; */

/* border-right: 1px solid #0b1d67; */
/* height: 300px; */
color: black;
}

.content {
position: relative; /* Moves the Text above the transparency of #contentcolumn */
font-weight:bold;
}

.content hr {
width: 501px;
height: 15px;
background: url('../images/line-stars.jpg') no-repeat center;
border: 0px;
}

#leftcolumn{
float: left;
background-color: #0b1d67; /*color of menu by default*/
width: 160px; /*Width of left column*/
margin-left: -768px; /*Set left margin to -(MainContainerWidth)*/
min-height: 100%; /* Set for FF */
height: auto; /* Set for FF  */
height: 100%; /* Set for IE */
}

#footer{
clear: left;
width: 100%;
background-image: url('../images/footer.jpg');
height: 70px;
color: #FFF;
text-align: center;
margin-top: 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.nav{
list-style-type: none;
margin: 0;
padding: 0;
background-color: #0b1d67; /*color of menu by default*/
width: 160px; /* width of menu */
min-height: 100%; /* Set for FF */
height: auto; /* Set for FF  */
height: 100%; /* Set for IE */
}

.nav li{
border-bottom: 1px solid red; /* red border beneath each menu item */
}

.nav li a{
background-color: #0b1d67; /*color of menu by default*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid #f6cf4c; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/
}

.nav li a:visited, .nav li a:active{
color: white;
}

.nav li a:hover{
background-color: #f6cf4c; /*color of menu onMouseover*/
color: #0b1d67;
border: 1px solid #0b1d67; /*border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}