/*   This style sheet has been organized into sections in order to make editing by multiple parties as quick and easy as possible   */

/* The sections are ID Styles, Element Styles, and Classes; the Classes section has subcategories that organize CSS styles by  pseudo element (link and paragraph) text, forms and miscellaneous */

/* CSS ID Styles  */

#plus { background-image:url(../i/plus.gif); background-repeat:no-repeat; background-position:top right; height:38px; width:330px}

#pro { background-image: url(../i/pro.gif); background-repeat:no-repeat; background-position:top right; height:38px; width:330px;}

#max { background-image: url(../i/max.gif); background-repeat:no-repeat; background-position:top right; height:38px; width:330px;}

#ultra { background-image: url(../i/ultra.gif); background-repeat:no-repeat; background-position:top right; height:38px; width:330px;}

/* CSS Element Styles */

body {
	background-color: #666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 11px;
	margin-top: 0px;
	margin-bottom:0px
}

p {
	text-align: justify;
	margin-left: 12px;
	margin-right: 12px;
}

a:link	{
	color: #333;
	text-decoration: underline
}

a:visited {
	color: #000
}

a:hover	{
	color:  #06C;
	text-decoration: none
}

a:active {
	color:  #06C
}

a img { border: none; text-decoration:none}

h1 {
	font-size: 18px;
	font-weight: bold;
	color: #06C;
	margin-left: 12px;
	margin-bottom:0;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	margin-left: 12px;
	margin-bottom:0;
}

h3	{
	font-size: 9px;
	color: #333333;
	font-weight: bold;
	margin-left: 12px; 
	margin-bottom:0;
	
}

h4 {
	font-size: 11px;
	font-weight: normal;
	margin-left: 12px;
	margin-right: 12px;
	color: #06C;
	margin-bottom:0;
}

h5	{	
	font-size: 10px;
	font-weight: bold;
	margin-left: 12px;
	margin-bottom:0;
}

h6 {
	font-size: 11px;
	font-weight: bold;
	margin-left: 12px;
	margin-bottom:0;
}

ul	{
	list-style: none;
	margin-top: 0px;
	padding: 0px 4px 0 px 10px;
	line-height:14px
}

li {
padding-left:5px
	
}

td	{
	vertical-align: top
}

th	{
	
}

hr {height:1px }


/* Class styles, including navigation & pseudo link and <p> styles */

  /* Left navigation */

.menu	{
	font-size: 10px; 
	padding-left: 0px;
	text-align:left
}

  /* Pseudo Link Class Styles */
  
a.testimonials:link {
	color:#F60
}

a.testimonials:visited {
	color:#F60
}

a.bottomlinks:link { color: #FFF}

a.bottomlinks:visited { color: #FFF}

ul.normal { list-style:circle; line-height: 15px; margin-right: 12px; margin-left:15px; padding-left:20px; padding-right:12px;}

ul.checkmark { list-style-image:url(../i/right.gif); line-height: 18px; margin-right: 12px;}

ul.star { list-style-image:url(../i/star.gif); line-height: 18px; margin-right: 12px; }

  /* Class Styles, Text Colors & alignment */

.white {
	color: #FFF
}
.blue {
	color: #06C
}
.orange {
	color: #F60
}

.darkblue {
	color: #006
}

.alignleft {
	text-align: left;
	margin: 5px
}

/* Class Styles related to forms */


.form {
	font-size: 11px;
	color: #006
}

.formsmall {
	color: #006; 
	font-weight: bold
}

.submitbutton {
	margin-right:15px;
	
}

option	{
	width: 180px; 
	background-color: #E0EBFF; 
	font-size: 10px
}

select	{
	width: 180px; 
	background-color: #E0EBFF; 
	font-size: 10px
}

/* Micellaneous Class Styles -  anything that doesn't fit in aforementioned categories */

.req	{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: 700; 
	color: #C00
}

.tablebackground {
	background-image:url(../i/bg_tbl.gif);
	width: 777px;
	border: none;
	
}

.bottomrowbackground {
	background-image:url(../i/bottom_line.jpg)
}

.copyright {
	font-size:9px
}

.businessdirectory {
	font-size:9px;
	text-align:right;
	color: #FFF;
}

.bottomlinks {
	font-size: 9px;
	text-align: center;
	background-color: #0E4A85;
	color: #FFF;
}
