/* COMMON DEFINITIONS */
body {  
 font-family:  Verdana, Arial, Helvetica, sans-serif; 
 color: #000000; 
 font-size: 16px;

 margin: 0px;
 padding: 0px;

 scrollbar-3dlight-color:#74AE91;
 scrollbar-arrow-color:#006F3C;
 scrollbar-base-color:#006F3C;
 scrollbar-darkshadow-color:#006F3C;
 scrollbar-face-color:#74AE91;
 scrollbar-highlight-color:#74AE91;
 scrollbar-track-color:#74AE91;
 scrollbar-shadow-color:#006F3C;

 background-color: #FFFFFF;
 /*
 background-image: url(/images/demo-site/sidebar-back.png);
 background-repeat: repeat-y;
 */
}

p, td, div, ol, ul {
 font-family:  Verdana, Arial, Helvetica, sans-serif;
}

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

.small {  font-size: .9em}
.smaller {  font-size: .8em}
.smallest {  font-size: .7em}

.nl { clear: both; }
.important { color: #FF0000; }

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

.thumbnail-list {
 width: 96%;
 text-align: center;
 margin: 20px auto 20px auto;
}
.thumbnail-list div {
 clear: both;
}
.thumbnail-list img {
 display: inline;
 /*float: left;*/
 height: 100px;
 width: 100px;
 margin: 20px 0px 20px 10px;
 border: #000000 solid 1px;
}
                                          
p.header  {
 text-align: center;
 color: #74AE91;
 font-size: 2.2em;
 line-height: 1.4em;
 font-style: italic;
 margin: 10px 0px 30px 0px;
 font-family: Berkeley Old Style ITC T, Verdana;
}
p.header:first-line {
 line-height: 1.4em;
}
p.header:first-letter { 
 font-size:1.0em;
 font-style: normal;
 font-weight: normal; 
 color: #74AE91 ;
 font-family: Berkeley Old Style ITC T, Verdana;
}

p.h1 {
 text-align: center;
 color: #74AE91;
 font-size: 28px;
 line-height: 1.4em;
 font-style: normal;
 margin: 10px 0px 30px 0px;
 font-family: Berkeley Old Style ITC T, Verdana;
 font-weight:bold;
}

#mainbanner {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 85px;
 background-image: url(../images/template/mainbanner-background.jpg);
 background-repeat: repeat-x;
 text-align: center;
 cursor: hand;
}
#rr-rotate {
 position: relative;
 top: 0px;
 left: 0px;
 width: 392px;
 height: 85px;
 z-index: 3;
 margin: auto;
 cursor: hand;
}
#rr-rotate obj {
 cursor: hand;
}

#tagline {
 position: absolute;
 top: 90px;
 left: 0px;
 background: #006F3C;
 height: 22px;
 width: 100%;
 text-align: center;
 padding: 3px 0px 0px 0px;
 font-size: 12px;
 font-style: italic;
 color: #FFF;
}
#datebar {
 position: absolute;
 top: 116px;
 left: 0px;
 background: #74AE91;
 height: 22px;
 width: 100%;
 border-bottom: #000 solid 2px;
}
#datebar img {
 position: absolute;
 top: 0px;
 right: 30px;
 border: 0px;
 display: block;
}
#datebar span {
 position: absolute;
 top: 2px;
 left: 30px;
 font-size: 12px;
 color: #FFF;
}

/* 
Essentially, we double up on these frames to get
sidebar background images on both sides of the content.
*/

#content-outer-frame {
 position: absolute;
 top: 140px;
 left: 0px;
 width: 100%;
 background-image: url(../images/template/sidebar-background.gif);
 background-repeat: repeat-y; 
 margin: 0px;
 padding: 0px;
}
#content-inner-frame {
 position: relative;
 width: 100%;
 background-image: url(../images/template/sidebar-background.300.gif);
 background-repeat: repeat-y;
 background-position: top right;
 margin: 0px;
}

#left-sidebar {
 position: absolute;
 top: 140px;
 left: 0px;
 width: 150px;
 background-image: url(../images/template/sidebar-background.gif);
 background-repeat: repeat-y;
 font-size: .8em;
 padding: 30px 0px 120px 0px;
 z-index: 3;
}
#left-sidebar img {
 display: block;
 border: 0px;
 margin: 0px;
 padding: 0px;
}

