body {
margin-top:0px;
}

h1 { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-style: bold;
	color:#006600;
}

p { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color:#444444;
} 

a:link { color:#CC3300; text-decoration:none}
a:visited { color:#CC3300; text-decoration:underline}
a:hover { color:#990000; text-decoration:underline; cursor:hand}
a:active { color:#CC3300; text-decoration:none}

#menu {
	background:#993300;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu li {
	float: left;
	font: 80.0% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	background:#993300; url("images/seperator.gif") bottom right no-repeat;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#menu a:hover {
	background:#666600; url("images/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;                    
                    
}                    


/** You can use this style for your INPUT, TEXTAREA, SELECT elements **/
.myinputstyle {
	border: 1px ridge #333333;
	/** remember to change image path **/
	background: url(none) no-repeat #f5d9b3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color:#000000;
}

/** You can use this style for your LABEL elements **/
.mylabelstyle {
	font-family: tahoma, helvetica, sans-serif;
	font-style: bold;
	font-size: 13px;
	color:#66FF66;
}

/** 
*  You can use this style for your INPUT, TEXTAREA, SELECT elements 
*  for onmousehover event
**/
.myinputstyle:hover {
	border: 1px solid #333333;
	/** remember to change image path **/
	background: url(none) no-repeat #bfac9c;
	color:#66FF66;
}