/* BIDS - basic starting styling layout for a web page - created by smd on 01/10/2010 */
/* This container of 900px width & 100% height - with one main middle column/row for content. */

/* Setup Styling for defaults values for web pages using this css templates */

/* html {height: 100%; margin: 0px; padding: 0px; border: 2px solid black;} */

body {
	 border-width: 0px;          /* this means no borders */ 
	 padding: 0px;               /* this means no padding */
     margin: 2px;			     /* this means top-5px, right-5px, bottom-5px, left-5px */
	 font-family: verdana, arial, helvetica, sans-serif;
     background-color: #b6b6b6;  /* background color is light gray */
	 color: #000000;             /* text color is black */
	}
	
/* Setup Styling for Heading 1 (h1) */

h1 {font-family: Verdana; font-size: 20px; font-weight: bold;}
h2 {font-family: Verdana; font-size: 16px; font-weight: bold;}
h3 {font-family: Verdana; font-size: 14px; font-weight: bold;}
h4 {font-family: Verdana; font-size: 12px;}
h5 {font-family: Verdana; font-size: 10px;}
h6 {font-family: Verdana; font-size: 8px;}
	
/* Setup Styling for Paragraph (p) */
	 
p	{
	 font-family: arial;
	 padding: 1px 2px 1px 2px;
	}

/* Setup Additional Styling for text to be left, center, right or justify */

.lefttext {text-align: left; padding: 1px 0px 1px 0px;}
.centertext {text-align: center; padding: 1px 0px 1px 0px;}
.righttext {text-align: right; padding: 1px 10px 1px 10px;}
.justifytext {text-align: justify; padding: 1px 10px 1px 10px;}
	
/* Setup Styling for differnt font colors - white, black, red, blue, green & yellow */
  
.fcwhite   {color: #ffffff;}
.fcblack   {color: #000000;}
.fcred       {color: #ff0000;}
.fcblue     {color: #0000ff;}
.fcgreen   {color: #00c000;}
.fcyellow {color: #ffff00;}

/* Setup Styling for differnt font sizes from 6px thru 18px */
  
.fs06  {font-size: 6px;}
.fs08  {font-size: 8px;}
.fs10  {font-size: 10px;}
.fs12  {font-size: 12px;}
.fs14  {font-size: 14px;}
.fs16  {font-size: 16px;}
.fs18  {font-size: 18px;}
.fs20  {font-size: 20px;}
 
/* Setup Styling for Container - Grouping all elements into center of page */

#container {
   margin-left: auto;
   margin-right: auto; 
   width: 800px;
   height: 100%;
   background-color: #666666; /* dark gray */
   border: 4px solid #ffffff;
   }
   
/* Setup Styling for Header */

#header {
   margin: 0;
   padding: 0;   
   width: 792px;
   border-top: 4px solid #b6b6b6;
   border-right: 4px solid #b6b6b6;
   border-bottom: 4px solid #b6b6b6;
   border-left: 4px solid #b6b6b6;
   background-image: url('images/bkgdpic.gif');
   background-position: top center;
   background-repeat: no-repeat;
   background-color: #ffffff;
   }
   
/* Style for the border around the Small Header Photos */

.smallphotoleft {
  border: 0px solid red;
  width: 48px;
  height: 48px;
  float: left;
  margin: -65px 0px 0px 25px;
  }

.smallphotoright {
  border: 0px solid blue;
  width: 48px;
  height: 48px;
  float: right;
  margin: -65px 25px 0px 0px;
  }

/* Setup Styling for horizontal navigation menu bar */

.navmenubar {
   height: 20px; 
   width: 99%; 
   background-color: #006633; 
   font-family: arial, verdana, sans-serif; 
   font-size: 12px; 
   margin: 5px;
   padding: 0;
	 }

.navmenubar ul { 
   position: relative; 
   margin: 0px; 
   padding: 0px;
   }

.navmenubar li {
   float: left;
   padding: 0px 0px;
   margin: 2px 3px 0px 3px;
   list-style-type: none;
   text-align: center;
   display: block;
   width: 150px;
  }

.navmenubar li a {
  color: #003300;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Cooper Black", Verdana, Arial, sans-serif;
  }

.navmenubar li a:visited {
  color: #003300;
  text-decoration: none;
  font-family: "Cooper Black", Verdana, Arial, sans-serif;
  }

.navmenubar li a:hover {
  background-color: #ffffff;
  color: #0000ff;
  }
  
/* Setup Styling for Wrapper - main container for multiple boxes of content */

#wrapper {
   width: 792px;
   height: 100%;
   border-top: 4px solid #ffffff;
   border-right: 4px solid #b6b6b6;
   border-bottom: 4px solid #ffffff;
   border-left: 4px solid #b6b6b6;
   background-color: #ffffff;
   }
   
/* Setup Styling for middleonly - middle column only for main content */

#middleonly {
   position: relative; 
   width: 774px;
   min-height: 220px;  
   margin: 5px 5px 5px 5px;
   border-top: 4px solid #000000;
   border-right: 4px solid #000000;
   border-bottom: 4px solid #000000;
   border-left: 4px solid #000000;
   background-color: #cccccc;
   }
   
/* Setup Styling for middlepics - middle column only for main content */

.middlepics {
   position: relative; 
   width: 774px;
   min-height: 220px;  
   margin: 5px 5px 5px 5px;
   border-top: 4px solid #000000;
   border-right: 4px solid #000000;
   border-bottom: 4px solid #000000;
   border-left: 4px solid #000000;
   background-color: #cccccc;
   }
   
/*Style for the border around the Photos*/

#PhotoFrame1 {
  border: 4px solid yellow;
  width: 200px;
  height: 188px;
  float: left;
  margin: 10px 0px 0px 15px
  }
  
#PhotoFrame2 {
  border: 4px double red;
  width: 300px;
  height: 188px;
  float: left;
  margin: 10px 0px 0px 10px
  }

#PhotoFrame3 {
  border: 4px solid yellow;
  width: 200px;
  height: 188px;
  float: right;
  margin: 10px 15px 0px 0px
  }

#PhotoFrame4 {
  border: 4px double blue;
  width: 250px;
  height: 188px;
  float: left;
  margin: 10px 0px 0px 15px
  }

#PhotoFrame5 {
  border: 4px ridge orange;
  width: 200px;
  height: 188px;
  float: left;  
  margin: 10px 0px 0px 10px
 }

#PhotoFrame6 {
  border: 4px double blue;
  width: 250px;
  height: 188px;
  float: right;
  margin: 10px 15px 0px 0px
}
  
/* Setup Styling for Footer */
   
#footer {
   width: 792px;
   margin: 0px;
   border-top: 4px solid #b6b6b6;
   border-right: 4px solid #b6b6b6;
   border-bottom: 4px solid #b6b6b6;
   border-left: 4px solid #b6b6b6;
   background-image: url('images/bkgdpic.gif');
   background-position: center;
   background-repeat: no-repeat;
   background-color: #ffffff;
   }

   
/* end of style layout page with one main column for content. */