@charset "utf-8";
/* CSS Document */

<style type="text/css">
/*<![CDATA[*/

/*~~ Header  ~~*/
.header {
	background-repeat:no-repeat;
	margin-top: 0;
	margin-bottom: 5px;
	width: 960px;
	height: 200px; 
   	position: relative;
  	clear: both; 
	}	
/*~~ Body ~~*/

/* ~~fixed width container surrounds divs~~ */
.container {
        width: 960px;
		height:auto;
        background: #FFF;
        margin: 0 auto;
	}
	

	/*~~ Body ~~*/
body {
        font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
   	background-image: url(images/background.jpg);
 	margin: 0;
  	padding: 0;
	background-size: auto;
	background-repeat: no-repeat;
  		}
	/*~~ Main Sidebar  ~~*/
.sidebar1 {
   	float: left;
 	width: 180px;
   	background: #FFF;
	padding-top: 10px;
   	padding-bottom: 10px;
	background-repeat:repeat-x;
	}
	/*~~ Bottom Navigation  ~~*/
.navigation2 {
	font-size: 125%;
	font-weight: 200;
	padding-right: 15px;
	padding-left: 90px;
	padding-top: 2px;
	   }
	  /*~~ Privacy - Guarantee Navigation  ~~*/
.navigation3 {
	font-size: 100%;
	font-weight: 200;
	padding-right: 15px;
	padding-left: 700px;
	padding-top: 2px;
	   }
	   /*~~ Back To Top Navigation ~~*/
.navigation4 {
	font-size: 125%;
	font-weight: 200;
	padding-left: 800px;
	padding-bottom: 0px;
	color: #F00;
}
		/*~~ Content ~~*/
.content {
   	padding: 10px 0;
  	width: 780px;
  	float: left;
	}

/* ~~ The footer ~~ */

fb {
	margin-right: 30px;
	}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
        padding: 0;
        margin: 0;
		
	}
h1, h2, h3, h4, h5,h6, p {
        margin-top: 0;
        padding-right: 15px;
        padding-left: 15px; 
	}
p.p1 {
	text-align: center;
	}
p.p2 {
	font-size: 9px;
	}
p.p3 {
	font-size:10px;
	}
h1.c1 {
	text-align: center;
	}
 h1.c2 {
        color:#9B9B9B;
        background-color:#42413C;
		text-align: center;
	}
  h2.c1 {
	  text-align: center;
  }
 h3.c1 {
	 text-align: center;
 	}
 h4.c1 {
        text-align: center;
    }
h4.c2 {
	text-align: left;
	color:#FF0000;
}
h5.c1 {
	text-align: center;
	}
h4.c3 {
	text-align: center;
	font-weight:500;
}
a img { 
        border: none;
	}

/* ~~ Link Styles ~~ */
a:link {
        color: #09c;
        text-decoration: underline;
	}
a:visited {
        color: #6E6C64;
        text-decoration: underline;
	}
a:hover, a:active, a:focus { 
        text-decoration: none;
	}
table.c1 {
	width:780px;
	border: 0;
	border-spacing: 10px;
	padding: 2px;
}


table.c2 {
	width:60%;
	margin-left: 20%;
	margin-right: 20%;
	border:0;
	height:280px;
	border-spacing: 0px;
	}
table.c3 {
	width: 30%;
	margin-left: 70%;
	border: 0;
	border-spacing: 10px;
	padding: 2px;
}
/* ~~ .content area space ~~ */
.content ul, .content ol { 
        padding: 0 15px 15px 40px; 
	}
.contenttext1 {
	position: relative;
	width: 740px;
	top: 25px;
	left: 10px;
 	}
.contenttext2 {
	position: relative;
	width: 740px;
	top: 50px;
	left: 10px;
 	}
.imagefloatleft {
	float: left;
	margin: 20px;
	}

li.construction {
	list-style-image:url(images/banner1.jpg);
	}

	
ul.nav {
        list-style: none; /* Removed ul indicators */
        border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
        margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	}
ul.nav li {
        border-bottom: 8px solid #FFF; /* this creates the button separation */
	}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that links retain their button look even after being visited */
        padding: 5px 5px 5px 15px;
        display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
        width: 160px;
        text-decoration: none;
        background-color: #E3C89D;
	}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
        background: #ADB96E;
        color: #FFF;
	}

/* ~~ The footer ~~ */
.footer {
		background-repeat:no-repeat;
        position: relative;/* this gives IE6 hasLayout to properly clear */
        clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	}
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
        float: right;
        margin-left: 8px;
	}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
        float: left;
        margin-right: 8px;
	}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
	}
-->
/*]]>*/
</style>