/* head css */
#containerhead { width: 780px; \width: 800px; w\idth: 780px; margin-bottom: 10px; margin-left: auto; margin-right: auto; padding: 10px; background-color: #fff;}
#paddhead {margin-left: 0px; width: 780px;} 
#banner {}
#nav {height: 25px;}

/* body css */
#containerbody { width: 780px; \width: 800px; w\idth: 780px; margin: 0px; margin-left: auto; margin-right: auto; padding: 10px; background-color: #fff;}
#paddbody {background-image: url(images/bgSite.gif); width: 780px; background-repeat: no-repeat;} 
#banner {padding: 0px; margin-bottom: ; background-color: rgb(213, 219, 225); }
#content {padding: 0px; margin-left:154px; margin-right:150px; background-color: #82868A; overflow: auto; }
#left {float: left; width: 154px; margin: 0px; padding: 0px; height: 100%;}
#right {float: right; width: 150px; margin: 0px; padding: 0px; height: 100%;}
#clear {clear: both; font-size: 1%; }

#newsHome { width: 130px; padding:5px;}
#newstitle { background-color: #82858A; width: 130px;}
#newstext { background-color: #E0E7ED; width: 130px;}

/* footer css */  
#footer {width: 800px; \width: 820px; w\idth: 800px; margin: 0px; margin-left: auto; margin-right: auto; padding: 0px; background-color: #333;}

Body { background-image: url(images/bg.jpg); background-repeat: repeat-x; background-color: #A8B1B7; font-family: Geneva, Arial, Helvetica, sans-serif;}
H1 { color: #fff; font-size: 135%; font-weight: lighter;}
H2 { color: #fff; font-size: 120%; margin:0px;}
.padd { padding: 8px; font-size: 75%; color: #111;}
A {color: #fff;}
A:HOVER {color: #fff;}

/* news */
div.news { font-size: 80%; padding:5px;}
div.news H2 { color: #fff; font-size: 160%; font-weight: lighter;}
div.news a { color: #333; text-decoration: none;}
div.news a:hover { color: #333; text-decoration: none;}

/* nav */
div.nav { font-size: 80%; font-weight: bold;}
div.nav ul { margin: 0px; padding: 8px 0px 0px 0px;}
div.nav li { margin: 0px; display: inline; padding: 10px 0px 0px 14px;}
div.nav a { color: #333; text-decoration: none;}
div.nav a:hover { color: #333; text-decoration: none;}

/* left */
div.left { padding: 10px; }
div.left h2 { color: #fff; font-size: 90%; font-weight: normal;}
div.left ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;color: #fff;}
div.left li { margin:  3px 0px 3px 10px; padding: 0px 0px 5px -5px; font-size: 70%; text-transform: capitalize; list-style-image: url(images/bullet.gif);color: #fff;}
div.left a { color: #fff; font-size: 100%; font-weight: normal; text-decoration: none;}
div.left a:hover { color: #fff; font-size: 100%; font-weight: normal; text-decoration: underline;}

/* right */
div.right { padding: 10px; }
div.right h2 { color: #fff; font-size: 90%; font-weight: normal;}
div.right a { color: #fff; font-size: 90%; font-weight: normal; text-decoration: none;}
div.right a:hover { color: #fff; font-size: 90%; font-weight: normal; text-decoration: underline;}
div.right img { border-color: #fff;}

/* footer */
div.footer { font-size: 70%; color: #aaa; padding: 5px;}
div.footer a { color: #aaa; font-size: 100%; font-weight: normal; text-decoration: none;}
div.footer a:hover { color: #ccc; font-size: 100%; font-weight: normal; text-decoration: underline;}

/* form styles */
#contact fieldset  { text-align: left; border-color:#82868A;}
#contact legend { font-size: 100%; font-weight: bold; margin-bottom: 10px; color: #333;  border-color:#82868A;}
#contact label { float:left; width:120px; color:#222; font-size: 90%;}
#contact input {border:1px solid #666; margin-bottom:2px; background-color: #FFF;}
#contact textarea {border:1px solid #666; overflow:auto;margin-bottom:2px;}