body { color: #636363; font: 12px/15px "Lucida Grande", "Lucida Sans", verdana, Arial, Helvetica, Geneva, sans-serif; background-color: #9ac8e0; background-image: none; background-repeat: repeat-x; word-spacing: -1px; }
#container { background-color: white; text-align: left; margin: 20px auto; border: solid 1px #90bcd1; width: 800px; padding: 0; }
#pagebody     { background-image: url(../images/bg.gif); background-repeat: repeat-y; padding: 0; width: 100%; margin: 0 0 0; display: block }
#header { background: #d3dfdc url(../images/header.jpg) no-repeat; margin: 0; padding: 0; width: 792px; height: 101px; clear: both; border-top: 9px solid #235f50; }
#header .adleft { float: right; margin: 0; padding: 0; width: 193px; height: 101px; background-image: url(../images/prog_button.jpg); background-repeat: no-repeat; background-position: 0 0; }
#header a.adleft:link, #header a.adleft:visited, #header a.adleft:active  { background-image: url(../images/prog_button.jpg); background-repeat: no-repeat; background-position: 0 0; width: 193px; overflow: hidden; display: block    }
#header a.adleft:hover  { background-image: url(../images/prog_button.jpg); background-repeat: no-repeat; background-position: -194px 0; }
#strap { background-color: #658f84; width: 792px; height: 30px; clear: both; margin-bottom: 18px; }
#strap h1 { color: white; font-size: 14px; font-weight: normal; width: 380px; float: left; margin: 7px 0 0 22px; }
#strap ul { color: white; font-size: 14px; margin: 0 0 0 22px; width: 350px; float: right; list-style-type: none; margin: 0; padding: 6px 0 0; }
#strap li   { font-size: 11px; list-style-type: none; float: left; margin: 0; padding: 0 }
#strap li.divider  { font-size: 11px; background: url(../images/topmenu_divider.gif) no-repeat 0 2px; list-style-type: none; float: left; margin: 0; padding: 0; width: 13px }
#strap li a, #strap li a:link, #strap li a:visited     { color: #d3dfdc; font-size: 10px; font-weight: bold; text-decoration: none; padding-right: 1px; padding-left: 1px; }
#strap li.active a, #strap li.active a:link, #strap li.active a:visited { color: white; }
#strap li a:hover, #strap li.active a:hover  { color: #e2f2ca }
#leftmenu { background-color: #c8d7d3; float: left; width: 158px; padding: 0; width: 158px; margin: 0; padding: 0; display: block; }
#leftmenu ul { margin: 0 0 20px; padding: 0; list-style-type: none; display: block; }
#leftmenu li { color: #333; font-size: 11px; line-height: 20px; height: 16px; margin: 0; padding: 0 0 2px; display: block; }
#leftmenu li.intro { color: #feffff; line-height: 18px; background-color: #d56520; height: 16px; padding-left: 10px; display: block; }
#leftmenu li.renewal { color: #feffff; line-height: 18px; background-color: #006e85; height: 16px; margin-top: 5px; padding-left: 10px; display: block; }
#leftmenu li.practical { color: #feffff; line-height: 18px; background-color: #8bce30; height: 16px; margin-top: 5px; padding-left: 10px; display: block; }
#leftmenu li.other { color: #feffff; line-height: 18px; background-color: #92005d; height: 16px; margin-top: 5px; padding-left: 10px; display: block; }
#leftmenu li.about { color: #feffff; line-height: 18px; background-color: #ca0019; height: 16px; margin-top: 5px; padding-left: 10px; display: block; }
#leftmenu li a, #leftmenu li a:link, #leftmenu li a:visited { color: #333; background-image: url(../images/leftmenu_norm.gif); background-repeat: no-repeat; background-position: 0 5px; text-decoration: none; height: 16px; padding-left: 10px; display: block; }
#leftmenu li.active a, #leftmenu li.active a:link, #leftmenu li.active a:visited { color: #333; font-weight: bold; text-decoration: none; background-image: url(../images/leftmenu_active.gif); background-repeat: no-repeat; background-position: 0 5px; height: 16px; display: block; padding-left: 10px; }
#leftmenu li a:hover, #leftmenu li.active a:hover { color: #235f50; background-image: url(../images/leftmenu_over.gif); background-repeat: no-repeat; background-position: 0 5px; }
#main    { margin: 0; padding: 0; width: 616px ; float: right; display: block; }
#mainbody { width: 400px; float: left; margin: 20px 0 0; padding: 0 0 15px; }
#mainbody img.photo { margin-bottom: 5px; }
#mainbody p { color: #636363; line-height: 18px; margin: 0 0 15px; padding: 0; }
#mainbody h2 { color: #235f50; font-size: 14px; font-weight: bold; line-height: 18px; margin: 0 0 6px; padding: 0; }
#mainbody h3 { font-size: 12px; font-weight: bold; line-height: 18px; margin: 0; padding: 0; }
#mainbody h4 { color: #555; font-size: 14px; font-weight: bold; line-height: 18px; margin: 0 0 20px; padding: 10px 0 3px; border-bottom: 1px solid #c8d7d3; }
#mainbody h5 { color: #235f50; font-size: 14px; font-weight: bold; line-height: 18px; margin: 0 0 0; padding: 0; }
#mainbody h6 { color: #555; font-size: 12px; font-weight: bold; line-height: 18px; border-bottom: 1px solid #c8d7d3; margin: 0 0 10px; padding: 0 0 3px; }
#mainbody p.disclaimer { color: #8c8c8c; font-style: italic; }
#mainbody p.quote { min-height: 50px; }
#mainbody p.quote2 { margin: 0; }
#mainbody .divider { line-height: 0; width: 398px; height: 1px; clear: both; margin: 0 0 15px; padding: 0; border-top: 1px solid #c8d7d3; }
#mainbody p.quotee { font-weight: bold; margin: 0; padding: 0; }
#mainbody p.quotee2 { font-weight: bold; margin: 0 0 15px; padding: 0; }
#mainbody img.quote { float: right; margin: 2px 0 10px 15px; }
#mainbody img.quoteleft { margin: 2px 15px 10px 0; float: left; }
#mainbody p a:link, #mainbody p a:visited, #mainbody p a:active { color: #235f50; text-decoration: underline; }
#mainbody p a:hover { color: #658f84; text-decoration: none; }
#mainbody ul { margin: 0 0 15px 15px; padding: 0; list-style-type: disc; list-style-position: outside; }
#mainbody li { line-height: 18px; margin-bottom: 8px; }
#mainbody li a:link, #mainbody li a:visited, #mainbody li a:active { color: #235f50; text-decoration: underline; }
#mainbody li a:hover { color: #658f84; text-decoration: none; }
#mainbody p.intro { color: #44776a; font-size: 13px; font-weight: bold; line-height: 22px; margin: 0 0 20px; padding: 0; }
#mainbody p.intro b { color: #195345; font-style: italic; }
#mainbody .title_intro { color: #555; font-size: 20px; background-image: url(../images/intro_block.gif); background-repeat: no-repeat; background-position: 0 3px; margin: 0 0 30px; padding: 0 0 0 18px; }
#mainbody .title_renewal { color: #555; font-size: 20px; background-image: url(../images/renewal_block.gif); background-repeat: no-repeat; background-position: 0 3px; margin: 0 0 30px; padding: 0 0 0 18px; }
#mainbody .title_about { color: #555; font-size: 20px; background-image: url(../images/about_block.gif); background-repeat: no-repeat; background-position: 0 3px; margin: 0 0 30px; padding: 0 0 0 18px; }
#mainbody .title_other { color: #555; font-size: 20px; background-image: url(../images/other_block.gif); background-repeat: no-repeat; background-position: 0 3px; margin: 0 0 30px; padding: 0 0 0 18px; }
#mainbody .title_practical { color: #555; font-size: 20px; background-image: url(../images/practical_block.gif); background-repeat: no-repeat; background-position: 0 3px; margin: 0 0 30px; padding: 0 0 0 18px; }
#mainbody .title_regular { color: #555; font-size: 20px; background-image: url(../images/regular_block.gif); background-repeat: no-repeat; background-position: 0 3px; margin: 0 0 30px; padding: 0 0 0 18px; }
#mainbody dl { margin: 0 0 0; }
#mainbody dt { color: #44776a; font-weight: bold; }
#mainbody dl.dates dt { color: #235f50; font-size: 14px; font-weight: bold; line-height: 18px; margin: 0px; padding: 0; }
#mainbody dd { margin: 0 0 15px; list-style-type: disc; }
#mainbody .prog table.holder { width: 400px; clear: both; }
#mainbody .prog input, textarea  { margin: 0; width: 150px ; }
#mainbody .prog .right { width: 200px; float: right; }
#mainbody .prog .left { width: 200px; float: left; }
#mainbody .prog textarea { margin: 0  }
#mainbody .prog select { margin-bottom: 10px }
#mainbody .prog form { margin: 10px 0 0; padding: 0 }
#mainbody .prog #submitbutton { color: white; background-color: #235f50; margin: 10px 0 0; border: solid 1px #104939; width: 70px }
#mainbody .prog p { font-size: 11px; margin-bottom: 5px; }


#mainbody div.course_lists p.course_date { font-size: 12px; font-weight: bold; line-height: 18px; margin: 0; padding: 0; }
#mainbody div.course_lists h5 em { font-size: 12px; font-weight: normal; }
#mainbody div#we_retreats p.tutor { margin-bottom: 8px; }
#mainbody div.course_lists p.description { font-size: 11px; }

#sidebar { background-color: #235f50; width: 175px; float: right; margin-top: 70px; margin-right: 0; padding: 10px 15px 10px 10px; }
#sidebar h1 { color: white; font-size: 16px; font-weight: normal; line-height: 19px; margin: 0 0 10px; }
#sidebar h2 { color: white; font-size: 12px; font-weight: bold; margin: 0; }
#sidebar h5 { color: white; font-size: 12px; font-weight: bold; margin: 0; }
#sidebar h5 em { font-weight: normal; }
#sidebar p.course_date { color: #c8d7d3; font-size: 11px; font-weight: bold; margin: 0 0 10px; }
#sidebar p.tutor { display: none; }
#sidebar h3 { color: #c8d7d3; font-size: 11px; font-weight: bold; margin: 0 0 10px; }
#sidebar p { color: white; font-size: 11px; margin: 0 0 10px; }
#sidebar p a, #sidebar p a:link, #sidebar p a:visited, #sidebar p a:active { color: white; font-size: 11px; text-decoration: underline; }
#sidebar p a:hover { text-decoration: none; }
#sidebar p.desc { margin: 0 0 3px; }
#sidebar p.names { color: #c8d7d3; font-style: italic; margin-bottom: 15px; }
#piccol { margin-top: 70px; margin-right: 22px; width: 150px; float: right; }
#piccol img { margin-bottom: 10px; }
.green_divider { background-image: url(../images/green_divider.gif); background-repeat: no-repeat; width: 608px; height: 2px; margin-bottom: 12px; }
.white_divider { font-size: 0; line-height: 0; background-image: url(../images/white_divider.gif); background-repeat: no-repeat; width: 231px; height: 2px; margin-bottom: 12px; }
#footer {  background-color: white;  margin: 0; width: 792px; height: 35px; clear: both; border-top: 1px solid #235f50; }
#shadow1  { margin: 0; padding: 0; border: solid 1px #87afc3 }
#shadow2  { margin: 0; padding: 0; border: solid 1px #7da3b4 }
#shadow3  { margin: 0; padding: 0; border: solid 1px #7396a5 }
#shadow4 { margin: 0; padding: 0; border: solid 1px #333 }
div#credit      { text-align: left; float: left; margin: 6px 0 0 10px; padding: 0; width: 120px; height: 24px }
div#credit a, #credit a:link, #credit a:visited  { width: 97px; text-indent: 0px; overflow: hidden; }
div#credit a:hover  { text-indent: -97px; }
div#credit a#ie6 { display: none; }
div#credit a#not_ie6 { display: block; }

#footertext { float: right; color: #235f50; text-align: right; padding: 9px 18px 0 0; width: 624px;  }
/*Links Page*/
#links { }
#links dl { margin: 0 0 15px; }
#links dt, #links dt a:link, #links dt a:visited, #links dt a:active { color: #44776a; font-size: 12px; font-weight: bold; text-decoration: none; margin: 0; }
#links dt a:hover { color: #658f84; text-decoration: none; }
#links dd, #links dd a:link, #links dd a:visited, #links dd a:active { color: #555; font-size: 10px; text-decoration: none; margin: 0 0 5px; }
#links dd a:hover { text-decoration: underline; }
/*Photographs Pages*/
#gallery { width: 616px; margin: 0; display: block; }
#gallery table { clear: both; margin: 0 0 20px; }
#gallery td, #gallery tr { margin: 0; padding: 0; }
#gallery ul { margin: 0; list-style-type: none; }
#gallery li { width: 85px; height: 120px; float: left; margin-right: 15px; display: block; }
#gallery ul li a img, #gallery ul li a img:link, #gallery ul li a img:visited  { border: solid 1px #195345; }
#gallery ul li a img:hover { border: solid 1px #8cc130; }
#gallery ul li p { margin-top: 5px; margin-right: 10px; margin-bottom: 10px; display: block; }
#gallery ul li p a, #gallery ul li p a:link, #gallery ul li p a:visited, #gallery ul li p a:active { font-size: 11px; line-height: 13px; text-decoration: none; display: block; }
#gallery ul li p a:hover { text-decoration: underline; }
/*Home Page Elements*/
#course_announce { background-color: #235f50; background-image: url(../images/course_announce.jpg); background-repeat: no-repeat; background-position: 0 0; margin: 0 0 15px; padding: 20px 20px 40px 100px; width: 280px; height: 300px; }
#course_announce h2 { color: #fff; }
#course_announce h3 { color: #60a85e; font-size: 14px; font-weight: bold; }
#course_announce p { color: #fff; font-size: 11px; line-height: 16px; margin: 0 0 10px; padding: 0; }
#course_announce p a, #course_announce p a:link, #course_announce p a:visited { color: #fff; text-decoration: underline; }
#course_announce p a:hover { color: #fff; text-decoration: none; }
#course_announce ul { margin: 0 0 10px 15px; padding: 0; list-style-type: disc; }
#course_announce li { color: white; line-height: 16px; margin: 0; padding: 0; }
#home_strap { background-color: #235f50; margin: 0 0 15px; width: 586px; padding: 10px 15px; text-align: center; overflow: hidden; }
#home_strap ul { margin: 0; padding: 0 0 15px 0; list-style-type: none; }
#home_strap li { font-size: 13px; font-weight: bold; color: #fff; margin: 0 20px 0 0; float: left; padding: 0; }
#home_announce { background-color: #235f50; background-image: url(../images/home_announce.jpg); background-repeat: no-repeat; background-position: 0 0; margin: 0 0 15px; padding: 0; width: 616px; height: 271px; }
#home_announce .left { width: 337px; height: 271px; float: left; }
#home_announce .right { width: 260px; height: 255px; float: left; padding-top: 16px; padding-left: 12px; }
#home_announce p { color: white; line-height: 16px; margin: 0 15px 12px 0; }
#home_announce h1 { color: white; font-size: 16px; font-weight: normal; line-height: 22px; width: 310px; height: 68px; margin: 0; padding: 190px 0 0 10px; }
#mainbody h1 { font-size: 22px; line-height: 24px; }
#home_announce h2 { color: white; font-size: 22px; font-weight: normal; line-height: 26px; margin: 0 0 12px; }
#home_announce .course { color: white; font-size: 17px; margin: 0 0 6px; }
#home_announce .date { color: white; font-size: 14px; line-height: 15px; margin: 0 0 12px; padding: 0; }
#home_announce .course a, #home_announce .course a:link, #home_announce .course a:visited { color: white; font-size: 15px; font-weight: normal; line-height: 18px; text-decoration: none; margin: 0; }
#home_announce .course a:hover { color: #e2f2ca; text-decoration: underline; }

#home_text { margin: 0 0 10px; padding: 0; width: 616px; display: block; }
#home_text .left { width: 339px; float: left; background-image: url(../images/green_divider_vert.gif); background-repeat: no-repeat; background-position: 337px 0; }
#home_text .left p { line-height: 18px; margin: 0 18px 15px 0; padding: 0; }
#home_text .left p.intro { color: #235f50; font-size: 14px; font-weight: bold; line-height: 20px; }
#home_text .right { width: 258px; float: left; }
#home_text .right .quoteright { float: right; margin: 4px 0 0 0; }
#home_text .right .quoteleft { float: left; margin-top: 6px; margin-right: 6px; }
#home_text .right p { color: #235f50; font-size: 14px; line-height: 22px; margin: 0 15px 10px; }
#home_text .right p.quotee { color: #373737; font-size: 12px; font-style: italic; line-height: 15px; }
#home_dates { background-color: #235f50; clear: both; margin: 0 0 18px; padding: 15px; display: block; }
#home_dates .divider { line-height: 0; width: 584px; height: 1px; margin: 0 0 10px; padding: 0; border-top: 1px solid white; }
#home_dates h3 { color: #fff; font-size: 20px; font-weight: bold; margin: 0 0 15px; }
#home_dates h4 { color: #fff; font-size: 16px; font-weight: bold; margin: 10px 0 3px; }
#home_dates h5 { color: #fff; font-size: 12px; font-weight: bold; margin: 0 0 10px; }
#home_dates p { color: #fff; font-weight: normal; line-height: 17px; margin: 0 0 10px; }
.home { margin: 0; }
.home p a:link, .home p a:visited, .home p a:active { color: #235f50; text-decoration: underline; }
.home p a:hover { color: #658f84; text-decoration: none; }
/*Application Form*/
form.cmxform fieldset { background-color: #dff0ec; margin-bottom: 10px; border: none; }
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label { color: #555; font-size: 11px; display: inline-block; line-height: 13px; vertical-align: top; text-align: right; margin: 0; padding: 0; }
form.cmxform fieldset ol { margin: 0; padding: 0; list-style-type: none; }
form.cmxform fieldset li {
  list-style: none;
  padding: 3px;
  margin: 0;
  font-size: 11px; 
  line-height: 13px;
}
form.cmxform fieldset p { font-size: 11px; line-height: 13px; margin: 0 0 5px; padding: 0; }
form.cmxform fieldset ol li p.forms { font-size: 11px; line-height: 13px; margin: 0 0 5px; padding: 0; }

form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 130px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 133px; /* Width plus 3 (html space) */
}
form.cmxform #address { width: 200px; height: 90px; }
form.cmxform #why_apply, form.cmxform #special { width: 350px; height: 60px; }
form.cmxform label.tickbox { width: 80px; text-align: left; margin-top: 3px; padding: 0; }