html, body 		{ margin: 0; padding: 0; color:#333; }
		body, leftpanel,content,rightpanel
                        { font: 14px Helvetica, Arial, sans-serif; line-height: 18px; }
		h2				{ color: #333; font-size:22px;}
		a				{ color: #337810; }
		p				{ margin: 0 0 18px; }
		#wrapper		{ float: left; width: 100%; background-color:#CAFFCA;}
		
		/* three panels position and size */
		#leftpanel      { width:24%; float:left; padding-left:2%; padding-right:2%;background:#E8E8E8;}
		#content		{ width:50%; float:left; padding-left:2%; padding-right:2%;}
		#rightpanel		{ width:14%; float:right;padding-left:2%; padding-right:2%;}	
			
		/* Within left panel */ 
		#navigation		{ float: left; width: 100%; }
		#header			{ float: left; width: 100%;}
		#footer			{ clear: left; width: 100%; float:left;}
		
		#header			{ border-bottom: 2px solid #ddd; }
		#header h1  	{ font-size:26px; color: #004b6f; margin: 0 0 3px; padding: 0 0 0 0; }
		#header p		{ font-size: 14px; color: #666; }

		#navigation		{ padding-left: 1px;}
		#navigation ul	{ font-size: 18px; padding: 2px 2px 2px 2px; border:groove; }
		#navigation li	{ font-size: 14px; font-weight: italic; padding-right: 5px; }

		#footer			{ border-bottom: 2px solid #999; }
		#footer a		{ color: blue; }
		#footer	p		{ color: black;}
		#footer ul		{ border-bottom: 1px solid #555; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
		#footer li		{ font-size: 14px; display: inline;  font-weight: bold; padding-right: 5px; }

		/* within content */
		#content  		{ color: black;}
		#content h1		{ font-size:26px;font-weight:bold;}
		#content h2		{ font-size:22px;}
		#content h3		{ font-size:18px;}
		#content p		{ font-size:14px;}

		/* within right panel */
		#extra			{ float: right; width: 100%; padding-right: 5%;}	
	
        fieldset        {width: 500px; border: 5px; #F9FAFF; float: left;padding:5px}
        input.formbutton {margin:5px; border:solid 3px #F9FAFF; }
	    input.formfield { width:185px ; }
        textarea        { font: 14px Helvetica, Arial, sans-serif;}