/* CSS Document */
html {
  /* Forces vertical scrollbar whether page needs it or not.  Works for FF and IE 7 and earlier */
  min-height: 100%;
  margin-bottom: 1px;
  /* Forces vertical scrollbar in IE8 */
  /* Also causes Message area on Contact page to have vertical scrollbar */
  overflow-y:scroll;
  }

body, p, ul, li, a h1, h2 {
  font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
  margin: 0;
  padding: 0;
  }

/* Gets rid of the dotted/dashed box around links when clicked in Firefox */  
a { 
  outline: none;
  }

/* Highlights current page */
#home .index a, #services .services a, #contact .contact a {
  color: #9900CC;
  cursor: default;
  }

#wrapper {
  width: 807px;
  margin: 10px auto;
   }

.nav_liquid-round {
	/* Modify width property to adjust overall width of box */
	width: 100%;
	margin: 0px auto;
	background: url(../images/leftside.gif) repeat-y top left; 
	}

.nav_top {
	width: 100%;
	height: 12px;
	background: url(../images/nav_top.gif) no-repeat left top;
	}

.nav_top span {
	display: block;
	position: relative;
	height: 12px;
	background: url(../images/nav_top-right.gif) no-repeat right top;
	}

.nav_center-content {
	position: relative;
	background: url(../images/rightside.gif) repeat-y right top;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	}

.nav_bottom {
	height: 12px;
	background: url(../images/bottom.gif) no-repeat left bottom;
/*	clear:both; */
	}

.nav_bottom span {
	display: block;
	position: relative;
	height: 12px;
	background: url(../images/bottom-right.gif) no-repeat right bottom;
	}

.liquid-round-custom {
	/* Modify width property to adjust overall width of box */
	width: 100%;
	margin: 0px auto;
	background: #666666 url(../images/leftside_grad_red.gif) repeat-y top left;
	}

.top {
	width: 100%;
	height: 12px;
/*	background: url(../images/top.gif) no-repeat left top; */
    background: url(../images/top_grad_red.jpg) no-repeat left top;
	}

.top span {
	display: block;
	position: relative;
	height: 12px;
	background: url(../images/top-right_grad_red.jpg) no-repeat right top;
	}

.box-center-content {
	position: relative;
	background: url(../images/rightside_grad_red.gif) repeat-y right top;
	padding: 0px 6px 0px 2px;
	margin: 0px 0px 0px 0px;
	}

.box_bottom {
	height: 12px;
	background: url(../images/bottom_grad_red.jpg) no-repeat left bottom;
/*	clear:both; */
	}

.box_bottom span {
	display: block;
	position: relative;
	height: 12px;
	background: url(../images/bottom-right_grad_red.jpg) no-repeat right bottom;
	}

/* This handles styling for box headers */
.heading {
	background: url(../images/header_grad_red.jpg) repeat-x right top;
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	}

#navbar {
	margin: 0;
	padding: 0;
    /* Height property is needed for Firefox to display properly */
	height: 22px;
    width: 100%;
	}

#navbar li {
    list-style-type: none;
	float: right;
	}

#navbar a {
	display: block;
	text-decoration: none;
	text-align: center;
	color: #000000;
	font-weight: bold;
	width: 100px;
	font-size: 105%;
	border-right: 1px solid #000000;
	}

/* Added class norightborder so that the far right list item does not end up with a border */  
#navbar a.norightborder {
  border-right: none;
  }

#navbar a:hover {
  color: #9900CC;
  font-style: italic;
  }

#banner {
  margin-top: 10px;
  height: 232px;
  background: url(../images/banner3.jpg) no-repeat;
  }

#left_col {
  width: 33%;
  float: left;
  }

#middle_col {
  width: 33%;
  float: left;
  padding: 0px 4px 0px 4px;
  }

 #right_col {
  width: 33%;
  float: left;
  }

#maincontent {
  margin-top: 10px;
  padding: 0;
  font-size: 90%;
  }

#maincontent h1 {
  font-size: 130%;
  }

#maincontent h2 {
  font-size: 110%;
  }

.section {
  font-size: 120%;
  padding: 10px 0px 0px 0px;
  font: Verdana, Arial, Helvetica, sans-serif;
  color: #9933CC;
  }

.text_content p {
  font-size: 85%;
/*  font: Verdana, Arial, Helvetica, sans-serif; */
  font: Geneva, Arial, Helvetica, sans-serif;
  padding: 0px 15px 10px 15px;
  color: #666666;
  line-height: 18pt;
   }
   
.text_content ul {
  font-size: 85%;
/*  font: Verdana, Arial, Helvetica, sans-serif; */
  font: Geneva, Arial, Helvetica, sans-serif;
  padding: 0px 10px 10px 30px;
/*  color: #030363; */
  color: #B50000;
  line-height: 18pt;
  }

.col_row_label {
  color: #333333;
  font-weight: bold;
  font-size: 90%;
  }

.cell_text {
  font-size: 85%;
  color: #666666;
  font-style: italic;
  line-height: 16pt;
  }

.quote {
  font-size: 105%;
  font-family: "Times New Roman", Times, serif;
  color: #3366FF;
  font-style: italic;
  }

.note {
  font-size: 90%;
  font-family: "Times New Roman", Times, serif;
  color: #FF6600;
  font-style: italic;
  }

#footer {
  font-size: 80%;
  margin: 0;
  padding: 0;
  color: #9900CC;
  clear: both;
  }