body
{ 
text-align: center; /* for IE */
color: #ddd;
background-color: #036;
}

p {
font-size: 10pt;
font-family: Geneva, Lucida, Arial, Verdana, sans-serif;
color: #666666; 
background-color: #ddd;
 }

h1 {
font-size: 32pt;
font-family: "Geneva", Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-variant: small-caps;
color: #669966;
line-height: 100%;
background-color: #ddd;
}

h2 {
font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
font-size: 10pt;
font-variant: small-caps;
font-weight : bold;
color : #999999;
line-height: 100%;
background-color: #ddd;
}



h3 {
font-size: 12pt;
font-style: italic;
font-family: "Georgia", "Times New Roman", serif;
text-decoration: none;
font-weight: bold;
color:#669966;
letter-spacing: 1px;
line-height: 100%;
background-color: #fff;
}

a:link { font-weight: normal; text-decoration: underline; color: #336633; background-color: #ddd;}
a:visited { font-weight: bold; text-decoration: underline; color: #036; background-color: #ddd;}
a:hover, a:active { text-decoration: underline; }



h4 {
font-size: 12pt;
font-style: normal; font-family: "Geneva", "Arial", Sans-serif;
text-decoration: none;
font-weight: bold;
font-variant: small-caps;
color:#999999;
line-height: 100%;
letter-spacing: 1px;
background-color: #ddd;
}

h5 {
font-size: 12pt;
font-style: italic;
font-family: "Georgia", "Times New Roman", serif;
text-decoration: none;
font-weight: bold;
color:#cc0033;
letter-spacing: 1px;
line-height: 120%;
background-color: #fff;
}

h6 {
font-size: 10pt;
font-style: italic;
font-family: "Georgia", "Times New Roman", serif;
text-decoration: none;
font-weight: bold;
color:#cc0033;
letter-spacing: 1px;
line-height: 120%;
background-color: #fff;
}



#container
{
text-align: left;
width: 80%;
margin: 0 auto;
background-color: #ddd;
color: #333;
border: 1px solid gray;
line-height: 130%;
}



#top
{
float: left;
padding: 4px 8px 0 8px;
}

#topright
{
float: right;
padding: 0px 12px 0px 0px;
text-align: right;
width: 50%;
}

#jumble
{
text-align: center;
padding: 0;
border-bottom: 1px solid gray;
}

#navcontainer
{
clear: both;
float: left;
width: 160px;
margin: 0;
padding: 1em;
}

#navcontainer p
{
font-size: 10pt;
font-family: "Lucida", "Trebuchet MS", "Arial", sans-serif;
font-weight: bold;
font-variant: small-caps;

}


#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font: normal 9pt "Trebuchet MS", "Lucida", "Arial", sans-serif;}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
color: #ddd;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
background-color: #036;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}


#navcontainer ul ul
{
text-indent: 8px;
}

#navcontainer ul ul li
{ margin: 0 0 1px 0;
}

#navcontainer ul ul a
{
display: block;
padding-left: 3px;
width: 160px;
color: #fff;
background-color: #369;
text-decoration: none;
}

#navcontainer ul ul a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}


#features
{
margin: 10px;
padding: 30px 5px 0 5px;

}

#features ul
{
font-weight: normal;
list-style-type: disc;
color: #669966;
background-color: #ddd;
font-style: normal;
font-size: 9pt;
font-family: "Arial", Verdana, Sans-serif;
line-height: 150%;
}


#content
{
text-align: left;
margin-left: 200px;
border-left: 1px solid gray;
border-right: 1px solid gray;
background-color: #fff;
color: #666666;
padding: 1em;
}

#content p
{
color: #666666;
background-color: #fff;
}

.youarehere
{
float: left;
width: 300px;
height: 90px;
background-color: #fff;
color: #666666;
}

.viewcart
{
float: right;
}

.intro
{
clear: right;
width: 100%;
border-bottom: 1px solid gray;
}


.description
{
float: left;
width: 500px;
font-size: 9pt;
line-height: 1.2em;
margin-top: .5em;
}

	
.description p
{
margin: 1em 0 .5em 0;
}

.description2
{
float: left;
width: 300px;
font-size: 9pt;
line-height: 1.2em;
margin-top: .5em;
}

	
.description2 p
{
margin: 1em 0 .5em 0;
}

.picture
{

font-size: .9pt;
padding: 6px 0 0 6px;
height: 200px;
}

.picture img

{
margin: 10px;
}

.picture p

{
text-align: center;
}

.about
{
text-align: left;
margin: 50px 5px 10px 5px;
}

CAPTION.ratestable
  {
     margin: 0 0 0 60px;
	background-color:#fff;
     color: #999999;
     border-style:solid;
     border-width:2px;
     border-color: #666666;
	
  }
TABLE.ratestable
  { 
     margin: 0 0 0 60px;
	font-family: "Arial", Verdana, Sans-serif;
     font-size: 10pt;
     background-color: #fff;
	color: #666666;
     width: 80%;
     border-style: solid;
     border-color: #666666;
     border-width: 2px;
  }

  TH.ratestable
  {
     font-size:10pt;
     color: #666666;
	background-color: #fff;
  }


  TR.ratestable
  { 
  }

  TD.ratestable
  {  
     font-size:10pt;
     background-color:#fff;
     color: #666666;
     border-style: solid;
     border-width: 1px;
     text-align: center;
  }






#row1

{
margin-left: 200px;
padding: 8px;
color: #666666;
text-align: center;
background-color: #ddd;

}

pictureleft
{
float: left;

}


.pictureleft p

{
text-align: center;
}


#row2
{

clear: both;
margin-left: 200px;
padding: 8px;
color: #666666;
text-align: center;
background-color: #ddd;


}
.pictureleft
{
float: left;

}


.pictureleft p

{
text-align: center;
}

#row3

{
clear: both;
margin-left: 200px;
padding: 8px;
color: #666666;
text-align: center;
background-color: #ddd;

}

.pictureleft
{
float: left;

}


.pictureleft p

{
text-align: center;
}


	
#pages

{text-align: right;
padding: 0 12px 0 0;

}

#pages p
{
font-weight: bold;
}


#contact
{
clear: both;
margin: 0;
padding: .5em;
color: #666666;
text-align: center;
background-color: #ddd;
border-top: 2px solid gray;
}


#footer
{
margin: 0;
padding: .5em;
color: #666666;
text-align: center;
background-color: #ddd;
border-top: 1px solid gray;
}




#navcontainer p { margin: 0 0 .5em 0; }
#content h2 { margin: 0 0 .5em 0; }