/* common */
*{padding:0;margin:0;}
img{border:0; margin:0;}
.clear{clear:both;}
p{padding:0 0 15px 0;}

BODY {
	FONT-SIZE: 75%; 
  COLOR: #3F3F3F; 
  FONT-FAMILY: "Arial CE",Arial, sans-serif, Helvetica; 
  TEXT-ALIGN: left;
  padding:0 15px;
}



#box{ width:900px; background-color:#fff; text-align:left; }

/* head */
#logo{margin:20px 70px 20px 40px ;}
#head-left{ float: left; width:313px;  } 
#head-right{ float: right; width: 587px; text-align: right; } 





/* mainmenu */

#mainmenu{height: 26px; margin-top:20px; margin-left:150px; background-image: url(images/menu-bg.jpg); background-repeat: no-repeat;}
#mainmenu ul{list-style: none; }
#mainmenu li{float: left; position: relative;	}
#mainmenu #home{padding-left:0px;}
#mainmenu #about-us{padding-left:6px;}
#mainmenu #meetings{padding-left:4px;}
#mainmenu #information{padding-left:5px;}
#mainmenu #contactus{padding-left:5px;}

li ul {  display: none;  position: absolute;   top: 25px;  left: 0; width:125px; background-color: #fff;}
li > ul {top: auto;	left: auto;	}	
li:hover ul, li.over ul{ display: block; }
li li{ display: block; text-align: left; width:120px; border-bottom: 1px #ccc solid; border-left: 1px #ccc solid; border-right: 1px #ccc solid; height:20px; font-size:11px;}
li li a{color:#555; text-decoration:none; padding:2px;   width:100%; position:absolute;}
li li a:hover{background-color: #E8EFF9; padding:2px; }

#leftwrap { width: 190px; padding: 50px 0 20px 10px; float: left; }
#leftwrap ul { width: 180px; padding: 0; list-style: none; }
#ql { width: 178px; padding: 0 0 3px 2px; color: #555555; font-weight: bold; border-bottom: 1px solid #dddddd; }
#leftwrap li{ padding:0px 5px 0px 7px; background-image:url('images/linkarrow.gif'); background-repeat:no-repeat; background-position:0 5px; border-bottom: 1px solid #dddddd; }
#leftwrap li a { height: 18px; text-decoration: none; }
#leftwrap li a:link, #leftwrap li a:visited { color: #555555; display: block; padding: 1px 0 0 2px; text-decoration: none; }
#leftwrap li a:hover, #leftwrap li #current { color: #555555; padding: 1px 0 0 2px; text-decoration: none; }
#menuimage { width: 170px; padding: 20px 0 0 0; text-align: right; }

#maincontentwrap { width: 610px; float: right; padding: 0 0 20px 0; }
#maincontentwrap a { text-decoration: none; color: #1e3794; }
#maincontentwrap a:hover { text-decoration: underline; color: #1e3794; }
h1 { font-size:135%; color: #990000; margin: 0 0 15px 0; }
#maincontentwrap ul { padding: 0px 0px 0px 15px; }
#maincontentwrap li { font-size: 100%; text-decoration: none; }
#maincontentwrap li a { font-size: 100%;	text-decoration: none; }
#maincontentwrap li a:hover { text-decoration: underline; }
.titles { margin: 0 0 50px 0; font-weight: bold; }
#maincontentwraphome { width: 610px; margin: 0; padding: 20px; float: right; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; }
#homeleft { width: 285px; float: left; }
#homeleft a, #homeright a { font-size: 80%; text-decoration: none; color: #555555; padding: 0 0 0 10px; background-image:url('images/linkarrow.gif'); background-repeat:no-repeat; background-position:0 3px; }
#homeleft a:hover, #homeright a:hover { font-size: 80%; text-decoration: none; color: #555555; padding: 0 0 0 10px; background-image:url('images/linkarrow.gif'); background-repeat:no-repeat; background-position:0 3px; }
#homeright { width: 285px; float: left; margin: 0 0 0 10px; }

#frontimage { width: 560px; padding: 11px 0 11px 0; margin: 0; text-align: center; background-image:url('images/frontimage_back.gif'); background-repeat: repeat-x; }

#recentarticles a { text-decoration: none; color: #555; }
#recentarticles a:hover { text-decoration: underline; color: #555; }


#dotting { height: 3px; background-image:url('images/dotty-h.gif'); background-repeat:repeat-x; font-size: 1px; }
#footer { font-size: 85%; color: #335555; margin: 5px 0 0 300px; padding: 0 0 10px 0; }
#footer a { color: #335555; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/************* CONTACT FORM ***************************/
form{
	width: 500px;
	margin: 0 0 40px 0;
	clear: left;
}

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

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

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

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

textarea{
	width: 430px;
}

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

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