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

/* CSS Document */
 


/*to use assign class\id as font name  eg Blake2*/
@font-face { font-family: bellgothic; src: url('BLAKE2.TTF'); } 
@font-face { font-family: vera; src: url('VERA.TTF'); } 


.blake{font-family: blake;font-size:20px;}
.vera{fontfamily:vera;}




body {
background-color: #;
background-image:url(images/pageback.jpg);
background-repeat:no-repeat;
background-repeat: repeat-x;

font-size:12px;

top:0px;
margin-top:0px;
}
p{
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#332412;

	
	}

h1,h2,h3,h4,h5,h6,p {
font-family: vera, Geneva, sans-serif;
}
h1 {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
padding:4px 0px 0px 0px;	
font-size: 20px;
color: #202E11;
margin-top:0px;
text-align:left;
}
h2{font-size:18px;
font-weight: 200 ;
color:#d90000;
font-family: Blake2;
font-size:20px;}

.h1_20{color:#d90000;
font-family: Blake2;
font-size:20px;}
h3 {
font-size: 14px;
color: #006633;
}
h4{font-size: 10px;
color: #006633;}
h5{font-size: 16px;
color: #006633;}
h6{font-size: 16px;
color: #006633;}

a {
font-family: vera, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
}
a:link,a:visited,a:active,a:hover {
text-decoration: none;
color:#332412;
}
 a:hover {
text-decoration: none;
color:#2E4714;
}
 
 .table {margin-top:0px;
 font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#332412;
	line-height:13px;}
#wrapper {
width: 999px;
	background-image:url(images/panelback.jpg);
	background-repeat:repeat-x;
	background-color:#C8C9A7;
	margin-top: 0px;
	margin-bottom: 0px;
	margin: auto;
	padding: 0px;
	height:auto;

	border: 1px solid #A9AC9D;
}
#mainheader {display:block;
		width:960px;
		height:194px;
		padding:0px;
		margin: auto;
		text-align: center;
		background-color:#C8C9A7;
		background-image:url(images/header.jpg);
}
.logoimage {
	float:left;
	width:320px;
	height:75px;
/*	background-image:url(images/Hippierainbow.gif);
*/	margin-left: 10px;
	margin-top: 12px;}


#slidebox {clear:both;
display:block;	
	width: 960px;
	height:220px;
	padding: 0px;
	margin: auto;
	background-color:#C8C9A7;
	margin-bottom:0px;
}

#main {
	clear:both;display:block;
background-image:url(images/mainback.jpg);
background-repeat:no-repeat;
 height: 371px;
	width:960px;
	margin: auto;
	margin-top: 0px;
	padding: 0px;
	background-color:#C8C9A7;
}


.columnpanel, .columnpanelright{
	background-image: url(images/columnpanelback.jpg);
	display: block;
	float: left;
	width: 260px;
	height: 318px;
	margin: 0px 48px 20px 0px;
	background-color: #C8C9A7;
	padding:0px 14px 0px 14px;	
	
}


.columnpanelright{float:right;
margin-right:0px;}
.panel_1{
	clear:both;
	display:block;
	width:1000px;
	margin:0px 12px 0px 12px;

	background-color:#ccc;
	height:auto;
	}

#footer {clear:both;
	background-color:#858B74;
	margin:auto;
	margin-top:-30px;
	height:24px;
	width:950px;
	padding-left: 10px;
	margin-top: 0px;
	border-bottom: 9px solid #CACCA8;
}
#footer p {color:#595C4E;}

#footer ul li{
	margin-top:0px;
	color : #000000;
	background-color : transparent;
	display: inline;
}

#footer a:link, #footer  a:visited{
	font-size:11px;
	color:#595C4E;
	background-color : transparent;
	text-decoration : none;
}

#footer  a:hover{	color:#2E4714;

	text-decoration:none;
}
 .imgright{float:right;
 margin-right:20px;}
 
 .closepng{
	 position:absolute;
	 float:right;
 margin-left:4px;
 margin-top:585px;}
 
 
 #blanket {
background-color: #666;
opacity: 0.35;
filter: alpha(opacity=98);
position: absolute;
z-index: 9001;
top: 0px;
left: 0px;
width: 100%;
}

#popUpDiv {
/*     background-color: #BBBA9F;
*/     height: 583px;
     padding: 0px;
     position: absolute;
margin-top:-81px;
margin-left:83px;
     width: 647px;
     z-index: 9002;
}