@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}
* {
	margin: 0;
	padding: 0;
}
#header {
	height: 130px;
	width: 100%;
	margin-bottom: 5px;
	background-color: #000000;
}
#logo {
	background: url('images/logo.jpg') no-repeat top center;
	height: 130px;
}
#container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#leftBar {
	float: left; /* since this element is floated, a width must be given */
	width: 165px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	color: #191516;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#leftBar h1 {
	font-size: 16px;
	font-weight: bold;
}
#leftBar p {
	font-size: 14px;
	font-weight: normal;
}
#leftBar a {
	font-size: 14px;
	font-weight: bold;
	color: #cd0136;
}
#leftBar a:link, #leftBar a:visited {
	color: #cd0136;
	text-decoration: underline;
}
#leftBar a:hover, #leftBar a:active {
	text-decoration: none;
	color: #cd0136;
}
#leftBar a.email {
	font-size: 17px;
	font-weight: bold;
	color: #cd0136;
}
#leftBar a.email:link, #leftBar a.email:visited {
	color: #cd0136;
	font-size: 17px;
	font-weight: bold;
	text-decoration: underline;
}
#leftBar a.email:hover, #leftBar a.email:active {
	text-decoration: none;
	font-size: 17px;
	font-weight: bold;
	color: #cd0136;
}
#leftBar span.title {
	color: #cd0136;
	font-size: 17px;
	font-weight: bold;
}
#leftBar ul.main_links {
  margin-left: 10px;
  padding: 20px 10px 10px 10px; 
  color: #ffffff;
}
#leftBar ul.main_links li {
  padding-bottom: 10px; 
  list-style-image: url("images/bullet-red.jpg");
}
#leftBar ul.main_links li a {
  color: #ffffff; 
  text-decoration: none;
}
#leftBar ul.main_links li a:hover {
  text-decoration: underline;
}
#leftBar ul.categories {
	font-size: 14px;
	line-height: 17px;
	font-weight: normal;
	color: #191516;
	padding-left: 20px;
	padding-top: 10px;
}
#leftBar ul.categories li {
	list-style-image: url("images/bullet-red.jpg");
	vertical-align: middle;
	line-height: 20px;
	padding-left: 5px;
}
#leftBar ul.categories a {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #191516;
}
#leftBar ul.categories a:link, #leftBar ul.categories a:visited {
	color: #191516;
	text-decoration: none;
}
#leftBar ul.categories a:hover, #leftBar ul.categories a:active {
	text-decoration: none;
	color: #cd0136;
}
#leftBar ul.categories a.page {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #cd0136;
}
#leftBar ul.categories a.page:link, #leftBar ul.categories a.page:visited {
	color: #cd0136;
	text-decoration: none;
}
#leftBar ul.categories a.page:hover, #leftBar ul.categories a.page:active {
	text-decoration: none;
	color: #cd0136;
}
#leftBar ul.links {
	font-size: 12px;
	line-height: 17px;
	padding-left: 20px;
	padding-top: 10px;
}
#leftBar ul.links li {
	list-style-image: url("images/bullet-red.jpg");
	vertical-align: middle;
}
#leftBar ul.links a {
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #8c8384;
}
#leftBar ul.links a:link, #leftBar ul.links a:visited {
	color: #8c8384;
	text-decoration: none;
}
#leftBar ul.links a:hover, #leftBar ul.links a:active {
	text-decoration: underline;
	color: #8c8384;
}
#rightBar {
	float: right; /* since this element is floated, a width must be given */
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
#rightBar a {
	font-size: 10px;
	font-weight: bold;
	color: #2d5684;
}
#rightBar a:link, #rightBar a:visited {
	color: #2d5684;
	text-decoration: underline;
}
#rightBar a:hover, #rightBar a:active {
	text-decoration: none;
	color: #2d5684;
}
#mainContent {
	background-color: #000000;
	padding: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0 175px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	margin-right: 175px;
}
#mainContent h1 {
	margin: 0;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	line-height: 18px;
	padding: 0px 15px 15px 20px;
	font-weight: bold;
	letter-spacing: 1px;
}
#mainContent .bannerBox {
  border: 1px solid #000000;
  border-top: none;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  text-align: center;
}
#mainContent .productBox {
	background-color:#ffffff;
	height: 160px;
	padding: 20px;
	margin: 20px;
}
#mainContent .productBox img {
	vertical-align: middle;
	width: 130px;
	height: 160px;
	overflow: visible;
	float: left;
	margin-right: 10px;
	border: 1px solid #c7c2c2;
}
#mainContent .productBox p {
	color: #191516;
	font-size: 14px;
	line-height: 16px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 8px;
	margin: 0;
}
#mainContent .productBox h1 {
	margin: 0;
	color: #00000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	line-height: 18px;
	padding: 0px 15px 15px 20px;
	font-weight: bold;
	letter-spacing: 1px;
}
#mainContent .productBox h1 a {
	font-weight: bold;
}
#mainContent .productBox h1 a:link, #mainContent .productBox h1 a:visited {
	color: #000000;
	text-decoration: none;
}
#mainContent .productBox h1 a:hover, #mainContent .productBox h1 a:active {
	text-decoration: underline;
	color: #0facca; /* light blue */
}
#mainContent .productBox span.price {
	color: #0f9cca;
	font-weight: bold;
	font-size: 14px;
}
#mainContent .productBox a {
	color: #2d5684; /* dark blue */
  font-weight: bold;
}
#mainContent .productBox a:link, #mainContent .productBox a:visited {
	color: #2d5684;
	text-decoration: underline;
}
#mainContent .productBox a:hover, #mainContent .productBox a:active {
	text-decoration: none;
	color: #2d5684;
}
#mainContent .productBox .bottomLine {
	font-size: 9px;
	height: 20px;
	padding-top: 15px;
}
#mainContent .productBox .bottomLine span.date {
	font-size: 9px;
	color: #191516;
	float: left;
}
#mainContent .sitesWeLike {
  background-color: #ffffff;
  height: 500px;
}
#mainContent .sitesWeLike p {
  color: #000000;
  font-size: 13px;
  line-height: 15px;
  padding: 15px;
  padding-bottom: 5px;
  padding-top: 5px;
  margin: 0;
}
#mainContent .sitesWeLike h1 {
  font-size: 17px;
  font-weight: bold;
  color: #cd0136;
  padding: 20px;
  padding-top: 18px
}
#mainContent #formFrame {
  width: 450px;
  text-align: center;
}
form.submitSite label {
  width: 150px;
	color: #000000;
	float: left;         /* lables will start where the "margin-left" is */
	margin-right: 3px;   /* right margin after the longest label */
  text-align: left;
	display: inline;
	margin-bottom:10px;
	padding-left: 15px;
	line-height: 20px;
	font-weight: bold;
}
form.submitSite input {
	background: #fff;
	color: #000000;
	border: 1px solid #8c8384;
	width: 250px;
	margin-right: 15px;
	height: 20px;
	margin-bottom:10px;
	overflow: hidden;
}

