body {
  margin:0;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:100.1%;
  background: #eee;
}

/************ LAYOUT ************/

#page {margin:20px auto;}

#wrapper {
  margin:0;
  width:700px;
  background:#fff;
  margin:0 auto 0 auto;
  border:1px solid #009;
  padding: 0em;
}

#inner {
  background:#fff;
  padding: 30px;
}

/** START Drupal Box Silver theme ***/
#header {
  width: 100%;
  height:87px;
}

#header {
  position: relative;
  padding: 0 0 0 0;
  margin: 0;
  height:110px;
  background-image:url('images/header_bg.jpg');
}

/*#header h1 {margin-top:30px;}*/

#logo {
  vertical-align: bottom;
  border: 0;
  padding:0px;
  }

#logo img {
  float: left;
  margin:0 10px 0 2px;
  border: 0;
}

#site-name {padding:26px 0 0 0;}

.banner  {
  width: 600px;
  border-bottom: 0px;
}

/*******LINKS **********/

a,
a:link,
a:visited,
a:active {
font: verdana, arial, helvetica, sans-serif;
text-decoration: none; 
color: #0000FF;
}

a:hover {
font: verdana, arial, helvetica, sans-serif;
color: #FF3300;
text-decoration: underline; 
}

.link-blue {color:#00f}

.link-blue a, .link-blue a:link, .link-blue a:active, .link-blue a:visited {color:#00f}

.link-blue a:hover {
  color:#f30;
  text-decoratoin:underline;
}

.site-name a, .site-name a:link, .site-name a:visited {
  font-family:'Times New Roman',serif;
  font-size: 1.5em;
  font-weight:bold;
  color: #369;
  text-decoration: none;
  letter-spacing:4px;
}

.site-name a:hover {
  color: #fff;
  text-decoration: none;
}

/********* HEADINGS ***************/

h1 {
  font-family: verdana,arial, helvetica,sans-serif; 
  font-size:1.5em;
  font-weight: bold;
  text-align: center;
  line-height:150%;
  margin:10px 0 20px 0;
}

h2 {
  font-family: verdana,arial, helvetica,sans-serif; 
  font-size:1.2em;
  font-weight: bold;
  line-height:1.6em;
  text-align: left;
  margin:0 0 28px 15px;
} 

h3  {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:1.1em;
  font-weight:bold;
  line-height: 1.3em;
}

h4 {
  font-family: verdana,arial,helvetica, sans-serif;
  font-size: 1.0em;
  color: #000; 
  line-height: 1.25em; 
  margin: 0px; 
}
 
form {
  margin: 0;
  padding: 0;
}

/******** TABLES *************/

table {

  border: 0px none;
  border-collapse:collapse;
  background:#FFF;
}

/*********** LISTS **************/

ul {
  font-size:1.0em;
  margin:10px 0 10px 10px;
  font-family:verdana, arial, helvetica, sans-serif;
  font-weight:normal;
}

li {margin:0 0 5px 0;}

li.arrow  { 
  list-style:none url("images/arrow.gif");
  margin:7px 0 10px 0px;
  padding:0 0 0 10px;
}

li.redarrow {
  list-style:none url("images/redarrow.gif");
  font-weight:bold;
  margin: 0 0 15px 18px;
  padding: 0 0 0 30px; 
}

/* use this setting to indent the margin of the ticked benefits*/
.checklist {
  color: #111;
  line-height: 2.4em;
  list-style:none url("images/checkmark.gif");
  margin: 0 0 15px 18px;
  padding: 0 0 0 15px;
}

/*********** GENERAL ***********/

p {
  font-size: 0.9em;
  font-weight:normal;
  line-height:140%;
  color: #111;
  margin:0 0 1em 0;
}

hr {
  height:1px;
  margin:20px 0 20px 0;
}

img {border:0 none;}

.subheading {
  font-size:1.4em;
  foint-weight:bold;
  text-align:center;
  margin-top:20px;
}

.front-intro {
  font-size:1.0em;
  font-weight:bold;
  color:#555;
  text-align:justify;
  line-height:140%;
  width:95%;
  margin:0 auto 20px auto;
}

.intro{
  font-family:verdana, arial, helvetica, sans-serif;
  font-size: 1.2em;
  color: #000080;
  text-align: center;
  line-height: 1.3em;
  margin-left:20px;
}

.emails p {
  font-family:courier,Times New Roman,serif;
  font-size:1.1em;
  color:green;
}

.emails {
  width:550px;
  margin:10px 0 10px 20px;
  padding: 15px 0 15px 0;
  border-top:1px dashed #c0c0c0;
  border-bottom:1px dashed #c0c0c0;
}

#testimonial {
  margin:20px auto 20px auto;
  padding:10px;
  width:85%;
  background:#ffffe0;
  border:1px solid #ff3300;
}

.testimonial {
  font-family:courier,'Times New Roman', serif;
  font-size:1.0em;
  color:#333;
}

.guarantee {
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:small;
  color: #111;
  background: #FFF;
  margin-left:80px;
  padding: 10px;
  width:375px;
  border: 1px solid #000080;
  border-collapse:collapse;
}

.order {
  text-align:center;
}

.disclaimer {
  font-size:0.7em;
  color:#c0c0c0;
}

.copyright {
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:small;
  font-weight:bold;
  color:#FFF;
  text-align:left;
  background: #000080;
  padding:3px;
}

ul.legal-links {
  display: inline;
  font-size:0.8em;
  text-align:center;
  margin:0px 0px 20px 0px;
  padding:5px;
  margin:0 auto 0 auto;
  width:90%;
  background:#fff;
  border-top:1px dashed #c0c0c0;
  border-bottom:0px none #c0c0c0;  
}
 
.footer {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:0.8em;
  color:#000080;
  text-align:center;
  margin-top:10px;
}

.footer a,
.footer a:link,
.footer a:visited,
.footer a:active {
  font: verdana, arial, helvetica, sans-serif;
  text-decoration: none; 
  color: #000080;
}

.footer a:hover {
  font: verdana, arial, helvetica, sans-serif;
  color: #f30;
  text-decoration: underline; 
}


/************ COLORS *****************/

.highlight {
  font-weight:bold;
  background:#ff0;
  padding:0 5px 0 5px;
}

.maroon {color:#cc0000;}
.navy {color:#009;}
.red {color:#f00;}
.dark-grey {color:#555}

input.button {
  font-size:0.8em;
  height:25px;
  width:100px;
  background: whitesmoke;
  border-top:1px solid #c0c0c0;
  border-right:3px solid #999;
  border-bottom:3px solid #999;
  border-left:1px solid #c0c0c0;
  cursor:hand;
}

/********** TEXT FORMATTING ***********/


.bold {font-weight:bold;}

.underline {text-decoration:underline;}

.large {font-size:1.2em;}

/*********** POSITION *************/

.center {text-align:center;}

.align-right {text-align:right;}

.float-left {float:leftt;}
.float-right {float:right;}

.clear {clear:both}

.no-border {border:0 none;}

/*******************************************************************************
*  hnav.css : 2005-08-31 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  responsible for the horizontal navigation elements, one of which is usually
*  placed below the masthead but on top of the columns.
*
*  this seems awfully complex for something seemingly so simple, no? the big
*  issue here is we need to make the menu items inline elements. we could make
*  them block elements and float them left or right, but that creates a lot of
*  problems with compatibility and how elements are ordered on-screen versus
*  source. just trust me on this, inline is the way to go here.
*
*  the main reason people would float these elements rather than go inline is
*  because padding and margin values have an effect on surrounding elements.
*  meaning if an element is 20 pixels tall, and has 5 pixels of padding on
*  top and bottom, a browser is going to treat that element as 30 pixels tall 
*  when rendering the page. but for an inline element (versus a block element)
*  the browser treats it as 20 pixels tall. That padding will still be applied
*  and if you've got a background color on this element, you'll see that color
*  extend 5 pixels into the elements immediately above and below this inline
*  element with padding. 
*
*  in short: vertical padding on inline elements can make things look really
*            bad. 

*  so we need to work around it. thus all of the hacks you see in this 
*  stylesheet.
*******************************************************************************/

.hnav
{
	font-size:0.8em;
	text-align: center;
    border-top:1px solid #c0c0c0;
	border-bottom: solid 0px #fff;
}
.hnav, .hnav ul li a
{
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top: 3px;
	padding-bottom: 4px;
}
.hnav ul, .hnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.hnav ul li a
{
	margin: 0 -1px 0 0;
	padding-left: 10px;
	padding-right: 10px;	/* short-hand padding attribute would overwrite
				   top/bottom padding set in a previous rule */
	border-left: solid 1px aliceblue;
	border-right: solid 1px aliceblue;
	white-space: nowrap;
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
	text-decoration: none;
}
.hnav ul li span.divider
{
	display: none;
}
* html .hnav ul li, * html .hnav ul li a
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline; 
		position: relative;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAV
{
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}

/****** Colors *********/

.hnav, .hnav ul li a
{
	background-color: aliceblue;
	color: #336;
}
.hnav ul li a:hover
{
	background-color: #336;
	color: #fff;
}

/******************************************************************************/