body { margin: 0; padding: 0; font-size: 76%; font-family: Arial, Helvetica, sans-serif; background:url(../graphics/background.gif) repeat-x; }

#content a { color: #30571e; text-decoration: none; }
#content a:hover { text-decoration: underline; }
img { border: 0; background-color: none; }
a img { background-color: none; }

h1 { margin: 18px 0 22px 0; padding: 0; color: #FFF; font-weight: bold; font-size: 200%; }
/* .sIFR-hasFlash h1 {	visibility: hidden; }
h1.replace { height: 35px; font-size: 35px; }
h1.replace a { position: absolute; left: -2000px !important; display: none !important; visibility: hidden !important; } */

h2 { margin: 10px 0 5px 0; padding: 0; font-weight: normal; color: #2e404e; line-height: 1.15em; font-size: 20px; }
h2.large { font-size: 23px; margin: 15px 0 0 0; font-weight:bold; }
h2 a { color: #1E3E76; text-decoration:underline; }

h3 { margin: 15px 0 5px 0; padding: 0; font-weight: bold; color: #2F414F; line-height: 1.15em; font-size: 16px; clear: both; }

#wrapper { width: 980px; margin: 0 auto; padding: 0; background:url(../graphics/cloud.jpg); }

#logo { padding: 50px 0 20px 43px; }

#main { color: #333333; width: 894px; min-height: 495px; margin: 0 auto; padding: 0 43px; clear:both; overflow:auto; }

.standard { background-image:url(../graphics/back.gif); }
.home { background:url(../graphics/home-back.jpg) bottom no-repeat #768db9; }

#crumbs { font-size:11px; color: #2e404e; margin: 0 0 15px 0; }

#side-menu { width: 148px; float: left; margin: 0 20px 20px 0; }
#side-menu .middle { background-color: #d7cdb5; float: left; width: 148px; }
#side-menu img { margin: 0; padding: 0; display: block }
#side-menu ul { list-style-type:none; margin: 0; padding: 0 0 10px 0; float:left; margin-top: 10px; border-top: 1px solid #fff; }
#side-menu li { }
#side-menu li a { background-color: #bcb596; line-height: 1.2em; float:left; width: 137px; border-bottom: 1px solid #fff; padding: 6px 0 6px 10px; text-decoration:none; color:#FFFFFF; font-weight:bold; }

#side-menu li a:hover { background-color: #aea787; }

#gallery { margin: 10px 0 0 0; padding: 0; float:left; }
#gallery li { float: left; list-style-type:none; padding-right: 10px;}


#register { float: right; width: 150px; padding: 20px 0 0 0; }

#content { font-size: 1.1em; line-height: 1.2em; float:left; padding: 0 0 30px 0; }
* html form * { position: relative; z-index: 10; zoom: 1; }
.home-body { width: 590px; }
.general { width: 550px; }
.full { width: 680px; }

.home-body img { margin: 0 4px 4px 0; }
.home-body img:hover { margin: -1px 4px 5px 0; }

#footer { border-top: 3px solid #538532; text-align: center; color: #687a8e; font-size: 80%; padding: 5px 0 0 10px; background-color: #2f414f; height: 106px; background-image:url(../graphics/footer.gif); list-style-type:none; width: 970px; margin: 0 auto; }

#footer ul { list-style-type:none; float:left; margin-top: 0; }
#footer a { color: #687a8e; text-decoration:none;  }

.left { width: 45%; float: left; text-align:left; padding-top: 10px;  }
.right { width: 45%; float: right; text-align:right; padding: 10px 50px 0 0; }


/* fieldset { border: 0; margin: 0; padding: 0; }
legend { margin: 0.2em 0 0.2em 0; padding: 0; } */

#contact-form { padding: 0; }

#details-form { width: 670px; }

#details-form h3 { margin: 20px 0 10px 10px; display:block; float:left; width: 660px; }
#details-form small { font-size:10px;  float: left; width: 660px; height: 20px; margin: 0 0 10px 10px; font-weight:normal; }


#details-form label, #details-form .field { clear: both; float:left; width: 315px; margin-bottom: 5px; display: inline; padding: 5px 5px 5px 10px; background: #d8d3c8; }
#details-form label.inline { float: none; width: auto; margin-bottom: 0; padding: 0; background: none; }


#details-form .field { height: 58px; }
#details-form .text, #details-form textarea, #details-form select {  font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom: 5px; padding: 5px 0px 5px 10px; width: 320px; float:left; border: 1px solid #ccc; }
#details-form select { width: 332px; height: 26px; padding: 4px 0 0 5px;  }
#details-form textarea { display: block; height: 56px; margin: 0 0 5px 0; }

#details-form input.button { background: #7ba341; color: white; text-transform: uppercase; font-weight: bold; margin: 5px 7px 0 505px; padding: 5px; width: 160px; font-size: 16px; clear: both; float: left; border: 3px solid #fff; }
#details-form input.button:hover { background: #436717; }

#details-form table.qualifications td input { width: 147px; }
#details-form table { clear: both; }

#details-form .section { float: left; margin: 0; width: 680px; padding: 0; clear: left; }
#details-form .full { float: left; margin: 7px 0 5px 0; display:block; width: 646px;  }


#details-form .radio { width: 310px; margin-bottom: 5px; min-height: 20px; padding: 4px 5px 3px 10px; float:left; }
#details-form .radio input{ width: 20px; margin: 0 6px 0 10px; float:none; border: none; }

#details-form div.declare { background-color: #e1e7d7; display:block; float:left; padding: 0 20px 10px 20px; width: 620px; border: 1px solid #fff; margin: 15px 0; }
#details-form div.declare h3 {  margin: 15px 0 10px 0; }
#details-form div.declare p { float:left; padding-bottom: 8px; margin: 0; display: block;}

#details-form .tick { width: 20px; margin: 0 10px 5px 0; padding: 5px; background-color: #7ba341; float: left;  }
#details-form .tick input { width: 20px; }

#details-form .check { width: 155px; float:left; overflow: hidden; }
#details-form .check label { width: 100px; float: none; }




/*  NAVIGATION ------------------------------------------------------- */

#navigation-block { width: 980px; float:left; }
.image-squeak { float:left; margin: 0;  }


/*



  

#navigation ul li ul { position: absolute; left: 0;  float: none; padding: 2px 0 0; }
#navigation ul li li { float: none; display: block; padding: 0; }
#navigation ul li li a, #navigation li.nav_active ul li a  { line-height: normal;  zoom: 1; float: left; text-align:left; display: block;  border-bottom: 1px solid white; background-image: none; background-color: #76b32b; padding: 7px 10px; width: 128px; }
#navigation ul li ul li a:hover { background-image:none; background-color: #699632; }


#navigation ul li ul li ul { left: 100%; top: 0; padding: 0; border-left: 2px solid white; }

*/




#navigation { position: relative; bottom: 0; left: 0; height: 28px; text-align: center; z-index: 350; margin: 0 0 0 42px; }


#navigation ul { padding: 0; margin: 0; list-style-type: none; background-color: #574a42; list-style-image: none; list-style-position: outside; }
#navigation li { position: relative; float: left; padding: 0 1px 0 0; margin: 0; }
#navigation li a { zoom: 1; float: left; font-weight: bold; font-size: 13px; padding: 8px 0; width: 148px; line-height: 26px;  color: white; text-decoration: none; background: url(../graphics/button-up.gif); }
#navigation li a:hover { background: url(../graphics/button-down.gif);  }
#navigation li.nav_active a, #navigation li.nav_active a:hover { background: url(../graphics/button-down.gif);  }
#navigation li ul { position: absolute; left: 0; top: 42px;  padding: 2px 0 0; display: block; width: 170px; text-align: left; background-color: #76b32b; }
#navigation li li { float: none; display: block; padding: 0; border-bottom: 1px solid #fff; }
#navigation li li a, #navigation li.nav_active li a { float: none; display: block; padding: 10px 12px; height: auto; line-height: 1.2em; text-transform: none; font-size: 85%; letter-spacing: normal; background-image: none; border: none;}
#navigation li li.nav_active a, #navigation li li a:hover, #navigation li.nav_active li a:hover { background-image: none; background-color: #699632; }





/* Dropdown code */
* html #navigation table { border-collapse: collapse; padding: 0; margin: 0 0 -7px; width: 0; height: 0; font-size: 1em; z-index: 300; position: absolute; left: 0; top: -1000px; }
* html #navigation a:hover table { display: block; left: 0; top: 0; }
#navigation td { margin: 0; padding: 0; }
#navigation td a { position: relative; zoom: 1; }
* html #navigation a:hover { position: relative; z-index: 100; }
#navigation li:hover { position: relative; }
* html #navigation ul ul a:hover { position: relative; z-index: 110; }
#navigation ul ul li:hover { position: relative; }
* html #navigation ul ul ul a:hover { position: relative; z-index: 120; }
#navigation ul ul ul ul a:hover { position: relative; z-index: 130; }
#navigation ul ul { visibility: hidden; display: none; }
#navigation ul :hover ul { visibility: visible; display: block; height: auto; }
#navigation ul :hover ul ul { visibility: hidden; }
#navigation ul :hover ul :hover ul ul { visibility: hidden; }
#navigation ul :hover ul :hover ul { visibility: visible; }
#navigation ul :hover ul :hover ul :hover ul { visibility: visible; }



.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }  /* \*/  .clear { display: block; }  /* */

p.error { background: red; color: white; font-weight: bold; padding: 5px 10px; }