/* COMMON DEFINITIONS */
body {  
 font-family:  Verdana, Arial, Helvetica, sans-serif; 
 color: #990000; 

 margin: 0px;
 padding: 0px;

/* background: url(../images/template/content.jpg) #FFF repeat;*/
 background: #F0CF68;
}

a {  color: #1B4E85;}
a:link {  color: #1B4E85}
a:active {  color: #FF0000}
a:visited {  color: #142C3D}
a:hover {  color: #FF0000}

.important { color: #FF0000; }
.message {
  color: #FF0000;
  margin: 10px 0px 10px 0px;
}
img {
 border: 0px;
}

/* -------------------- SITE STYLES -------------------- */


/* CONTACT FORM */

#contact-form {
 position: relative;
 display: block;
 width: 350px;
 margin: 10px auto 10px auto;
 font-size: .9em;
}
#contact-form label {
 display: block;
 clear: both;
 float: left;
 width: 40%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#contact-form .textinput {
 display: block;
 float: right;
 width: 49%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#contact-form .fieldgroup {
 float: right;
 width: 49%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#contact-form textarea {
 clear:both;
 width: 98%;
 height: 100px;
 border: #000 solid 1px;
 margin: auto;
}
#contact-form .form-button {
 clear: both;
 background: #000066;
 color: #FFF;
 width: 100%;
 margin: 10px 0px 10px 0px;
}
#contact-form br {
 clear: both;
}

/* SEARCH FORM */

#wcsearch-form {
 display: block;
 width: 300px;
}
#wcsearch-form .button {
 clear: both;
 background: #000066;
 color: #FFF;
 width: 100%;
 margin: 10px 0px 10px 0px;
}
.search-result {
 font-size: .9em;
 color: #000;
 line-height: 1.4em;
}
.search-result a {
 color: #000;
 text-decoration: none;
}
.search-result a:link {  
 color: #000;
}
.search-result a:active {  
 color: #F00;
}
.search-result a:visited {  
 color: #000;
}
.search-result a:hover {  
 color: #F00;
 text-decoration: underline;
}

/* -------------------- JTS STYLES -------------------- */

#frame {
 position: relative;
 width: 750px;
 margin: auto;
}

#top_left {
 position: absolute;
}

#flash_area {
 position: absolute;
 margin-left: 131px;
}

#btn_home {
 position: absolute;
 margin-top: 8px;
}

#btn_calendar {
 position: absolute;
 margin-top: 26px;
}

#btnregistration {
 position: absolute;
 margin-top: 53px;
}

#btn_gallery {
 position: absolute;
 margin-top: 80px;
}

#btn_members {
 position: absolute;
 margin-top: 106px;
}

#btn_consulting {
 position: absolute;
 margin-top: 131px;
}

#btn_training {
 position: absolute;
 margin-top: 162px;
}

#btn_profile {
 position: absolute;
 margin-top: 185px;
}

#btn_membership {
 position: absolute;
 margin-top: 210px;
}

#btn_contact {
 position: absolute;
 margin-top: 236px;
}

#content_area {
 position: absolute;
 margin-top: 288px;
}

#content {
 width: 96%;
 margin-left: 20px;
}

#footer_area {
 font-size: 0.9em;
 margin-top: 20px;
 width: 100%;
}

#contact_info {
 text-align: center;
}

#footer_left {
 float: left;
}

#footer_right {
 float: left;
}

#footer_text{
 float: left;
 margin-top: 8px;
}

#ims {
 font-size: 0.6em;
 width: 490px;
}

#bottom_background {
 position: relative;
 background: url(../images/template/bottombg.gif);
 height: 48px;
 width: 100%;
}

/* REGISTRATION FORM */

