.top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:  #FFFFff;;
}
.top2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.cop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
#navcontainer { width: 160px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 0;
margin-bottom: 0;
}

#navcontainer a
{
display: block;
padding: 5px;
width: 160px;
background-color: #239665;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE ; 
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #2FC686;
color:  #FFFFCC ;
}


body#home a#homenav,
body#about a#aboutnav,
body#let a#letnav,
body#area a#areanav, 
body#epc a#epcnav,
body#diy a#diynav,
body#hips a#hipsnav,
body#whathip a#whathipnav,
body#order a#ordernav,
body#links a#linksnav,
body#contact a#contactnav{
	color: #FFFFCC;
	background: #2FC686;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #339900;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.quick {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #92c83e;
}
.reason {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a.small:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #fff;

	text-decoration: underline;

	font-weight: normal;



}

a.small:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #fff;

	text-decoration: underline;

	font-weight: normal;

}

a.small:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;
color: #fff;


	text-decoration: underline;

	font-weight: normal;

}

a.small:active {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-decoration: underline;

	color: #fff;

	font-weight: normal;

}


a.med:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

	text-decoration: underline;

	font-weight: normal;



}

a.med:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

	text-decoration: underline;

	font-weight: normal;

}

a.med:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #999999;

	text-decoration: underline;

	font-weight: normal;

}

a.med:active {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-decoration: underline;

	text-decoration: none;

	font-weight: normal;

}

.phone {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #92c83e;
}
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


a.large:link {

	font-size: 15px;
	font-weight: bold;
	color: #92c83e;

	text-decoration: underline;

	font-weight: normal;



}

a.large:visited {

	font-size: 15px;
	font-weight: bold;
	color: #92c83e;

	text-decoration: underline;

	font-weight: normal;

}

a.large:hover {

	font-size: 15px;
	font-weight: bold;
	color: #92c83e;

	text-decoration: underline;

	font-weight: normal;

}

a.large:active {

	font-size: 15px;
	font-weight: bold;
	color: #92c83e;
	text-decoration: underline;

	
	font-weight: normal;

}