body    {
background-color: #d2eaa1;  
text-align:center;
background-image:url(/images/background-slice.jpg);
background-position:50% 50%;
background-repeat:repeat-y; 

}
 
p { 
line-height: 18px; 
font-size: 12px;
font-family:Arial,Helvetica;
} 

li {  
line-height: 18px; 
font-size: 12px;
font-family:Arial,Helvetica;
}

A:link, A:visited, A:active { 
color: #336600;
background-color:transparent;
text-decoration: none; 
} 

A:hover { 
color: #9A1C1C;
background-color:transparent;
text-decoration: none; 
}

A.copyrightLink:link, A.copyrightLink:visited, A.copyrightLink:active { 
color: #858585;
text-decoration: none; 
}

A.copyrightLink:hover { 
color: black;
text-decoration: none; 
}

A.walkthroughLink:link, A.walkthroughLink:visited, A.walkthroughLink:active { 
color: #405d31;
text-decoration: none; 
}

A.walkthroughLink:hover { 
color: #9D3434;
text-decoration: none; 
}

A.navLink:link, A.navLink:visited, A.navLink:active { 
color: #501111;
text-decoration: none; 
}

A.navLink:hover { 
color: #852B2B;
text-decoration: none; 
}



/* --- site components ------------------------------------------------------- */

h2 {
font-size: 22px; color: #272727; font-family: Arial;
font-weight: normal;
} 
h3 { 
color:#2D2D2D;
}
h4 {
color:#535353;
}
h5 {
font-size: 140%; font-weight: bold; padding-bottom: 1em; color: black; margin: 0;
}
 
#mainPage { 
width: 812px;
text-align:left;
margin:0 auto;
padding:0;
background: #d6e9af;
background-position: 100% 90%; 
background-repeat: no-repeat;  
}  

#threadText {
font-family: Arial,Helvetica;
font-size: 10px;
text-decoration: none;
}

#footerBeginTable {

} 
 
#pageText { 
padding-left:100px;
padding-right:100px;
padding-top: 45px;
} 
 
#pageTextLoose {
padding-left:60px;
padding-right:60px;
padding-top: 45px;
}

#copyrightNotice {
  color: #336600; 
  text-align: left;
  margin-top: 40px;
  text-transform:capitalized;
} 

#navigationBox { 
text-align:right;
} 


.errorText { 
color: #934900; 
background-color:transparent;
}

.serviceAgreementContainer { 
overflow: scroll; 
height: 200px; 
padding: 25px; 
border: 1px solid gray; 
background-color: white;
color: #D9D9D9;

}

.serviceAgreementBody h1 {
font-weight:bold;
font-size:1.3em;
background-color: transparent;
color: black;
}

.serviceAgreementBody h2 {
font-weight:bold;
font-size:1em;
background-color: transparent;
color: #4C4C4C;
}

.news-bullet { 
height: 24px; 
width: 24px; 
float: left; 
background-image: url(/images/square.gif); 
background-position: center center; 
background-repeat: no-repeat; 
}

.news-item { 
margin-left: 30px; 
margin-bottom: 24px; 
}

.news-text { 
margin-top:1.2em; 
display: block; 
}

.form-box {  
background-color:#FCFCFC; 
color: #4C4C4C; 
text-align: left; 
border: 1px solid #CCCCCC; 
padding-bottom:15px; 
padding-right:25px; 
padding-left:25px; 
padding-top: 25px; 
}

.featureListLong li { 
font-size:8pt;
margin-top:1em;
}

.featureListShort li { 
font-size:8pt;
line-height:15px;
}

.loginForm .leftTD {
padding-left: 15px;
padding-right: 10px; 
width: 100px;
}

.loginForm .rightTD {
padding-right: 15px;
}   

.loginForm .rightTD li {
font-size:8pt;
}   

.useitReasonBody { padding-top: 10px; padding-bottom: 15px; padding-left: 54px; line-height: 16px; font-size: 12px; }

