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

/******general******/
body { 
      font-family: arial, verdana, helvetica, sans-serif; 
      font-size: 80%;
      height: 100%;
      color: #000;
      background-color: #d0bc8a;
}

a { color: #1d6793; text-decoration: none; }
a:hover { text-decoration: underline; }

/****** VFM ******/

#mainwrap { margin: 0 auto; padding: 0; width: 840px; background-image: url(images/canvasbg.gif); }
#left_of_page { float: left; width: 746px; background-color: #fff; }

/*** Top banner ***/

#top_of_page { height: 86px; width: 100%; background-color: #1566a7;}
#top_of_page img { float: left; clear: left; }


/*** Menu ***/

#mainmenu { width: 100%; height:19px; background-image: url(images/background-mainmenu.gif); background-repeat: repeat-x; background-color: #1a6eab; }
#mainmenu ul { margin-left: 30px; padding: 0px; }
#mainmenu li { float: left; margin-right: 30px; list-style: none none; height: 19px;}
#mainmenu a { font-size: 11px; text-decoration: none; margin: 0; padding: 0;}
#mainmenu a:link, #mainmenu a:visited, #mainmenu a:active { color: #fff; }
#mainmenu a:hover { color: #000080; }
#mainmenu img { float: left; clear: left; }

/*** Header ***/

#middle_of_page { float:none; margin: 0; width: 100%; clear: left; }
#header { border: 0px solid; margin-top: 0px; clear:left; }
#header #header_image { float: left; clear: left; }
#separator { height: 30px; }

/*** Main Content ***/

#content {  }
#rightcontent { width: 480px; float: left; text-align: justify; }
#rightcontent h1 { color: #1566a7; margin: 0 0 20px 0; font-size: 130%;  font-weight: 700; }
#rightcontent a { color: #639dc5; font-weight: 700; }
#rightcontent ul { padding: 0 0 15px 30px; }
#rightcontent ul li { padding: 0 0 5px 0; }
#rightcontent li a { font-size: 100%;text-decoration: none; }
#right_bubbles { float: right; width: 94px; height: 572px; background: url(images/bubbles1.gif) no-repeat right #110c27; }


/*** Sidebar ***/

#sidemenu_offset { float: left; width: 20px; }
#sidemenu { width: 170px; float: left; margin: 40px 35px 0 0; padding: 0; text-align: right; }
      #sidemenu ul { margin: 0; padding: 0; }
      #sidemenu ul li { list-style: none; font-weight: 700; font-size: 11px; letter-spacing: 0px; border-bottom: 1px dotted #c5bfbc; }
      #sidemenu ul li a { text-decoration: none; color: #585a5c; }
      #sidemenu ul li a:hover { text-decoration: underline; }
      #sidemenu li { padding: 4px 35px 5px 0px; margin-bottom: 10px; background-image:url(images/sidemenu-arrow.gif); background-repeat:no-repeat; background-position:150px 4px; }
      
      
/*** Footer ***/

#footer { margin: 0px 0 0 0px; height: 74px; font-size: 75%; color: #fff; background-color: #1566a7; }
#footer #emergency { height: 26px; background-color: #639dc5; background-image: url(images/telephone.gif); background-repeat: no-repeat; background-position: center }
#footer #copyright { height: auto; background-image: url(images/background-footer.gif); background-repeat: repeat-x; text-align: center;}
#footer a { color: #fff; }
#footer #copyright div { padding-top: 3px; text-align: center; }
#footer #copyright span { color: #639dc5 }

#footer ul {  padding: 5px 0 0 12px; list-style: none; text-align: center;}
#footer ul li {display: inline; margin-right: 5px; list-style: none; }

/************* contact form ***************************/
form{
	width: 500px;
	margin: 15px 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 #666;
	background: #fff;
	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;
}