* { margin: 0; padding: 0; }
html { background-image: url(../images/bgr_leaves.jpg); background-repeat: no-repeat; background-position: left bottom; }
body { color: #666; font-size: small; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url(../images/grad_right.gif); background-repeat: repeat-y; background-position: right top; text-align: center; }
html, body { height: 100%; }
#wrap1 { width: 100%; height: 100%; }
#wrap2 { text-align: left; width: 752px; height: auto; margin-right: auto; margin-left: auto; }
a, a:visited { color: #727ea3; }
a:hover { color: #e48b00; }
* html a:hover {visibility:visible}
.home_gutt01 { padding-top: 10px; padding-right: 40px; padding-left: 10px; }
body.a11 #container { background-color: white; vertical-align: bottom; position:relative; width:750px; height:auto; margin-right: auto; margin-left: auto; border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; }
body.a11 #container a.t09 { text-decoration: none; display:block; width: 310px; height: 372px; float: right; }
body.a11 #container a.t09 img { border-width: 0; }
body.a11 #container a.t09:hover { background-position: 0 0; color: #049; background-image: url(../images/photo_large_01-over.jpg); }
body.a11 #container a.t09:hover img { visibility: hidden; }
#home_navig { width: 49.9%; float: left; padding-top: 80px; }
#home_navig a { color: #666; font-size: 150%; text-decoration: none; margin-left: 50px; }
#home_navig a:hover { color: #97a7b7; }
#home_navig ul li { padding: 10px; list-style-type: none; }
div.gutt01 { padding : 10px 10px 10px 20px; }
#logo h1, #logo a { background-image: url(../images/logo01.gif); background-repeat: no-repeat; width: 350px; height: 85px; display: block; }
#logo h1 span, #logo a span { margin-left: -5000px; }
#logo h1 span {
display : none; 
}
#container h2 { font-size: 150%; }
#header { padding-left: 0.2em; }
div#logo { width: 350px; float: left; }
div#header_wrap .menu { float : right; padding-right : 1em; } 
#header_wrap .menu a:link, #header_wrap .menu a:visited {text-decoration : none;} 
#header_wrap .menu a:hover { color : #e48b00; }
ul#navig { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-right: 5px; padding-bottom: 24px; border-bottom: 1px solid #aaa; list-style-type : none; } 
ul#navig li { color : white; background-color : #97a7b7; background-image: url(../images/grad_menu.gif); background-repeat: repeat-x; background-position: left bottom; height : 21px; float : right; margin : 2px 2px 0 0; border-top: 1px solid #aaa; border-right: 1px solid #aaa; border-left: 1px solid #aaa; } 
ul#navig a:link, ul#navig a:visited { color : white; font-size: 110%; background-color : transparent; text-decoration : none; text-transform: uppercase; word-spacing : 0.1em; margin : 0; padding : 4px 12px; display : block; } 
ul#navig a:hover { color: #f1f7e8; background-color: #97a7b7; }
body.p01 #navig li.one a, body.p02 #navig li.two a, body.p03 #navig li.three a, body.p04 #navig li.four a { color: #0d3257; background-color: white; border-bottom: 1px solid white; }
#footer { width: 750px; margin-right: auto; margin-left: auto; }
#footer p { font-size: 90%; text-align: left; }
#footer_menu { width: 35%; float: left; }
#vali { width: 60%; float: right; }
#vali p { text-align: right; }
div#back_photo { margin-left: 0.5em; padding-top: 0.2em; }
#back_photo a { color: #666; text-decoration: none; }
div.clear { height: 1px; clear : both; overflow : hidden; margin-top: -1px; }
div#home_image { width: 310px; height: 372px; float: right; }
* html div#home_image { margin-bottom: -15px; }
#container { background-color: white; position:relative; width:750px; height:auto; margin-right: auto; margin-left: auto; border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; }
.group { width : 97%; float: right; }
div.item { background-color : #eef2f2; text-align: center; width : 310px; float: left; margin : 10px 20px 10px 10px; padding-top: 5px; padding-bottom: 5px; border : solid 1px silver; }
div.item a, div.item a:visited { font-size: 90%; font-weight: bold; text-decoration: none; }
div.item a:hover { text-decoration: underline; }
div.item img { margin-bottom: 5px; border: solid 1px #aaa; }
.web_text { padding: 0.5em 1em; }
input, textarea { background-color: white; margin-bottom: 1em; border: solid 1px #aaa; }
form { margin-top: 2em; }
fieldset { background-color: #f7f9fa; width: 70%; padding: 1em; }
.button { color: #000; background-color: #ccc; width: 20%; border-color: #f5f8f9 #666 #666 #f5f8f9; border-style: solid; border-width: 1px; }
#message div#content p { font-size: 110%; padding-bottom: 0.7em; }
#message div#content h2 { color: #97a7b7; font-size: 180%; padding-top: 1em; padding-bottom: 1em; }
#map{ width: 20em; margin-top: 1em; margin-bottom: 1em; margin-left: 5em; }
#map ul{ font-weight: normal; font-style: normal; font-variant: normal; line-height: normal; list-style-type: none; }
#map li a{ display: block; padding: 0.2em 0 0.2em 1em; text-decoration: none; color: gray; margin-top: 0.2em; margin-bottom: 0.2em; margin-left: 3em; }
* html #map li a{ /*IE only */
width: 250px; /*IE 5*/
w\idth: 250px; /*250px minus all left/right paddings and margins*/
}
#map li a:hover { color: #e48b00; }
#map div.maptitle{ color: #808080; font-style: normal; line-height: normal; text-transform: uppercase; margin-top: 0.5em; border: solid 1px #ccc; }
#map div.maptitle a { text-decoration: none; text-align: left; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 0.3em; display: block; }
#map div.maptitle a:hover {  }
div#thumb a span { display: none; }
div#thumb a:hover span { display: block; position: absolute; top: 190px; left: 10px; width: 120px; padding: 1em; margin: 1em; z-index: 100; color: #666; font-style: normal; font-variant: normal; line-height: normal; background: #eef2f2 url(../images/grad_right.gif) repeat-y left top; text-align: center; border: solid 1px #c0c0c0; }
