html {
   margin:0;
   padding:0;
   height:100%;
}
body {background-color:#6E7282;
background-image:url("../images/menu-back.png");
background-repeat:repeat-x;
font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
margin:0;
padding:0;
height:100%;
}
h2 { color: #000; font-size: 14px; font-weight: bold; line-height: 20px; text-align: left; margin: 10px 0; }
#outer { position: relative; width: 100%; height: 100%; min-height: 100%; }
#headerimages { width: 980px; height: 220px; margin-top: 10px; padding-left: 20px; }
#headerleft { width: 300px; height: auto; float: left; margin-right: 10px; padding-top: 12px; padding-left: 20px; }
#headermiddle { width: 300px; height: auto; float: left; margin-right: 20px; padding-left: 10px; }
#headerright { width: 300px; height: auto; float: left; padding-top: 3px; padding-left: 10px; }
#header { padding-top: 40px; padding-left: 10px; width: 100%; }
#headerimages h1 { font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; width: 100%; float: left; clear: left; }
#header p { color: #fff; }
#inner { width: 1000px; height: auto; margin-right: auto; margin-left: auto; }
#midwrap { background-color: #6e7282; width: 100%; height: auto; float: left; }
#middle { color: #fff; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 18px; background-color: #6c7081; width: 560px; height: auto; float: left; clear: none; border-bottom: 1px dotted #fff; }
#middle-work { color: #444; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: normal; background-color: #fff; background-image: url(../images/box-grad.jpg); background-repeat: repeat-x; width: 780px; height: auto; float: left; clear: none; padding: 10px; border-bottom: 1px dotted #fff; }
#middle-work  h2 { clear:both; }
img { border-width: 0; }
#logo {
height:56px;
margin-left:74px;
margin-top:40px;
width:77px;
}
#left { font-size: 12px; width: 200px; height: 400px; float: left; clear: none; }
#left ul { text-align: right; margin-top: 40px; margin-right: 20px; }
#left ul li { font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 24px; letter-spacing: normal; margin-right: 10px; margin-left: -18px; list-style-type: none; display: block; }
ul li a { color: #fff; text-decoration: none; width: 240px; padding-right: 34px; }
ul li a:hover { color: #000; background-image: url(../images/arrow-bullet.png); background-repeat: no-repeat; background-position: right 2px; text-decoration: none; }
#right { color: white; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 19px; width: 220px; height: auto; float: right; clear: none; }
#right ul li { margin-left: -18px; list-style-image: url(../images/bullet.png); }
.leftimage { font-size: 10px; line-height: 12px; text-align: center; width: 90px; height: 107px; float: left; margin: 4px; padding: 6px 4px 4px; border: dotted 1px #d6d6d6; }
.leftimage p { font-size: 10px; line-height: 11px; text-align: center; margin: 4px -4px 0; }
.leftimage a:link { color: #777; text-decoration: none; text-align: center; }
.leftimage a:hover { color: #000; background-image: none; text-decoration: none; border-bottom: 1px dotted #444; }
#left a:link { color: #fff; text-decoration: none; padding-right: 26px; }
#left a:hover { color: #000; background-image: url(../images/arrow-bullet.png); background-repeat: no-repeat; background-position: right 2px; text-decoration: none;  }
.red { color: #000; font-weight: bold; }
#footer { color: #fff; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; width: 990px; height: auto; float: left; clear: left; padding-left: 10px; }
#footerleft { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; width: 588px; float: left; margin: 4px 4px 4px 180px; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; border-right: 1px dotted #fff; }
#footerarrow { width: 120px; height: 20px; float: left; margin: 4px 4px 4px 20px; padding-top: 4px; padding-bottom: 10px; padding-left: 0; }
#footer a:link { color: #fff; text-decoration: none; padding-right: 26px; }
#footer a:hover { color: #000; background-image: url(../images/arrow-bullet.png); background-repeat: no-repeat; background-position: right 2px; text-decoration: none;  }
#footerbottom { color: #fff; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #787c8c; text-align: center; left: 0; bottom: 0; width: 100%; height: 24px; z-index: 100; clear: both; margin-top: -32px; padding-top: 8px; }

<!--[if lt IE 7]>
	<style media="screen" type="text/css">
	#container {
		height:100%;
	}
	</style>
	<![endif]-->