@charset "utf-8";

/* COLOR SCHEME */

/*
    Use "Find and replace" to change all instances of colors.
    
    base color = #002868
    secondary  = #A3A19E

*/


.primary-1 { background-color: #003FA4 }
.primary-2 { background-color: #002868 }
.primary-3 { background-color: #001942 }
.primary-4 { background-color: #2B5FB1 }
.primary-5 { background-color: #A3A19E }

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #8a9276;
  border-right:1px solid #8a9276;
  background:#cccfc3}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #475327;
  border-right:1px solid #475327;
  background:#d8dad1}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d8dad1;
  border-right:1px solid #d8dad1;}
.spiffy4{
  border-left:1px solid #8a9276;
  border-right:1px solid #8a9276}
.spiffy5{
  border-left:1px solid #cccfc3;
  border-right:1px solid #cccfc3}
.spiffyfg{
  background:#ffffff}
  
.bumper {
display:block;
height:40px;
width:100%;
}

/* HTML */
html {height: 100%; margin:0 0 0 0;}
img, img a {border: none;}

body
{
    position: absolute;
    margin: 0 0 0 0;
    width: 100%;
    height: 100%;
    
    /*background-color: #33400F;
    background-image: url(../img/gradient.png);
    background-repeat: repeat-x; */
    
    background: #999; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33400F', endColorstr='#718C22'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#33400F), to(#718C22)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #33400F,  #718C22); /* for firefox 3.6+ */ 

}



/* IDS */

#floatImg
{
    position: absolute;
    
    width:90%;
    
    top:20px;
    padding-left:10%;
    
    z-index:100;
}

#wrapper
{

    position:relative;

    margin: 10px auto;
    
    padding:0;
    
    width:90%;
    
    min-width: 500px;
    max-width: 1100px;
    
}

#head_container
{
    /* 
    must be at least the floating image height + padding & margins
    
    img 150 x 117
    
    */
    position:relative;

    margin:35px 0px 35px 0;
    min-height: 80px;
    
}

#header 
{
    background-color: #FFF;

    display:inline;    
    
}

#container 
{
    background-color:Gray;
    
    position:relative;
    
    min-width:700px;
}

/*     See nav.css
#nav {
	
    background: url(../images/nav_bg.bmp) repeat 0 0;
    
    position: relative;
    float: left;
    
    width: 20%;
	 
	position: absolute;
	left: 18px;
	bottom: 116px;

	width: 203px;
	padding:25px 0px 2px 5px;
	font-size:1.1em;
    
} */


#content 
{   
    position:relative;
    float:left;
    margin-left:10px;
    
    width:65%;
    height:auto;
}


#footer {clear:both; text-align:center;}


/* CLASSES */
div.round
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    border: none;
    
    padding: 10px;
}

div.raisedRound
{
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;

    border: 5px outset #000;
    padding: 20px;
}

div.shadowBox
{
    background: url(../images/midshad.png) repeat 0 0;
    padding: 0px 6px 0px 2px;
    

}
div.boxContent
{
    background-color: white;
    border:1px solid black;
    
    padding:10px;
}

div.dropShadowBox
{
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;

    border-top: 2px outset #000;
    border-right: 5px outset #000;
    border-bottom: 5px outset #000;
    border-left: 2px outset #000;
    
    padding: 20px;

    opacity:0.25;
    filter:alpha(opacity=25);
}