body {padding: 0px; margin: 0px; background-color: #B9D9FF; background-image: url(fon_body.jpg); background-repeat: repeat-x; background-position: top;}
#content {background-color: #ffffff; vertical-align: top; font-family: tahoma; font-size: 12px; font-weight: normal; font-style: normal; color: #306285; padding: 0px;}
#content .title {font-family: tahoma; font-size: 14px; font-weight: bold; font-style: oblique; color: #2D71E0; border: none; border-bottom: solid 1px #D4D8F3; margin: 10 10 20 10; text-align:center;}
#content .text {font-family: tahoma; font-size: 10px; color: #306285; border: none; border-bottom: solid 1px #D4D8F3; margin: 10 10 20 10;}
#content .text2 {font-family: tahoma; font-size: 12px; color: #306285; border: none; border-bottom: solid 1px #D4D8F3; margin: 10 10 20 10;}
#content a {font-family: arial; font-weight: bold; font-style: normal; color: #2D71E0; text-decoration: none;}
#content a:hover {color: #83B818; text-decoration: none;}
#content .inp {background-color: #ECF5FF; border: solid 1px #7A9ED8; font-family: tahoma; font-size: 10px; color: #306285; padding: 3px; width: 250px;}
#content .select {background-color: #ECF5FF; border: solid 1px #7A9ED8; font-family: tahoma; font-size: 10px; color: #306285; padding: 0px;}
#content .textarea {background-color: #ECF5FF; border: solid 1px #7A9ED8; font-family: tahoma; font-size: 10px; color: #306285; padding: 3px; width: 250px;}
#content .button {background-color: #D5EAAF; border: solid 1px #7A9ED8; font-weight: bold; font-family: verdana; font-size: 10px; color: #42581A; padding: 3px; }

#menu_left {width: 100%; height: 100%; background-image: url(menu_left/menu_left_fon.png); background-repeat: repeat-y;}
#menu_top {width: 100%; height: 100%;}

#panel_right {width: 100%; height: 100%; background-image: url(panel_right/panel_right_fon.png); background-repeat: repeat-y;}


#footer {height: 84px; background-image: url(footer.jpg); background-repeat: no-repeat; text-align: center; vertical-align: top; padding: 5px; font-family: tahoma; font-size: 10px; font-weight: normal; color: #C6D9EA; float: center;}
#footer a {color: #C6D9EA; text-decoration: none;}
#footer a:hover {color: #ffffff; text-decoration: none;}

#footer .design {height: 84px; text-align: center; vertical-align: top; padding: 5px; font-family: tahoma; font-size: 10px; font-weight: normal; color: #6c91b2; float: center;}
#footer .design a 	{ color: #6c91b2; text-decoration: none; }
#footer .design a:hover { color: #dde6ee; text-decoration: none; }


/* Form Styles
-------------------------------------------- */
form {text-align: left;}

form dd {
	margin-bottom: 5px;
	margin-left: 0px;
	}	
	
#name, #email, #comment, #telephone, #address, #city, #state, #zip {
	width: 300px;
	}	

#thisform label {
	font-weight: normal;
	}

#thisform fieldset {
	border: 0px solid #ccc;
	padding: 10px 20px;
	}

#thisform legend {
	color: #666;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 4px 8px;
	}	

	/*	
	IE Fixes

	:hover and :active pseudo-classes do not behave as 
	we expect them to on all but one element in IE, but there 
	are Internet Explorer Behaviors to add the desired 
	functionality with little extra work.

	The scripting of the behavior goes into a separate .htc file 
	which compliant browsers do not ever see.
	(http://www.vladdy.net/Demos/IEPseudoClassesFix.html)
	
	 */
	
input, textarea
  { behavior: url('IEFixes.htc');
  }  
  

input:hover, input.hover { 
	border: 1px solid #333;
	color: #111;
	}

textarea:hover, textarea.hover { 
	border: 1px solid #333;
	color: #111;
	}

input:focus, input.focus { 
	background: #DFE3E1;
	border: 1px solid #333;
	}

textarea:focus, textarea.focus { 
	background: #DFE3E1;
	border: 1px solid #333;
	}


input, textarea	{
	border: 1px solid #8A8466;
	background-color: #fff;
	color: #222  ;
	padding: 3px;
	}