body 
{
    font-family: "Arial","Helvetica",sans-serif;
    height: 100%;
    width: 70%;/*usually 100%*/    
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #222222; /*#444444;*/
    background-image: url('images/style/stripeoverlay.png');
    background-repeat: repeat;
}

header
{
min-height: 200px;
height: 20%;
width: 100%;
}

.banner
{
height: 150px;
width: 100%;
background-image: url('images/style/bannerBG.png');
background-repeat: repeat-x;
font-family: old_sans_black;
font-size: 50px;
color: white;
position: relative;
}

.banner a, a:hover, a:active, a:focus
{
text-decoration: none;
color: white;
outline: 0;
}

.bannerText{
position:absolute;
bottom: 5px;
left: 10px;
}


.topNav
{
height: 50px;
width: 100%;
color: white;
text-align: center;
background-image: url('images/style/navAreaBG.png');
background-repeat: repeat-x;
}

.topNav a, a:hover, a:active, a:focus
{
text-decoration: none;
color: white;
outline: 0;
}

.topNavButton
{
position: relative;
display: inline;
padding-left: 20px;
padding-right: 20px;
top: 25%;
width: 100px;
margin: auto auto;
}

.contentWrapper
{
width: 100%;
min-height: 900px;
height: 100%;
}

.leftNav
{
float: left;
width: 25%;
min-height: 500px;
height: 100%;
}

.leftNavSection
{
width: 100%;
color:white;
}

.leftNavSection button{
    background:none;
    border:none;
    margin:0;
    padding:0;
    color: inherit;
    width: 100%;
    height:100%;
}

.leftNavSectionTitle {
background-image: url('images/style/leftNavButtonBG.png');
background-repeat: repeat-x;
width: 100%;
height: 50px;
/*border-top-style: groove;
border-left-style: groove;
border-bottom-style: groove;
border-width: 2px;
border-color: grey;*/
text-align: center;
color:white;
}

.leftNavSectionTitleText {
position: relative;
top:25%;
}


.leftNavSectionBody {
position: relative;
height: auto;
padding-left: 10px;
border-bottom-style: groove;
border-width: 2px;
border-color: grey;
display:none;
}

.searchForm {
color:white;
}

.searchForm input {
border:1px solid black;
width: 80%;
}

.searchForm h3 {
margin-bottom: 0px;
}

.content {
float: right;
width: 75%;
min-height: 900px;
height: 100%;
color: white;
display: none;
}

#left-border
{
width: 0px;
float: left;
min-height: 900px;
height: 100%;
border-left-style: groove;
border-width: 2px;
border-color: grey;
}

.content h1
{

}

#transparency  
{  
    opacity:0.5;  
    filter:alpha(opacity=50);  
    -moz-opacity:0.5;  
    background-color: grey;
    position: absolute;
    min-height: 900px;
    height: 100%;
    width: 70%; /*set to be the right transparency for whole content section*/
    z-index:-1;  
    float:left;
}    

.contentText
{
padding-left: 20px;
font-size: large;
word-wrap: break-word;
/*color: white;*/
}

h2
{
position: relative;
padding-left: 20px;
}

h1
{
text-align: center;
}

footer
{
height: 150px;
width: 100%;
background-image: url('images/style/footerBG.png');
background-repeat: repeat-x;
}


/*Custom Fonts*/
@font-face {
    font-family: old_sans_black;
    src: url('fonts/old_sans_black/OldSansBlack.ttf');
}
@font-face {
    font-family: franchise;
    src: url('fonts/Franchise/Franchise-Bold-hinted.ttf');
}
@font-face {
    font-family: bebas;
    src: url('fonts/Bebas/BEBAS___.ttf');
}
@font-face {
    font-family: nevis;
    src: url('fonts/Nevis/nevis.ttf');
}