body
{
  margin                  : 0;
  font-family             : Verdana,Sans-Serif,'Liberation Sans';
  background-color	  : #FFF
}

table#mainTable {
  margin-left             : auto;
  margin-right            : auto;
}

.underline1
{
  text-decoration         : underline;
}

a:link, a:visited, a:hover, a:active
{
   font-size         : 14px; 
  color             : #222;
  text-decoration	  : underline;
  
}

a:hover
{
  background-color        : #FFDE70;
   
}

a.footer
{
  font-size		: 11px;
}


/**
Here are some values that we liked:
8AABC1  Desc =
8A98C1  Desc =
C1BB8A  (now using rgb(196, 188, 140); ) Desc:light brown, usage Left hand Nav
A5A5A5  Desc =
ABC18A  Desc =
3D5E74  Desc =
**/


/** TD CELLS **/
table#mainTable, #mainTable .leftColumn, #mainTable #bannerArea
{
  /** Match the background color of banner **/
  background-color        : rgb(196, 188, 140);
}
#mainTable .leftColumn
{
  text-align:left;
}
#mainTable .leftColumn, #mainTable .centerColumn, #mainTable .rightColumn
{
  vertical-align          : top;
}

/** REFACTOR COMMON BG COLORS **/
#mainTable .centerColumn, #mainTable .rightColumn
{
 background-color        : #eee;
}

#mainTable .centerColumn
{
  text-align:justify;
}


#mainTable .centerColumn h2
{
  text-decoration         : underline;
  font-size               : 18px;
  margin-bottom           : 0px;
  text-align              : center;
}


p a.bigLeft {
  text-decoration         : underline;
  font-weight             : bold;
  font-size               : 20px;  
  text-align              : center;
  margin-left             : 30px;


}
#mainTable .centerColumn p,
#mainTable .centerColumn p a,
ul.damage, address 
{
  font-size               : 13px;
}


#mainTable #footer
{
  text-align		          : center;
  font-size               : 11px;
  color                   : #000;
  background-color	      : #fff;
}

td #privacy, td #privacy a
{
  font-size               : 11px;
  margin-left             : 8px;
}

#formContainer td
{
background-color        : #3D5E74;
  color                   : #eee;
  line-height             : 30px;
}

#formIntro
{
  color                   : #fff;
  font-weight             : bold;
  padding-left            : 4px;
  font-size               : 13px;
}

.inputLabel
{
  color                   : #eee;
  padding-left		  : 4px;
}

/** REFACTOR font sizes FOR form stuff **/
.inputLabel, .textInput, select
{
  font-size                : 11px;
}

.textInput, select
{
  width                    : 130px;
  background-color	   : #eee;
}


.buttonText
{
  border                  : 0;
  font-size               : 12px;
  font-family		  : Sans-serif;
  width                   : 80px;
  color                   : #333;
  padding                 : 2px; 
  margin-left             : 6px;
  margin-right            : 6px;
}

.buttonText:hover
{
  color                   : #000;
}

/* set line heights for categories here */
#definedPageText
{
   line-height              : 30px; 
}

#homePageText, #privacyPageText, #whyCapitalPageText,
#alwaysUsePageText, .aboutPageText, .damagePageText
{
   line-height		           : 22px; 
}

#homePageText, #privacyPageText, #whyCapitalPageText,
#alwaysUsePageText, #definedPageText,
.aboutPageText, .damagePageText {

 padding                   : 0px 10px 0px 10px;

}


#privacyPageText .header {
  text-decoration           : underline;
  font-size                 : 16px;
  font-weight               : bold;
  margin-top                : 27px;
  margin-bottom             : -10px;
}

div#homePageText p {
  font-size	: 16px;
}

div.contactImages {
  padding-left		  : 12px;
  padding-right	          : 9px;
  font-size               : 11px;
  background-color        : rgb(196, 188, 140);
  
}

/** Fix the annoying link "bounce" on objects in Internet Explorer
    http://www.webmasterworld.com/css/3044361.htm (post of bgirl)
**/
a.noBounce:link, a.noBounce:visited, a.noBounce:hover, a.noBounce:active {
  display:block;
  text-align: center;
  background-color: inherit;
}

address {
  font-style : normal;
}

div#helpful {
margin-top: 30px;
width:188px;
padding:4px;
border:1px solid rgb(196, 188, 140) ;
font-size:11px;
background-color:#3D5E74;
text-align:center;
}

 div#helpful a.helpLink:link,
 div#helpful a.helpLink:visited,
 div#helpful a.helpLink:hover,
  div#helpful a.helpLink:active {
    font-size:11px;
    font-weight             : bold;

}
  div#helpful a.helpLink:hover {
    background-color:#ccc;
    color:#3D5E74;
    text-decoration	  : none;
}
 div#helpful span.title {
  font-weight: bold;
  font-size   : 13px;
}

 div#helpful,
 div#helpful span.title,
 div#helpful a.helpLink {
color:#ccc;
}

 ul.helpList {
  text-align            : left;
  margin                : 0px;
  list-style-position   : inside;
  padding               : 4px;
}

ul.helpList li {
  line-height           : 22px;
}

#mainTable .centerColumn div.damagePageText p.citiesOfService,
#mainTable .centerColumn div#whyCapitalPageText p.citiesOfService,
td#contactPageCities p.citiesOfService
{
  font-size             : 9px;
}