/*controls the main html code.*/
html {	
	background: #333333; 
	/*background: url(http://www.brockbsa.com/img/bg2.jpg) center top repeat; /*sets background color and lightburst image*/
	height: 100%;
}
  
/*controls the look of the body text*/    

body {
    font-size: 80%; /* Resets 1em to 10px */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	}

body * {
	margin: auto;
	padding: auto;
	line-height: 1.1;
}    

#wrapper {  /*this is the rearmost containing div... all further divs are stacked on top of this one.*/
	padding-bottom: 0.5em;
	overflow: hidden;
	}
    
#main { /*this is the div that the content (images, text/tables, mainnav, etc... everything except header) sits on.*/
	padding: 0.3% 0.3%; 
    overflow: hidden;
	margin:0 auto;
	background-color:#FFFFFF;
	border:solid #000000 medium;}
    
img { /*by default none of the images have borders, but this can be overwritten using specific classes, ids, and tags*/
    border: none;}
    
/* Header */
#header h1 {
    padding: 0 0 0 0.5em;} 
    
div.siteNav { /*the color of the sitenav div (header bar)*/
	/*Note: the topNav div sits on the sitenav div, so both need to have their colors set.*/
	background-color:#000;
	text-align:left;
	padding-bottom:0;
	/*float:right;*/
}


#logo {
	margin-bottom:-4%;
	border: 0px;
	margin-left:2%;
}

    


/*controls the look of the copyright text on the bottom of the pages*/
p.copyright {
    width: 100%;
    color: #ffffff;
    text-align: center;
    padding: 0.5em 0;
    font-size: 80%;}

/*controls the div that holds the copy, don't need to play with this too much*/
div.copyright {
    width: 100%;
    color: #ffffff;
    text-align: center;
    padding: 0.5em 0;
    font-size: 80%;}

  /**
   * Suppress everything except for title
   */

  div.feeddiv{ /*controls the newsfeed box on the right hand side. This div sits on the  div*/
		padding-left:2%;
		width: 98%;
		text-align:left;
		background-color:#FFFFFF;
	}
  
  div.feeddiv .gf-snippet{
	  padding-bottom:10px;
  }
  
    div.feeddiv .gf-snippet,
	div.feeddiv .gf-date,
	div.feeddiv .gf-author,
    div.feeddiv .gf-spacer{
    display : none;
  }

  div.feeddiv .gf-title {
   font-size:105%;
   text-decoration:none;
   font-weight:500;
   white-space:normal;
   overflow: visible;
   height: auto;
   text-align:left;
  }

  div.feeddiv .gf-title a:hover,
  div.feeddiv .gf-title a:active {
   color:#002341;
   text-decoration:underline;
  }


  /**
   * 1em Padding at the bottom of each collection of entries
   */
  div.feeddiv .gfc-results {
    padding-bottom : 1em;
  }

  /**
   * Use a larger font size for section titles
   */
  div.feeddiv .gfc-resultsHeader .gfc-title {
    font-size : 150%;
    color:#002341;
    display:none;
  }

#content {
   height: 100%;
   min-height:100%;
   width:98.5%;
   float:left;
   background-color:#9E1B34;
   margin:0px 0px 0px 0px;
   padding:0.75% 0.75%;
   /*border-left: 1px solid #9E1B34;
	border-right: 1px solid #9E1B34;*/
   }

#content-left {
   width:20%;
   /*border-right: #9E1B34 0.75% solid;*/ 
   min-height: 500px;
   max-height:500px;
   float:left;
   padding-top:25px;
   padding-left:0px;
   padding-right:0px;
   padding-bottom:auto;
   background-color:#FFFFFF;
}

 #content-left img {
		display: block;
        margin: 0 auto;}
            
#content-right {
    float: left;
    min-height:225px;
	padding-right: 1%;
	padding-top:1%;
	padding-left:1%;
    width: 17%;
    }
    
    #content-right img {
        display: block;
        margin: 0 auto;}
            
#content-middle {
	float: left;
	margin-left:0.75%;
	padding-left: 1%;
    padding-right: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
    width: 77.25%;
	height: 100%;
	min-height:505px;
   	max-height:505px;
	overflow:auto;
	/*background: url(http://www.brockbsa.com/img/bg2.jpg) center top repeat; /*sets background color and lightburst image*/
	background-color:#FFFFFF;
	/*border-left: 1px solid #9E1B34;
	border-right: 1px solid #9E1B34;*/
}
        
    #content-middle img {
        display: block;
        margin: 0 auto;}		


.containingTableTD {
	text-align: center;
}
.step {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-color: #000;
	text-align: center;
	vertical-align: middle;
}
.fieldName {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: justify;
	vertical-align: middle;
}
.field {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
}
.justify {
	text-align: justify;
}
#submit {
	text-align: center;
}	

h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #333333;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	color: #000;
	padding: 5px 0px 0px 0px;
}


h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 5px 0px 2px 0px;
	margin-bottom: 10px;
    border-bottom: 1px solid #9E1B34;
    color: #9E1B34;
	font-size: 28px;
	text-align:center;
}

a:visited, a:link {
	color:#9E1B34;
}

a:hover {
	color: #333;
}

p{
	padding:1% 2%;
	line-height:1.5;
}