form.submitSite input.submit {
	background: #ffffff;
	color: #000000;
	width: 130px;
	border: 1px outset;
	text-align: center;
	margin-bottom:10px;
	line-height: 20px;
	font-weight: bold;
}
#footer {  /* footer bar houses the copyright information and the bottom navigation */
	width: 600px;
	margin-left: 180px;
	height: 30px;
	overflow: hidden;
	clear: both;
}
#footer span#copyright {
	float: left;
	line-height: 30px;
	text-align: right;
	font-size: 10px;
	color: #2d5684;
}
#footerNav {
	float: right;
	margin-right: 10px
}
#footerNav li {
	display: inline;
	font-weight: normal;
}
#footerNav a {
	padding-left: 10px;
	font-size: 9px;
	line-height: 30px;
}
#footer a:link, #footer a:visited {
	color: #2d5684;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	text-decoration: underline;
	color: #2d5684;
}
#contactContent {
  padding: 30px 0px;
	margin: 0 175px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	margin-right: 175px;
}
#contactContent h1 {
	margin: 15px 10px 5px 0px;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	color: #0facca;
}
#contactContent p {
	margin: 5px 10px 5px 0px;
	letter-spacing: 0px;
	color: #000000;
}
#contactContent a {
	color: #0facca;
}
#contactContent a:link, #contactContent a:visited {
	text-decoration: underline;
}
#contactContent a:hover, #contactContent a:active {
	text-decoration: none;
}
#termContent {
	padding: 20px 0px;
	margin: 0 175px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	margin-right: 175px;
}
#termContent h1 {
	margin: 15px 10px 5px 0px;
	font-size: 17px;
	font-weight: bold;
	line-height: 19px;
	color: #0facca;
}
#termContent h2 {
	margin: 15px 10px 5px 0px;
	font-size: 12px;
	font-weight: 100;
	line-height: 17px;
	font-weight: bold;
	color: #0facca;
}
#termContent p {
	margin: 5px 10px 5px 0px;
	letter-spacing: 0px
}
#termContent a {
	color: #0facca;
}
#termContent a:link, #termContent a:visited {
	color: #0facca;
	text-decoration: underline;
}
#termContent a:hover, #termContent a:active {
	text-decoration: none;
	color: #0facca;
}
#termContent #footer {
	width: 600px;
	height: 30px;
	overflow: hidden;
	margin-left: 0;
}
#termContent #footer span#copyright {
	float: left;
	line-height: 30px;
	text-align: right;
	font-size: 10px;
	color: #0facca;
}
#termContent #footerNav {
	float: right;
	margin-right: 20px
}
#termContent #footerNav li {
	display: inline;
	font-weight: normal;
}
#termContent #footerNav a {
	padding-left: 10px;
	font-size: 9px;
	line-height: 30px;
}
#termContent #footerNav a:link, #termContent #footerNav a:visited {
	color: #0facca;
	text-decoration: none;
}
#termContent #footerNav a:hover, #termContent #footerNav a:active {
	text-decoration: underline;
	color: #0facca;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}