body {
	text-align: center;
	background-repeat: repeat;
	margin-top: 5px;
	background-position: left;
	color: #705000;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        font-size: 11px;
}
hr {
	color: #705000;
}
h4 {
	color: #705000;
        font-family: arial, verdana;
	font-size: 12px;
	font-weight: bolder;
}
a {
	color: #705000;
	text-decoration: none;
        font-family: Verdana;
	font-size: 12px;
}
a:hover {
	color: red;
	text-decoration: underline;
}

img.bottom {
	vertical-align:text-bottom;
	}

input.header {
	vertical-align:text-bottom;
	height: 12px;
	font-family: sans-serif, Helvetica, Verdana, Arial, Geneva;
        font-size: 11px;	
	}

input.small {
	height: 11px;
	font-family: sans-serif;
        font-size: 10px;
	width: auto;	
	}

#container {
	width: 100%;
	height: auto;
	text-align: left;
	margin: auto;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        font-size: 12px;
}

#container table {
	border-color: none;
}

#container form {
	border-color: #f8b005;
}

#header {
	height: auto;
	margin: 0;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        font-size: 12px;
	font-weight: bolder;
}
#header a {
	color: #FFFFFF;
	text-decoration: none;
        font-family: Verdana;
	font-size: 12px;
	font-weight: bolder;
}
#header a:hover {
	background-color: #cb2948;
	/* text-decoration: underline; */
}
#header table {
	background-color: #f5ac09;
	padding: none;
	border: none;
}

#message {
	text-align: center;
	background-color: yellow;
	width: auto;
	color: red;
	font-family: arial,sans-serif,Verdana;
        font-size: 16px;
	font-weight: bolder;
}

#catch {
	text-align: center;
	color: black;
	width: auto;
	text-stile: oblique;
	font-family: comic sans MS, helvetica, georgia, sans-serif,arial,Verdana;
        font-size: 18px;
	font-weight: bolder;
}

#instructions {
	text-align: left;
	color: black;
	width: auto;
	text-stile: oblique;
	font-family: comic sans MS, helvetica, georgia, sans-serif,arial,Verdana;
        font-size: 14px;
	font-weight: bolder;
}

#forma {
	text-align: left;
	color: black;
	width: auto;
	font-family: verdana, comic sans MS, helvetica, georgia, sans-serif,arial;
        font-size: 12px;
	font-weight: bolder;
	border:1px solid #FFCCCC;
	background-color: #FFFFCC;
}
.top {
	width: 520px;
	text-align: justify;
	font-size: 12px;
}

/* top menu */
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;float:right;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:180px;position:relative;text-align:left; background:#f5ac09;}

/* style the links for the top level */
.menu li a, .menu li a:visited {display:block;font-size:9px;text-decoration:none; color:#fff; width:auto; height:18px; border:1px solid #000; border-width:1px 1px 1px 1px; padding-left:5px; line-height:18px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {position:absolute;height:0;top:18px;left:0; width:adjust; border-top:1px solid #fff;}
.menu ul ul li {border-top: 1px solid #fff; text-align:left; width:adjust;}
.menu li a {font-family: Verdana; font-size: 9px; text-decoration: none;}

/* make the second level visible when hover on first level list OR link */
/* .menu ul li a:hover ul{visibility:visible; } */