body {
	background:#f8fbfd;
	margin:20px;
	padding:0px;
	text-align:center;
}

h2, h3, h4, h5, a, ul, li, lo, td {
	font-family:Helvetica, Arial, sans-serif;
	text-align:left;
	font-size:11px;
	color:#000000;
}

/* Redefines the p tag */
p {
	font-family:Helvetica, Arial, sans-serif;
	text-align:left;
	font-size:11px;
	color:#000000;
	line-height:15px;
	margin:10px;
}

h1 {
	font-family:Arial, sans-serif;
	font-size:16px;
	color:#5a799e;
	font-weight:bold;
	margin:15px 5px;
	padding-bottom: 5px;
	
}

h2 {
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#0000000;
	font-weight:bold;
	margin:15px 5px;
	padding-bottom: 5px;
	float:right;
	width:200px;
	border:0px solid red;
	
}

ul {
	font-family:Arial, sans-serif;
	color:#000000;
	line-height:15px;
}

li {
	font-size:11px;
}

/* Creates the general link style for the site. This is not the main navigation.  */
a:link {
	font-size:11px;
	color:#0b4b7f;
	font-weight:bold;
	font-family:Arial, sans-serif;
	text-decoration:none;
}
a:visited {
	font-size:11px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	text-decoration:none;
}

/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

/*Collapses borders that some browsers automatically apply to tables. */
table, td, th  {	
	border-collapse:collapse;
}

/* Creates the div container for the footer. */

div#container {
	width:750px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	border: 2px solid #719bc4;
	background: url('images/spacer.gif') left repeat-y;
}

div#copyright {
	color:#000000;
	text-align:center;
	font-family:Arial, sans-serif;
	font-size:11px;
}

ul#mainnav {
	line-height:14px;
	margin:0px;
	padding:0px;
	list-style-type:none;
}

div#mainnav {
	float:left; 
	width: 150px;
}	 

ul#mainnav li {
	display:inline;
}

/* Although we have redefined the li style as an inline element, we need to make the actual links block level elements so we can give them widths and have them display properly as "buttons." */

/*button background color located here*/

ul#mainnav li a {
	font-size:12px;
	text-align:left;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:130px;
	padding:5px 10px;
	background:#5a799e;
	border-bottom: 1px solid #ffffff;
}

/*regular rollovers*/

ul#mainnav li a:hover {

	background: #9ec1cf;

}

/*where you're at*/

ul#mainnav li a.active {

	background: #719bc4;
}

/*The page you're ons active link*/

ul#mainnav li a:hover.active {

	background: #718ba9;
}

div#clear {
	clear:both;
}

address {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-style:normal;
	font-weight:bold;
}

div#right {
	float:right;
	width:597px;
	background:#ffffff;
	text-align: left;
}	

div#creditcards {
	float:center;
	background:#ffffff;
	padding: 5px 5px 5px 10px;

}	

.image {
	float:right;
	margin: 5px 5px 5px 5px;
	border: 1px solid #719bc4;
	padding: 5px 5px 5px 5px;
	clear: both;
}	

.image2 {
	float:left;
	margin: 5px 5px 5px 5px;
	border: 1px solid #719bc4;
	padding: 5px 5px 5px 5px;

}	

.image3 {
	float:right;
	margin: 5px 5px 5px 5px;
	border: 1px solid #719bc4;
	padding: 5px 5px 5px 5px;

}	

div#pgthreepics {
	float:right;
	width:320px;
	margin: 5px 5px 5px 5px;
	background:#ffffff;
	border: 0px solid #719bc4;
	padding: 0px 0px 0px 0px ;
}	

.credit {
	float:right;
	clear: both;
}	

.service {

	float:right;
	margin: 10px;
	border: 0px solid #000000;
	padding: 3px;
}	

div#bottomnav  {

	clear: both;
	width: 600px;
	border-left: 150px solid #719bc4;
	background: #9ec1cf;

}

.cta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}

form {
	margin-left: 10px;
}

