BODY {
  font: 100% Verdana, Arial, Helvetica, sans-serif; ;
	background: #ffff99;
  color: #333;
  margin: 0 auto;
	padding: 0;
  text-align:center;
}
h1 {
 font: 100% Comic Sans MS;
 font-size: 28px;
}
#centerwrapper {
  width: 900px;  
	margin: 0 auto; 
	padding: 0;
	border: 0px solid #000000;
	text-align: left; 
	background-color: #transparent;
  background-image: url('images/bkg.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 16px;
	border: 0;
		text-align: center;
}
#hpic {
 height: 178px; 
}
#foot {
  height: 143px;  
  background-image: url('images/foot.jpg');
	background-repeat: no-repeat;
	text-align: center;
}
#content {
	width:720px;
	display:block;
	margin: 0 auto;	
  color: #333;
	} 
#content2 {
	width:880px;
	display:block;
	margin: 0 auto;	
  color: #333;
	background-image: url('images/hair.jpg');
	background-repeat: no-repeat;
	background-position: center 134px;
	} 	
/* 	background-image: url('images/freedom-logo.jpg'); */	
a, a:visited, a:active {
  color: #333333;
  text-decoration: none;
}
a.main {
  color: #333;
  text-decoration: none;
}
a.main:hover {
  color: #990000;
  text-decoration: none;
}
p a, p a:visited, p a:active  {
text-decoration: underline;
font-weight: bold;
}
img  {
border: 0;
}
A:hover {
  color: #990000;
  text-decoration: underline;
}	
.logo {
	font-family: Harlow Solid Italic, Comic Sans MS, Verdana, sans-serif;
	font-family: Monotype Corsiva, Comic Sans MS, Verdana, sans-serif;
	font-size: 22px;
	line-height: .9;
}
.error {
	font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
	color: #cc3333;
	font-weight: bold; 
	text-decoration:none;
	background-color: yellow;
	line-height: 12px;
}
.main	{
	text-align: left;
}	
.spaced {
  line-height: 1.5;
}
.center {
text-align:center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.small, .small a,.small a:visited{
color: #999;
font-size: 9px;
}
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.foot {
	text-align: center;
	color: #fff;
}
.maintext, .Tmain, .maintext2, .contentText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.4;
}
.maintext2 {
color: #9a9a9a;
}
.Tmain {
  font-size: 13px;
  line-height: 1;
}
.pageHeading {
  font-family: Comic Sans MS, Verdana, Arial, sans-serif;
  font-size: 28px;
  font-weight: bold;
  color: #9a9a9a;
}
.smallText {
  font-size: 10px;
  line-height: 1;
	color: #999999;
}
.Sig {
  font-size: 16px;
  line-height: 1;
	color: #6699ff;
	font-family: Monotype Corsiva, Comic Sans MS, Verdana, sans-serif;
	font-style:italic;
}
.white {
	color: #fff;
}
/* Begin CSS Drop/Flyout Menu */

A#menu {
  color: #fff;
  text-decoration: none;
}
#menu {
	z-index: 90;
}
#menuc {
width:100%;
background-color: transparent;

}

#menu a, #menu h2{
font:bold 16px/18px Verdana,Geneva,sans-serif;
display:block;
border-width:0px;
border-style:solid;
/* border-color:#ccc #888 #555 #bbb; */
border-color:#ccc;
white-space:nowrap;
margin:0;
padding:10px 0 10px 3px;
height: 22px; /* head height width:160px; */
text-align:center;
}
/*text-transform:uppercase;  display:block;*/

#menu a{
	z-index: 90;
  background-attachment: scroll;
  background-position: 0px 0px;

  background-repeat: no-repeat;
	background-color: transparent;
	text-decoration:none;
	padding: 0 24px
}
#menu a, #menu a:visited{
color:#fff;
}

#menu a:hover{

font:bold 16px/18px Verdana,Geneva,sans-serif;
background-repeat: no-repeat;
background-image: url(images/but_bkg.gif);
color:#990000;
/*border-color:#ccc #000 #555 #000;*/
margin-bottom:0px;
}
/* mouseover dropped */
#menu ul li ul li a:hover{
background-image: none;
color:#990000;
font:bold 15px/15px arial,helvetica,sans-serif;
padding:2px 12px 0px 28px;
height: 16px;
margin-top:-1px;
margin-left:20px;
margin-bottom:0px;
border-top:0px;
border-bottom:0px solid #660033;
border-right:0px solid #660033;
}
/* drop effect */
#menu li:hover ul a{
background-image: none;
font:bold 13px/14px arial,helvetica,sans-serif;
padding:2px 12px 0px 28px;
height: 16px;
color:#fff;
border-width:0px;
text-align:left;
margin-left:20px;
margin-top:-1px;
margin-bottom:0px;
border-top:0px;
border-bottom:0px solid #660033;
border-right:0px solid #660033;
float:left;
}

#menu a:active{
color:#fff;
font:bold 16px/18px Verdana,Geneva,sans-serif;
}

#menu ul{
list-style:none;
margin:0;
padding:0;


}
/* sub menu */
#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
width:7em;
}

#menu li{
position:relative;
}


#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */


div#menu li:hover{
cursor:pointer;
z-index:100;
}


div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand 
*/
#menu a.x, #menu a.x:visited, #menu li.x{
font-weight:bold;
color:#FFFF00;
background:transparent 100% 100%;
}

#menu a.x:hover{
color:#a00;
background:transparent 100% 100%;
}

#menu a.x:active{
color:#060;
background:transparent;
}

#menu a.y, #menu a.y:visited{
font-weight:bold;
color:#c7a505;
background:#eee 200px 200px                ;
}

#menu a.y:hover{
color:#a00;
background:#eee 200px 100%;
}

#menu a.y:active{
color:#060;
background:#eee 200px 100%;
}
/* End CSS Drop/Flyout Menu */

.shadow {
		-moz-box-shadow: 3px 3px 4px #999;
		-webkit-box-shadow: 3px 3px 4px #999;
		box-shadow: 3px 3px 4px #999;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
	}