/* common */
*{padding:0;margin:0;}
img{border:0; margin:0;}
p{padding:0 0 25px 0; line-height: 18px; }
.clear{clear:both;}
.wrap { width: 725px; margin: 0; }
.left { float: left; }
.right { float: right; }
a { color: #305781; text-decoration: none; }
a:hover { text-decoration: underline; }

/* BASE */
html { height: 100%; }
body { font-family: arial, verdana,  helvetica, sans-serif; font-size: 80%; color: #444; height: 100%; }
#push { min-height: 100%; display: block; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; }
#main { padding: 0 0 50px 0;  }

#topline { font-size: 1px; height: 5px; background-color: #0087C6; border-bottom: 1px solid #99CFE8; }
#toppush { height: 74px; }

#logo { width: 331px; height: 51px; float: left; margin: 20px 0 0 15px; }
#headerimg { width: 313px; height: 64px; float: right; margin: 15px 0 15px 0; }

#left { width: 318px; height: 300px; float: left; background: url(images/bg-left.gif) repeat-x 0 6px; border-right: 1px solid #fff; }
#main { width: 405px; float: left; }

#mainmenu { width: 405px; height: 21px; margin: 6px 0 0 0; background-color: #eee; font-size: 11px; }
  #mainmenu ul { padding: 3px 0 0 5px; list-style: none; }
  #mainmenu li { float: left; list-style: none none; margin: 0; padding: 0; position: relative; }
  #mainmenu li a { text-decoration: none; color: #666; }
  #mainmenu li a:hover { background-color: #ddd; }
  #mainmenu .separator { padding: 0 5px 0 5px; }
    #mainmenu ul li ul li { float: none; }


li ul { display: none;  position: absolute; top: 25px;  left: 0; width:160px; background-color: #eee; padding: 0; margin: 0; }
li ul {top: 11px;	left: 0;	}	
li:hover ul, li.over ul{ display: block; }
li li{ display: block; text-align: left; width:160px; border-bottom: 1px #ccc solid; border-left: 1px #ccc solid; border-right: 1px #ccc solid; height:18px; font-size:11px;}
li li a { color:#555; text-decoration:none; padding:2px; width:97%; position:absolute; }
li li a:hover { background-color: #E8EFF9; padding:2px; }

h1 { color: #6F7E14; font-size: 245%; font-weight: normal; padding: 40px 0 20px 0; background-color: #fff; width: 100%; }
#content p { text-align: justify; }
#content ul { padding: 0 0 15px 30px; }

#footer { font-size: 10px; color: #555;  padding: 5px; height: 13px; border-top: 1px dotted #000; }
  #footer a { color: #555; }
  #footer ul { list-style: none; }
  #footer ul li { float: left; padding: 0; } 
  #footer ul .separator { padding: 0 4px 0 4px; }
  
/************* contact form ***************************/
form{
	width: 400px;
	margin: 15px 0 40px 0;
	clear: left;
}

#form-left{
	width: 200px;
	float: left;
}

#form-right{
	width: 200px;
	float: right;
}

.formfield, #messagediv label{
	padding: 0 0 10px 0;
}

input, select, textarea{
	border: solid 1px #666;
	background: #fff;
	width: 180px;
}

textarea{
	width: 380px;
}

#submitdiv input{
	float: right;
	margin: 0 20px 0 0;
	background: #eee;
}

#errormsg{
	width: 270px;
	padding: 10px 10px 10px 70px;
	background: url(images/problem.jpg) #fff no-repeat 10px 10px;
	color: red;
	border: solid 1px red;
	clear: left;
	height: 60px;
}