.featureTable { padding: 0; margin: 0; width: 100%; }
.featureTable td { margin: 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 8px; }
.innerTable td { border: 0px solid #ccc; padding: 2px;  }
A.helpLink:link, A.helpLink:visited, A.helpLink:active { text-decoration: none; border-bottom: 0px;  }
a.helpLink:hover { text-decoration: none; border-bottom: 0px; }

.faqQuestion { font-weight: bold; font-size: 12pt; font-family: Tahoma; margin-bottom: .5em; }
.faqAnswer { margin-left: 5px; }
.faqItem { padding: 10px;   }

.warningBox { height: 1px; margin-bottom: 2em; border: 1px solid #ccc; width: 100%; }
.warningBoxImage { background-color: #FDFDF7; padding: 18px; vertical-align: top; }
.warningBoxText { background-color: #FDFDF7; padding: 18px; padding-left: 0px; }
.warningBoxTitle { font-weight: bold; padding-bottom: 1em; font-size: 12pt; }

.informationBox {  
background: #F7EFEF url(/images/box_bottom_left.gif) no-repeat bottom left;
}
.informationBoxTitle { 
  font-size: 8pt;
  font-weight: bold; 
  color: #404040;  
  padding:8px;
  padding-left:20px;
background: transparent url(/images/box_top_right.gif) no-repeat top right;
 }
.informationBoxHeader {
background: #E9DBDB url(/images/box_top_left.gif) no-repeat top left;
}
.informationBoxContent { 
  padding:20px;
background: transparent url(/images/box_bottom_right.gif) no-repeat bottom right;
}

.pricingBox {  
background: #F7EFEF url(/iamges/box_bottom_left.gif) no-repeat bottom left;
}
.pricingBoxTitle { 
background: transparent url(/images/box_top_right.gif) no-repeat top right;
font-weight: bold; font-size: 140%; 
  padding:20px;
  padding-bottom:0px;
 }
.pricingBoxHeader {
background: transparent url(/iamges/box_top_left.gif) no-repeat top left;
}
.pricingBoxContent { 
  padding:20px;
background: transparent url(/images/box_bottom_right.gif) no-repeat bottom right;
}


.boxTL { background: #fff url(/images/box_top_left.gif) no-repeat top left; }
.boxTR { background: #fff url(/images/box_top_right.gif) no-repeat top right; }
.boxBL { background: #fff url(/images/box_bottom_left.gif) no-repeat bottom left; }
.boxBR { background: #fff url(/images/box_bottom_right.gif) no-repeat bottom right; }


.buzzSide .testimonial { margin-bottom: 12px; }
.buzzSide .testimonial .quote { font-size: 10px; }
.buzzSide .testimonial .author { padding-top: .5em; text-align: right; }
.buzzSide .testimonial .title { margin-left: 14px;  }

.buzzFull .testimonial {  margin-bottom: 12px; }
.buzzFull .testimonial .quote { font-size: 12px; line-height: 16px; }
.buzzFull .testimonial .author { padding-top: .5em; text-align: left; padding-left: 10px; padding-top: 5px; padding-bottom: 15px; }
.buzzFull .testimonial .title { margin-left: 14px;  }

/* --- navigation components ------------------------------------------------------- */



#navigationLinks {
  background: #C2D993; 
  border-left: 1px solid white;
  height: 30px;
}

#navigationLinks ul {
  padding:    0;
  border:     0;
  margin:     0;
  list-style-type: none;
  white-space: nowrap;  
}

#navigationLinks li  {
  list-style-type:  none;
  text-align:     center;
  margin:     0;
  padding:    0;
  display:    inline;
}

#navigationLinks li a:hover {
  background:     #AAB745;
}

#navigationLinks li a {
  float:      left;
  display:    block;
  font-weight:    normal;
  font-size: 10px;
  padding-top:    5px;
  padding-bottom:   7px;
  padding-left:     10px;
  padding-right:    10px;
  background:     #C2D993;
  color:      #6B751C;
  text-decoration:  none;
}


#navigationLinks li a.active {
  background:     #22B0C8;
  color:          white;
}


#navigationLinks li #top {
}
