html { background: url(../graphics/background.gif); }

body { margin: 30px 0 0; padding: 0; font-size: 76%; font-family: Arial, Helvetica, sans-serif; background: url(../graphics/body.gif) repeat-x 0 133px; }

img { border: 0; }

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

h1, h2, h3, p { margin-top: 0; }

h1 { font-size: 170%; font-weight: normal; color: #57a43c; }

h2 { font-size: 150%; font-weight: normal; color: #57a43c; }

h3 { font-size: 110%; }


.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */

.yellow { padding: 3px 5px; background: #ffeeaa; }


#wrapper { width: 837px; margin: 0 auto; padding: 0; background: white url(../graphics/body.gif) repeat-x 0 133px; }

#header { position: relative; height: 133px; }
#header img { position: absolute; top: 10px; left: 125px; }

#banner { position: absolute; top: 1px; right: 1px; }

#main { margin-top: -38px; padding: 115px 20px 0; background: url(../graphics/main.gif) no-repeat; }

#sidebar { float: left; margin: 21px 0 0; width: 170px; padding: 10px 20px 0; }
#sidebar ul { margin: 0; padding: 0; list-style-type: none; }
#sidebar ul li { padding: 0.5em 0; }
#sidebar ul li a,
#sidebar ul li.nav_active ul li a { font-size: 110%; font-weight: bold; display: block; color: #176199; }
#sidebar ul li.nav_active a,
#sidebar ul li.nav_active ul li.nav_active a { color: #818286; }
#sidebar ul li ul { display: none; }
#sidebar ul li.nav_active ul { display: block; }
#sidebar ul li { padding: 1em 0 0; }
#sidebar ul li ul li a { padding: 0 0 0 1.5em; }

#content { margin: 0 0 0 190px; padding: 10px 0 10px 20px; color: #5c5d60; background: white url(../graphics/content.gif) no-repeat; }
#content div.content { line-height: 1.8em; font-size: 95%; }

#crumbs { font-size: 90%; padding: 0 0 10px; margin: 0 0 15px; color: #999; border-bottom: 1px solid #f3f3f3; }
#crumbs a { color: #2abecd; }

#green-box { float: right; width: 284px; margin: 0 0 20px 20px; background: #c3f1b1 url(../graphics/green-box/background.gif) repeat-x 0 48px; }
#green-box div { font-size: 110%; padding: 0 0 20px; background: url(../graphics/green-box/foot.gif) no-repeat bottom left; }
#green-box div * { margin: 0; }
#green-box div h2 { height: 48px; line-height: 48px; padding: 0 20px; font-size: 110%; color: white; font-weight: bold; background: url(../graphics/green-box/heading.gif) no-repeat; }
#green-box div ul { border-bottom: 1px solid #d0f4c2; margin: 20px 20px 0 40px; padding: 0; }
#green-box div ul li { padding: 4px 0; border-top: 1px solid #d0f4c2; list-style-image: url(../graphics/green-box/bullet.gif); }
#green-box div p { font-weight: bold; padding: 1em 20px 0; }

/* #side-content { margin: 0 284px 0 0; padding: 0 15px 0 0; } */

#footer { width: 571px; height: 123px; padding: 16px 20px 16px 210px; margin: 0 auto; background: url(../graphics/footer.gif) no-repeat; }
#footer ul { margin: 0 0 0 -10px; padding: 0 0 10px; #padding: 0; list-style-type: none; }
#footer li { float: left; padding: 0 10px; font-weight: bold; border-right: 1px solid #e62d52; }
#footer li.last { border-right: 0; }
#footer form { position: relative; #top: -10px; clear: both; padding: 15px 0; border-width: 1px 0; border-style: solid; border-color: #f9ccd5; }
#footer form label { position: relative; #top: -5px; color: white; font-weight: bold; font-size: 110%; }
#footer form input.text { margin: 0 0 0 5px; padding: 7px; width: 158px; font-size: 90%; border: 0; background: #fad4dc; color: #f18499; font-style: italic; font-family: Arial, Helvetica, sans-serif; }
#footer form input.image { position: absolute; top: 14px; right: 0; }
* html #footer form input.image { right: 20px; top: 16px; }
#footer p { position: relative; #top: -18px; padding: 1em 0 0; #padding: 0; font-size: 90%; color: #fad5dd; }
#footer p a { color: #fad5dd; }

#contact_form p label { display: block; font-size: 95%; font-weight: bold; }
#contact_form input.text, #contact_form textarea { width: 240px; }
#contact_form textarea { height: 120px; }

#gallery { margin: 0 -4px 0 0; padding: 0; list-style-type: none; width: 600px; }
#gallery li { float: left; padding: 0 4px 4px 0; height: 114px; }
#gallery li a { #float: left; display: table-cell; text-align: center; vertical-align: middle; width: 112px; height: 112px; border: 1px solid #fff4c7; }
#gallery li a:hover { background: #fff4c7; }
#gallery li a * { vertical-align: middle; }
#gallery li a span { #display: inline-block; #height: 100%; }