* {margin: 0; padding: 0;}

body {font-size: 12px; font-family: verdana, sans-serif; background: #d7e4bb url(images/bg-body-new.jpg) repeat-x; color: #222;}

#main { width: 900px; margin: 70px auto 10px auto; padding: 0px; position: relative; }

#header {background: #c2d899 url(images/bg-green-pattern2.jpg) repeat-x; border-bottom: 2px solid #89ad40; height: 60px;}

#headerRight {width: 260px; position: absolute; top: 20px; right: 5px;}
 
#content {padding: 10px 0px 0px 0px; margin: 0px 0px 0px 196px; background: #fefff1 url(images/bg-content4.gif) bottom right repeat-y; width: 696px}

#content-left {margin-right: 220px; padding-left: 10px;}

#left {position: absolute; left: 0px; top: 80px; width: 170px;}

#footer {color: #333; background: url(images/bg-footer-new.gif) bottom left no-repeat; padding : 8px 0 30px 20px;}

#feature { position: absolute; top: 0px; right: -33px;  width: 280px; background: url(images/bg-right-curves.jpg) top right no-repeat; padding: 45px 0px 0px 0px;}
.section {width: 220px; float: left;}

/* title */

#title {margin: 10px 200px 0px 18px; padding: 10px 0px 0px 0px;
      position: relative; width: 295px; height: 150px; font-weight: normal;
      overflow: hidden; color: #c2d899; text-align: center;}

#title span {display: block; position: absolute; left: 0; top: 0; z-index: 1;
      width: 295px; height: 150px; margin: 0; padding: 0;
      background: url("images/logo2.jpg") top left no-repeat;}

h1 {font-size: 1.2em; margin: 5px;}

h2 {font-size: 1em; margin: 10px 0px 5px 25px ;}

h3 {font-size: 1em; margin: 5px 0px 25px 25px; color: #4c8e3d; text-align: center; width: 300px;}

h4 {font-size: 1em; margin: 6px; padding: 6px; color: #4c8e3d; border-bottom: 1px dotted #000;}
h5 {font-size: 1em; margin: 6px; text-align: center; color: #4c8e3d;}

p {padding: 6px; margin: 8px;}
p.alignCenter {text-align: center;}

p.info { width: 370px; color: #222;}
p.justify {text-align: justify;}
p.bottom {font-size: .9em; font-weight: bold;  text-align: center; clear: both;}
p.place {margin: 6px; padding: 6px; }

.clear {clear: both;}

 p.phone {color: #7d2643; font-weight: bold; font-size: 1.5em; margin: 12px 0px 12px 9px; font-family: georgia, serif;}

img.training { margin: 10px 0px 20px 68px; border: 1px solid #333;}

.strong {font-weight: bold; }

.strong2 {font-weight: bold; color: #5d4319;}

p.alert {color: #880000; font-weight: bold; background: #ffcc66; width: 450px;}

img.logo {margin-left: 5px;}

#feature img {border: 1px solid #63411d}

#feature p.definition {width: 170px; margin-left: 50px; margin-top: 20px;}

#copyright p {font-size: .9em; font-weight: bold; text-align: center;}

#copyright {padding: 20px 10px 20px; font-size: .9em; text-align: center;} 

#copyright p {text-align: center;}

input {margin: 8px 0px}

input.mail {margin: 8px 2px;}

/* definitions */

div.define {margin: 5px 10px 5px 6px; position: relative;}

div.define a:link {color: #4c8e3d; font-weight: bold; text-decoration: none;}
div.define a:visited {color: #333;}
div.define a:hover {background: #fefff1; border: none; /* border: none for IE/Win to work */ }

div.define a span.more {display: none; font-weight: normal; text-decoration: none;}

div.define a:hover span.more {position: absolute; padding: 15px;
left: 0px; top: 100px; width: 220px; color: black; display: block;
background: #fef8e4;  border: 1px solid #4c8e3d; font-weight: normal;}

a {font-weight: bold;}
a:link, a:visited {color: #883d53;}
a:hover, a:active {color: #602f3d;}

a.formal:link, a.formal:visited {color: #602f3d; background: #eff9d7; text-decoration: none; padding: 2px;}
a.formal:hover {color: #602f3d; background: #fff; text-decoration: underline;}

/* leftside navigation */

#left ul {margin: 10px 0px; display: block;  }
#left ul li { list-style-type: none; font-weight: bold; display: inline; }
#left ul li ul {padding: 0px; margin-top: 1px; }
#left ul li ul li { font-weight: bold; font-size: 11px; display: inline; }

#left ul li a {background: #ddf2b1 url(images/bg-left-nav-shadow2.jpg) bottom right no-repeat; display: block; color: black; text-decoration: none; padding: 6px 4px; }
#left ul li a:hover {background: #f2fdd7 url(images/bg-left-navHover.jpg) bottom right no-repeat; color: #7d2643; text-decoration: none;}

#left ul li ul li a {color: #000; background: #adc994; padding: 6px 4px; display: block; font-weight: normal}
#left ul li ul li a:hover { text-decoration: none; background: #ddf2b1 url(images/bg-left-navHover.jpg) bottom right no-repeat ; }

* html #left ul li a { height:1em;}
* html #left ul li ul li a { height:1em;}

/* end leftside navigation */

/* mailing list */

 p.required { color: #fefff1; font-weight: bold; padding: 3px; margin: 3px 3px 8px 3px; background: #883d53; }

p.deny, p.spam { padding: 150px 50px; color: #e1443b; padding: 3px; margin: 3px;}

p.response {padding: 3px; margin: 3px; background: #fefff1; border: 1px dashed #883d53; color: #883d53;}

.warning { color: #883d53; font-weight: bold; padding: 3px; margin: 3px 3px 8px 3px; }

input {margin: 6px; padding: 2px;}

input, textarea {border: 1px solid #333; padding: 2px;}

input.mail {border: none;}