/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family:  Tahoma, verdana, arial, sans-serif;
 font-size: small;
 background:#696969;
} 
 
#pagewidth{ 
 width:780px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
 background: #CACACA;
 margin-top: 25px;

 
} 

#header{
background: white url(thepower.jpg);
background-repeat: no-repeat;
background-position: center;
 position:relative; 
 height:188px; 
 width:760px;
 border: solid gray 1px;
 margin: auto;
 margin-top: 10px;
 margin-bottom: 5px;


} 
h4 {
	font-size:100%;
	font-family: Arial;
	color: #595959;
	}
h5 {
	font-size:large;
	font-style: italic;
	font-family: AndrewScript;
	color: #B22222;
	padding: 3px;
	
}

/*---Ads----------------------------------*/
div#ads{width:765px;background:#b22222;margin-left:auto; margin-right:7px; height: 100%; float:right;}
ul#topnav,ul#topnav li{list-style-type:none;margin:0;padding:0}
ul#topnav li{float: left;width:150px;text-align: center}
ul#topnav a{display:block;text-decoration: none;padding:2px 0 5px;background:#b22222;color:white}
ul#topnav li a:active,ul#topnav a:hover{ text-decoration: underline;}


#wrapper {
	float: left;
}
/*---left Links---------------------------*/
#leftcol ul {
  margin:0;
  padding:5px 0px 5px;
  list-style: none;
   font-size:95%;
	color: Maroon;
	text-align: left;
	letter-spacing: 1px;
	 background: White;
	
  }
#leftcol  li {
  display:block;
  width:150px;
  margin:0;
  padding:0px 17px;
  line-height:1em;
  
 
  }
#leftcol li a {
  display:block;
  padding:3px 2px 4px;
  text-decoration:none;
  color: Black;
  line-height:1em;
   font-size:95%;
  
  }
#leftcol li a:hover {
text-decoration: underline;
}
  
#leftcol{
 width:210px; 
 float:left; 
 position:relative;
 margin-top: 5px; 
 }
/*------------Help--------------*/
#help{
margin-top: 5px;
 width:208px; 
 float:left; 
 position:relative; 
 background:white; 
  border: solid 1px gray;}
  
 #help img.floatleft{
 float: left;
  }

 #help p{
 	text-align:left;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.5em;
	font-size: 80%;
 }
 #help a:link{
 	   text-decoration:none;
	  }
#help a:hover {
text-decoration: underline;
color: Black;
}


#twocols{
 width:765px; 
 text-align: center;
 margin-right: auto;
 margin-left: 7px;
 float:none; 
 position:relative;
 margin-top: 7px; 
  
  }
 

/*---Main Col------------------------*/ 
#maincol{background:gray;  
 float:right; 
 display:inline; 
 position:relative; 
width: 530px;
height:235px ;
border: 1px solid gray;
 margin-top: 5px; }

/*--------Main Left-------------------------*/
#m-left{
background:#26426A;
float:left;
width: 300px;
height: 223px;
padding:6px;

}
#m-left p{
	
	color: White;
	width: 280px;
	margin-top: 7px;
	text-align:  center;
	font-weight: 600;
	font-size: 12px;
}
#m-left a:link{
text-decoration: none;
color: White;
}
#imageAd{
	border: none; width: 150px; height: 96px;}
#textAd a,#textAd a:visited{
	color: White;  
}

/*--------Main right-------------------------*/
 #m-right{
 background:white url(notestickylogo.jpg);
 background-repeat: no-repeat;
 background-position:bottom center;
 	float:right; 
	width: 200px;
	height:223px ;
	padding:6px;
	 
	 }
 #m-right p{
 	text-align: left;
	margin-top: 5px;
	margin-left: 7px;
	line-height: 1.5em;
	font-size: 12px;
	
 }

 #main-bottom {	background: #B22222;
	width: 528px;
	margin-top: 10px;
	text-align: left;
	border: 1px solid gray;
	color: White;
	float: left;
/*}
#m-bottom a:link, #m-bottom a:hover,#m-bottom a:visited{
	color:white;*/
}
ul#m-bottom,ul#m-bottom li{list-style-type:none;margin:0;padding:0;}
ul#m-bottom li{float: left;width:162px;text-align: center}
ul#m-bottom a{display:block;text-decoration: underline;padding:2px 0 5px;color:white}
ul#m-bottom a:hover{ text-decoration:none;}
ul#m-bottom a:visited{ text-decoration: underline; color:white;}

/*----------Footer-------------------*/	
	
#footer{
width:765px;
text-align:left;  
margin-top: 45px;
border: solid gray 1px;
margin-bottom: 10px;
background: White;
height: 100%;
float:right;
margin-right: 7px;

 } 

 
ul#footernav{font-size: 80%;margin-top: 15px;margin: auto; text-align: center;}
ul#footernav li{float:left;text-align: center;width: 138px;margin-left:6px;background: White; list-style: none;display:inline;}
ul#footernav li a:hover, ul#footernav a:active,ul#footernav a:visited{background:white; text-decoration: none;}
/*ul#footernav li a:active a, ul#footernav a:visited{color: green; text-decoration: none;}*/
ul#footernav li#happy{
	background: url(happy_customers.JPG);
	background-position:top center;
	background-repeat: no-repeat;
}
ul#footernav li#happy h5 {
	font-size: small;
	font-style: italic;
	font-family: "Lucida Handwriting";
	color: #B22222;
	margin-top: 0;
		}
ul#footernav li#happy p{
	color: Black;
	text-align: left;
	margin: 2px;
	}
ul#footernav li#happy a:hover,ul#footernav li#happy a:visited{
	color: Blue;
	text-decoration: underline;
	
}
ul#footernav li#happy a:link{
	color: Blue;
	text-decoration: underline;
}
#footernav li img{border: none; margin-top: 5px;
}

 /*---footer 2-----------------------------*/
 
#footer2{
clear: both;
margin-top: 5px;
margin-bottom: 0;
  background:#696969; 
  border-top: solid 1px #696969;
 } 
 #footer2 p {
 	font-size: 80%;
	line-height: 1.5em;
	color: White;
	text-align: right;
	padding-right: 5px;
	background: #696969;
	margin-bottom: 0;
	width:780px;
	
 }
 #footer2 a, a:hover, a:active {
 	color: black;
 }
#footernav li.tx {width: 200px;
color: red;
margin-top: 7px;
font-size: 14px; font-weight:bold;
}
 #footernav li.scd {width: 200px;
color: red;
margin-top: 7px;
font-size: 14px; font-weight:bold;
}

 /* *** Float containers fix:
  *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
#leftcol{display: block;border:none;} 
#header{	display: none;}
/*hide the right column when printing*/ 
#twocols,#maincol{ display: block;
border:none;}
#footer, #footer2,#help,#main-bottom{
	border: none;
}