#right-sidebar {
 position: absolute;
 top: 140px;
 right: 0px;
 width: 300px;
 background-image: url(../images/template/sidebar-background.300.gif);
 background-repeat: repeat-y;
 font-size: .8em;
 padding: 15px 0px 0px 0px;
}
#right-sidebar img {
 display: block;
 border: 0px;
 margin: 0px;
 padding: 0px;
}
#right-sidebar p {
 color: #006F3C;
 font-size: .85em;
 text-align: center;
 margin: 10px 0px 10px 0px;
}

#VM_Login {
 clear: both;
 display: block;
 text-align: center;
 margin: 0px auto 20px auto;
 padding: 0px 0px 2px 0px;
 border: #006F3C solid;
 border-width: 0px 1px 1px 1px;
 width: 280px;
 height: 35px;
}
#VM_Login div {
 width: 100px;
 float: left;
 text-align: left;
 margin: 0px 0px 0px 1px;
}
#VM_Login input {
 text-align: left;
 height: 16px;
 font-size: 12px;
 border: 0px;
 width: 90px;
}
#VM_Login #login-submit {
 float: right;
 height: 20px;
 width: 50px;
 background:#74AE91;
 border: #006F3C solid 2px;
 font-size: 12px;
 color: #FFF;
 text-align: center;
 margin: 5px 3px 5px auto;
}
#VM_Login label {
 display: block;
 text-align: left;
 font-size: 10px;
 width: 100%;
 margin: 0px;
}
#sidebar-testimonial {
 clear: both;
 width: 270px;
 border: #006F3C solid 1px;
 background:#FFF;
 color: #000;
 padding: 5px 5px 1px 5px;
 font-size: 11px;
 margin: 20px 9px 20px 9px;
 line-height: 14px;
}
#sidebar-testimonial a {  
 color: #000; 
 text-decoration: none;
}
#sidebar-testimonial a:link {  color: #000}
#sidebar-testimonial a:active {  color: #FF0000}
#sidebar-testimonial a:visited {  color: #000}
#sidebar-testimonial a:hover {  color: #FF0000}
#sidebar-testimonial p {
 margin: 5px 3px 5px 0px;
 text-align: right;
}
#sidebar-testimonial h6 {
 font-size: 1.0em;
 margin: 0px 0px 4px 2px;
}

#sidebar-portfolio {
 clear: both;
 display: block;
 margin: auto;
 width: 280px;
 margin: 10px auto 20px auto;
 border: 0px;
}

#content {
 margin: 30px 310px 10px 160px;
 font-size: .8em;
 color: #525252;
}
#display-screen {
 height: 435px;
 overflow: auto;
}
#content p {
  line-height: 1.5em;
}
#content li {
  line-height: 1.5em;
}

}
#content p:first-letter { 
 font-size:1.4em;
 font-style: italic;
 font-weight: bold; 
 color: #006F3C;
 font-family: "Times New Roman", serif;
}
#content h5 {
 color: #006F3C;
}

#footer {
 margin: 30px 0px 10px 0px;
 font-size: .85em;
 line-height: 1.5em;
 width: 100%;
 text-align: center;
 padding: 25px 0px 20px 0px;
 border-top: #74AE91 solid 1px;
}
#footer a {  
 color: #000; 
 text-decoration: underline;
}
#footer a:link {  color: #000}
#footer a:active {  color: #FF0000}
#footer a:visited {  color: #000}
#footer a:hover {  color: #FF0000}

#crtestimonial {
 display: block;
 margin: 20px 2px 20px 2px;
 line-height: 1.4em;
 width: 90%;
}

#crtestimonial .crt_section_title {
 background: #74AE91;
}

#testimonial_display {
 line-height: 1.3em;
 width: 90%;
}

#content p:first-letter { 
 font-size:1.0em;
 font-style: normal;
 font-weight: normal; 
 color: #000;
 font-family: Verdana, sans-serif;
}
#contact-footer {
 clear: both;
 z-index: 1;
 text-align: center;
}

/* -------------------- FORM STYLES -------------------- */

/* SUBSCRIPTION FORM */

#subbox {
margin: 30px 0px 20px 0px;
text-align: center;
font-size: 11px;
color: #FFFFFF;
}
.formfield {
 width: 98%;
 margin: auto;
 border: #000 solid 1px;
 height: 20px;
}
.form-button {
 margin: auto;
 background: #8EB6DD;
 color: #FFFFFF;
 font-size: 12px;
 font-weight: bold;
}

/* CONTACT FORM */

#contact-form {
 display: block;
 clear: both;
 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: #006F3C;
 color: #FFFFFF;
 width: 100%;
 margin: 10px 0px 10px 0px;
}
#contact-form br {
 clear: both;
}