/* CSS Document */
<style>
	
p {font-size: .9em;}

#sub-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:12px;
	width: 198px;
	border: 1px solid #ccc;
	}
	
#sub-menu li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#sub-menu li a:link, #sub-menu li a:visited {
	color: #888;
	display: block;
	background: url(images/menu3.gif);
	padding: 8px 0 0 30px;
	}
	
#sub-menu li a:hover, #sub-menu li a:active {
	color: #283A50;
	background: url(images/menu3.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}

/*These are the properties for the text fields*/
.txt_field {background-color:#C4CBD2; width:170px; height:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:5px; border:none; }
.txt_area {background-color:#C4CBD2; overflow-x: hidden; overflow-y: hidden; width:170px; height:60px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:none; }

/*These are the properties for rounding the corners of the menu div*/
.tl {background: url(images/corner-TL.png) no-repeat; z-index:6; position:absolute; width:10px; height:10px; top:0px;} 
.tr {background: url(images/corner-TR.png) no-repeat; z-index:7; position:absolute; width:10px; height:10px; left:188px; top:0px;}
.bl {background: url(images/corner-BL.png) no-repeat; z-index:8; position:absolute; width:10px;	height:10px; bottom:0px;}
.br {background: url(images/corner-BR.png) no-repeat; z-index:9; position:absolute; width:10px;	height:10px; left:188px; bottom:0px;}

.content-area {font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:10px;}

</style>