/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background:white url(notesticky.jpg);
 background-repeat: no-repeat;
 background-position:bottom right; 
  font-family : Arial, Helvetica, sans-serif;

} 
.active {
color: Black;
 background: Yellow;
}
.here{
 background: #696969;
}
.top{
	
	display: none;
}
a:link {
  color:#003399;
  }
a:visited {
  color: #67233B;
  }
a:hover {
  color:#FF3300;
  }
a img {
  border-width:0;
  }


#pagewidth{ 
 width:779px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto; 
 background:#D6DEEC;
 margin-top: 25px;
}
h2 {
 	font-size:140%;
  line-height:1.2em;
  color: #b22222; 
  margin-left: 20px;}
 
 h1{
	margin-left: 20px;
}
h3{
	margin-left: 20px;
}
h4 {
	font-size: medium;
	font-weight: bolder;
	letter-spacing: 4px;
	color:#B22222;
	font-family: tahoma;
	text-align: left;
	margin-left: 20px;

	
}
h5 {
	font-size: 80%;
	font-weight: bolder;
	letter-spacing: 4px;
	color: White;
	font-family: tahoma;
	text-align: center;
	margin-left: 0;
	 background:#B22222;
	 width: 190px;
	}
#maincol img.right{
	float:left;
	padding-left: 5px;
	padding-right: 7px;
} 
#header{
 position:relative; 
 height:69px; 
 width:100%;
 padding: 0em;
margin-right: auto;
margin-left: auto;
background: #B12121 url(hdr.jpg);
background-repeat: no-repeat;
background-position: left;
}

/*---Top Links---------------------------*/
ul#toplinks li{list-style-type:none;margin:0px;padding-top: 15px; color:white;}
ul#toplinks{float:right;font-size:80%;margin-top: 3px;}
ul#toplinks li{float:left;margin-left:1px;text-align: center;}
ul#toplinks a{float:left;padding: 5px 7px; text-decoration:none;color:white;}
ul#toplinks a:hover{ text-decoration: underline;}
ul#toplinks li.activelink a,ul#nav li.activelink a:hover{text-decoration: underline;}

#top {
float: left;
	width:777PX;
	margin-top:4px;
	margin-bottom:5px;
	margin-left: 2px;
	background: #B12121;
			
}
/*---------TopNav---------------------------*/
ul#topnav {width:777px;}
ul#topnav,ul#topnav li{list-style-type:none;margin:0;padding:0; font-size: 90%;}
ul#topnav li{float: left;width:155px;text-align: center;}
ul#topnav a{display:block;text-decoration:none;padding:7px 0 5px;color:white;}
ul#topnav a:hover{ text-decoration: underline;}

/*-------Tab-----------------------------*/
ul#tablinks li{list-style-type:none;margin:0px; color:white;}
ul#tablinks{float:right;font-size:80%;}
ul#tablinks li{float:left;margin-left:1px;text-align: center;}
ul#tablinks a{float:left;padding: 5px 7px; text-decoration: underline;color:white;}
ul#tablinks a:hover{ text-decoration: underline;}
ul#tablinks a:visited{color: #4682B4;}

#tab {
float: left;
	width:535PX;
	margin-top:0px;
	margin-bottom:5px;
	margin-left: 0px;
}

/*----Two Cols----------------------------------*/
div#twocols{width:779px;float:right; margin: auto; padding: 0;}
div#twocols{background: #696969;}

/*----Right Column and Side Nave-------------------*/
#rightcol{
 width:200px; 
 float:left; 
 position:relative; 
 background: White;
 margin-top: 10px;
 margin-left: 5px;
 }

 /*---rightnav---------------------------*/
#rightnav ul {
  margin:0;
  padding:5px 0px 5px;
  list-style: none;
   font-size:95%;
	color: Maroon;
	text-align: left;
	letter-spacing: 1px;
	 background:  White;
	
  }
#rightnav li {
  display:block;
  width:150px;
  margin:0;
  padding:0px 17px;
  line-height:1em;
  
 
  }
#rightnav li a {
  display:block;
  padding:3px 2px 4px;
  text-decoration:none;
  color: Black;
  line-height:1em;
   font-size:95%;
  
  }
#rightnav li a:hover {
text-decoration: underline;
}
  
#rightnav{
 width:198px; 
 float:left; 
 position:relative; 
 }
 
#help{
margin-top: 5px;
 width:188px; 
 float:left; 
 position:relative; 
 background:white;
  padding: 4px
 } 
 #help p{
 	text-align:  left;
	padding-left: 2px;
	line-height: 1.5em;
	font-size: 80%;
 }
 #help a:hover{color:black;}
#help img.floatright{
	float: right;
}
 #programs,#customers,#join,#brochure{
margin-top: 7px;
width: 188px;
 float:left; 
 position:relative; 
 background: white ;
  padding: 4px;
 } 
 #programs p, #join p,#brochure p,#customers p {
 	text-align:  left;
	line-height: 1.5em;
	font-size: 80%;
 }
#customers a:hover{
	color: Black;
	text-decoration: underline;
}
#customers img.floatleft{
	float: left;
}
#programs{
height: 350px;
}
#programs a:link{
	text-decoration: none;
}
#programs a:hover{ text-decoration: underline; color: blue;}
#imageAd{ margin-left: 25px; border: none;}
#textAd{ margin-left: 9px;}

#join a:link,#join a:active, #join a:visited{color:white; text-decoration: none;	}
#join a:hover{ text-decoration: underline;}
#brochure a:link,#brochure a:active, #brochure a:visited{color:white; text-decoration: none;	}
#brochure a:hover{ text-decoration: underline;}

/*--------------MAIN-----------------------*/
#maincol{  
 float:right; 
 display:inline; 
 position: relative; 
 width:540px;
 margin-right: 5px;
margin-left: 5px;
margin-top: 10px;
 background: White;
   }
 #maincol p{
 	padding: 5px;
	line-height: 1.5em;
	font-size: 90%;
	margin: 20px;
 }
 #maincol ul { 
font-size :90%; 
line-height : 1.5em; 
display : block; 
} 
#maincol li { 
padding : 4px; 
list-style : disc; 
} 
#maincol li a:link { 
color : #0001a6; 
} 
#maincol li a:active { 
color : #3d5599; 
} 
#maincol li a:hover { 
color : #b22222; 
} 
#maincol li a:visited { 
color : #4682B4; 
} 
 
 #maincol a:link { 
color : #0001a6; 
} 
#maincol a:active { 
color : #3d5599; 
} 
#maincol  a:hover { 
color : #b22222; 
} 
#maincol  a:visited { 
color : #4682B4; 
} 

/*-----------Footer--------------*/

div#footer{width:779px;background: #B12121; margin: 0;} 
 #footer p {
 	font-size: 70%;
	color:white;
	text-align: right;
		padding: 5px;		
 }
 #footer a, a:hover, a:active {
 	color: white;
 }
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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{


/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}