/* 
    Document   : screen
    Created on : Apr 23, 2010, 3:05:06 AM
    Author     : r8r
    Description:
        Purpose of the stylesheet follows.
*/

/*@CHARSET "UTF-8";*/

/* COLORS:

*/

root { 
  display: block;
}

/* DEFAULT SETTINGS */

body { margin: 0; padding: 0; font-size: 12px; }
div, a, h1, h2, h3, span, p, ul, li, input, textarea, select { font-family: Helvetica, Arial, Verdana, Trebuchet MS, Tahoma, sans-serif; margin: 0; padding: 0; text-decoration: none; color: #9b6740; }
form { margin: 0; padding: 0; }
input, textarea, select { font-size: 1em; }
a { text-decoration: none; }
ul, li { list-style: none; }
p, li { line-height: 115%; }
img { border: 0; border: 0; }
.c { display: block; clear: both; border: 0; padding: 0; height: 0; font-size: 0; }
table { border-collapse: collapse; border-spacing: 0; }

/* global classes */

.left { float: left !important; }
.right { float: right !important; }
.hidden { visibility: hidden; }
.invisible { display: none; }
.no_bg {  background: none !important; }
.no_margin { margin: 0 !important; }
.no_border { border: 0 solid transparent !important; }
.no_scroll { overflow: hidden; }
.bold { font-weight: bold; }
.unbold { font-weight: normal; }
marquee { width: 100%; }

/* GLOBAL LAYOUT */

html, body {
  background: #d7df21;
}

body, a {
  color: #000;
}

#layout_wrapper {
  position: relative;
  padding: 0;
  width: 1000px;
  display: block;
  margin: 0 auto;
}


#seal {
  position: absolute;
  top: 100px;
	left: 700px;
  z-index: 999;
}


#layout_top_white {
  position: absolute;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 174px;
  background: #fff;
}

#layout_header {
  padding-top: 42px;
  height: 133px;
}

#layout_footer {
  color: #999;
  position: absolute;
  top: 640px;
  left: 490px;
  width: 245px;
  text-align: center;
  font-size: 80%;
}

#layout_content_wrapper {
  position: absolute;
  top: -1px;
  left: 294px;
  width: 637px;
  height: 600px;
  background: transparent url('/_img/template/bg_content.png') 0 0 no-repeat;
  padding-top: 190px;
}

#layout_content {
  position: absolute;
  top: 227px;
  left: 136px;
  width: 358px;
  height: 380px;
  overflow: auto;
  text-align: left; /*justify*/
  padding-right: 5px;
}

#layout_content h1, h1.content_header {
  text-align: center;
}

#navigation_main {
  margin: 38px 0 0 32px;
}

#navigation_main li {
  margin: 0 0 5px 0;
}

#navigation_sub {
  margin: 0 0 20px 10px;
  width: 250px;
}

#navigation_main li {
  margin: 0 0 5px 0;
}

#navigation_main li a {
  color: #ef45a1;
}

#navigation_sub {
  margin-top: -5px;
}

#navigation_sub li a:hover {
  text-decoration: underline;
}

#navigation_sub li.active {
  font-weight: bold;
}

#navigation_footer {
  width: 245px;
  text-align: center;
  margin-bottom: 2px;
}

#navigation_footer li {
  display: inline;
  padding: 0 10px;
  border-right: 1px solid #ccc;
}

#navigation_footer li.last {
  border-right: none !important;
}

#navigation_footer li a {
  color: #999;
}

#navigation_footer li a:hover {
  text-decoration: underline;
}

#round_image {
  position: absolute;
  top: 418px;
  left: -85px;
}

#round_image #image_frame, #round_image #framed_image {
  position: absolute;
}

#round_image #image_frame {
  z-index: 150;
  top: 0;
  left: 0;
}

#round_image #framed_image {
  z-index: 140;
  top: 18px;
  left: 22px;
}

.text_module {
  margin-bottom: 25px;
}

.text_module p, .text_module div, .text_module li, .text_module span, .text_module center {
  line-height: 18px;
}

.text_module a {
  text-decoration: underline;
  color: #7f008b; /*#9b6740;*/
}

.text_module a:hover {
  color: #000;
}

.text_module h2 {
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 120%;
  text-transform: uppercase;
}

.text_module h3 {
  margin: 15px 0 2px 0;
  font-weight: normal;
  font-size: 100%;
  text-transform: uppercase;
  color: #7f008b;
}

.text_module p {
}

.text_module ul, .text_module ol {
  padding-left: 20px;
  margin: 10px 0;
}

.text_module ul li {
  list-style-type: circle;
}

.text_module.mixed .gallery {
  margin-bottom: 10px;
}

.text_module.gallery .picture {
  float: left;
  padding: 5px 5px 2px 5px;
  margin: 0 2px 2px 0;
  border: 1px solid #eeeeee;
}

.text_module.gallery .picture .caption {
  font-size: 80%;
}


.zend_form dt {
  clear: both;
}

.zend_form dd, .zend_form dt {
  float: left;
  padding: 5px 0;
}

.zend_form dd {
}

.zend_form dt {
  width: 90px;
  clear: both;
  padding-top: 10px;
  text-align: right;
  margin-right: 10px;
}

.zend_form input, .zend_form textarea {
  background: #d7df21;
  border: 1px solid #530000;
  color: #530000;
}

.zend_form input {
  padding: 5px 10px;
  width: 200px;
}

.zend_form textarea {
  padding: 5px 10px;
  width: 200px;
  height: 150px;
}

form .error {
  border: 1px solid #fff;
  background-color: #900;
  color: #fff;
}

#form_error {
  clear: both;
  margin: 10px 0 10px 100px;
  padding: 5px 2px;
}

#form_error.error {
  /*width: 300px;
  padding: 5px 10px;
  text-align: center;*/
  color: #900 !important;
  font-weight: bold !important;
  background: none !important;
  border: none !important;
}

#form_contact_frame .errors {
  display: none;
}

#form_contact_frame .error {
  border: 1px solid #fff;
  background-color: #900;
  color: #fff;
}

form #submit {
  font-weight: bold;
  border: none;
  cursor: pointer;
  width: 150px;
}

.thank_you {
  font-weight: bold;
  margin: 50px 0;
}