#registration-form {
 position: relative;
 display: block;
 width: 750px;
 margin: 10px auto 10px auto;
 font-size: .9em;
}
#left_side {
 float: left;
 width: 49%;
}
#right_side {
 float: right;
 width: 49%;
}
#registration-form label {
 display: block;
 clear: both;
 float: left;
 width: 40%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#registration-form .textinput {
 display: block;
 float: right;
 width: 49%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#organization_label {
 display: block;
 clear: both;
 float: left;
 width: 5%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#organization_input {
 display: block;
 float: right;
 width: 75%;
 margin: -20px 0px 0px 0px;
 height: 20px;
}
#registration_for_label {
 display: block;
 clear: both;
 float: left;
 width: 5%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#registration_for_input {
 display: block;
 float: right;
 width: 75%;
 margin: -20px 0px 0px 0px;
 height: 20px;
}
#registration-form .fieldgroup {
 float: right;
 width: 49%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#registration-form textarea {
 clear:both;
 width: 98%;
 height: 100px;
 border: #000 solid 1px;
 margin: auto;
}
#registration-form .form-button {
 clear: both;
 background: #000066;
 color: #FFF;
 width: 100%;
 margin: 10px 0px 10px 0px;
}
#registration-form br {
 clear: both;
}
#to_be_held_on_area {
 float: left;
 width: 33%;
}
#to_be_held_on_label {
 display: block;
 clear: both;
 float: left;
 width: 100%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#to_be_held_on_input {
 display: block;
 float: right;
 width: 60px;
 margin: -20px 0px 0px 0px;
 height: 20px;
}
#to_be_held_at_area {
 float: right;
 width: 65%;
}
#to_be_held_at_label {
 display: block;
 clear: both;
 float: left;
 width: 2%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#to_be_held_at_input {
 display: block;
 float: right;
 width: 92%;
 margin: -20px 0px 0px 0px;
 height: 20px;
}
#method_of_payment {
 display: block;
 clear: both;
 float: left;
 width: 30%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#method_of_payment2 {
 display: block;
 float: right;
 width: 65%;
 margin: 5px 0px 0px 0px;
 height: 20px;
 font-weight: bold;
 text-align: right;
 color: red;
}

#check_area {
 display: block;
 clear: both;
 float: left;
 width: 30%;
}
#check_area .checkboxinput {
 display: block;
 clear: both;
 float: left;
 width: 5%;
 margin: 7px 0px 0px 0px;
}
#check_area p {
 position: relative;
 margin: 10px 0px 0px 10px;
}
#check_area .textinput1 {
 display: block;
 float: right;
 width: 60%;
 margin: -20px 0px 3px 0px;
 height: 20px;
}
#po_area {
 display: block;
 float: right;
 margin: 0px 0px 0px 0px;
 width: 35%;
}
#po_area .checkboxinput {
 display: block;
 clear: both;
 float: left;
 width: 5%;
 margin: 7px 0px 0px 0px;
}
#po_area p {
 position: relative;
 margin: 10px 0px 0px 15px;
}
#po_area .textinput1 {
 display: block;
 float: right;
 width: 40%;
 margin: -20px 0px 3px 0px;
 height: 20px;
}
#credit_card_area {
 display: block;
 clear: both;
 float: left;
 margin: -7px 0px 0px -7px;
 width: 100%;
}
#credit_card_area .checkboxinput {
 display: block;
 clear: both;
 float: left;
 width: 5%;
 margin: 7px 0px 0px 0px;
}
#credit_card_area p {
 position: relative;
 margin: 10px 0px 0px 15px;
}
#credit_card_fieldgroup {
 float: right;
 width: 82%;
 margin: -17px 0px 0px 0px;
 height: 20px;
}
#cardholder_name_area {
 display: block;
 clear: both;
 float: left;
 width: 40%;
}
#cardholder_name_area label {
 display: block;
 clear: both;
 float: left;
 width: 45%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#cardholder_name_area .textinput {
 display: block;
 float: right;
 width: 53%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#credit_card_number_area {
 float: left;
 width: 35%;
 margin: 0px 0px 0px 20px;
}
#credit_card_number_area label {
 display: block;
 clear: both;
 float: left;
 width: 40%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#credit_card_number_area .textinput {
 display: block;
 float: right;
 width: 49%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#expiration_date_area {
 display: block;
 float: right;
 width: 20%;
}
#expiration_date_area label {
 display: block;
 clear: both;
 float: left;
 width: 49%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#expiration_date_area .textinput {
 display: block;
 float: right;
 width: 40%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
/* CONTACT FORM */

#checkbox_area {
 display: block;
 clear: both;
 float: left;
 width: 100%;
}
#checkbox_area .checkboxinput {
 display: block;
 clear: both;
 float: left;
 width: 5%;
 margin: 7px 0px 0px 0px;
}
#checkbox_area p {
 position: relative;
 margin: 10px 0px 0px 10px;
}
#checkbox_area .textinput1 {
 display: block;
 float: right;
 width: 35%;
 margin: -20px 0px 3px 0px;
 height: 20px;
}