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

 margin: 0px;
 padding: 0px;

 background-color: #E4EAC7;
}

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 -------------------- */

/* SITE */
#frame {
 position: relative;
 width: 800px;
 margin: auto;
}

#top {
 position: absolute;
 top: 0px;
 left: 0px;
}

#btn_home {
 position: absolute;
 top: 83px;
 left: 0px;
}

#btn_contact {
 position: absolute;
 top: 83px;
 left: 51px;
}

#btn_to_c21 {
 position: absolute;
 top: 83px;
 left: 134px;
}

#btn_mail {
 position: absolute;
 top: 83px;
 left: 310px;
}

#leftof_menu {
 position: absolute;
 top: 83px;
 left: 481px;
}

#motto {
 position: absolute;
 top: 100px;
 left: 0px;
}

#content {
 position: absolute;
 top: 300px;
 left: 20px;
 margin: 0px 0px 30px auto;
}

#footer {
  position: relative;
  margin: 30px auto 0px auto;
  padding: 20px;
}
 

/* ROLLOVER IMAGES */

#view_longterm {
 position: absolute;
 top: 150px;
 left: 170px;
}

#view_vacation {
 position: absolute;
 top: 150px;
 left: 430px;
}






/* 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;
}
..earch-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;
}