html {
	height: 100%;
	margin: 0px;
	border: 0px none;
	border-collapse: collapse;
}
body {
	background: #FFCC00 url(../images/background4.jpg) repeat-y center;
	height: 100%;
	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 */
	border: 0px none;
	-webkit-text-size-adjust: none;
}
#container {
	width: 940px;
	height: 100%;
	background: #DDD;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px none;
	text-align: left; /* this overrides the text-align: center on the body element. */
	display: block;
	position: relative;
}
#header {
	background: #FFFFFF;
	height: 53px;
	padding: 25px 10px 10px 10px;
	margin: 0px;
	border: 0px none;
	display: block;
	position: relative;
}
#wrapper {
	clear: both;
	position: relative;
	display: block;
	background: #FFFFFF url(../images/sun.gif) no-repeat 530px 20px;
}
#mainContent {
	height: 419px;
	width: 940px;
	padding-bottom: 15px;
	position: relative;
	display: block;
}
#mainContent #leftCol {
	display: block;
	position: relative;
	float: left;
	width: 610px;
	padding: 0px;
	margin: 0px;
}
#mainContent #leftColMain {
	width: 610px;
	display: block;
	position: relative;
	vertical-align:top;
	padding: 0px;
	margin: 0px;
	float: left;
}
#mainContent #rightCol {
	display: block;
	position: relative;
	float: right;
	width: 315px;
	padding: 0px;
	margin: 0px 0px 0px 15px;
}

#nav {
	position: relative;
	float: right;
	display: block;
	margin: 36px 0px 0px 0px;
	width: auto;
}
#nav ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
}
#nav ul li {
	float:left;
	padding: 0px;
	margin: 0px 0px 0px .5em;
	width: auto;
}
#subNav{
	border: 1px solid #CCC;
	margin: 0px 0px 15px 0px;
	padding: 15px 15px 15px 45px;
	display: block;
	clear: both;
	position: relative;
	height: 60px;
	background: url(../images/view.gif) no-repeat left;
}
#subContent {
	border: 0px none;
	padding: 0px 0px 15px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0px;
	vertical-align: top;
	display: block;
	position: relative;
	clear: both;
	height: 200px;
}
#subContent .right {
	background: #FFCC00;
	width: 580px;
	height: 170px;
	float: right;
	display: block;
	padding: 15px;
	margin: 0px;
	position: relative;
}
#subContent .center {
	background: #FFCC00;
	width: 280px;
	height: 170px;
	float: left;
	display: block;
	position: relative;
	padding: 10px;
	margin: 0 0 0 10px;
}
#subContent .left {
	background: #FF8800;
	width: 283px;
	height: 168px;
	float: left;
	display: block;
	position: relative;
	padding: 15px;
	margin: 0 15px 0 0px;
	border: 1px solid #FF8800;
}
#clearFix{
	margin: 0px;
	padding: 0px;
	height: 0px;
	clear: both;
	position: relative;
	display: block;
}
#contact {
	display: block;
	clear: both;
	float: none;
	width: 920px;
	padding: 10px;
	background: #FFFFFF;
}
#contactBox {
	background: #FFCC00;
	width: 920px;
	clear: both;
	display: block;
	height: 30px;
}
#footer {
	padding: 10px 20px 10px 10px;
	border: 0px none;
	background:#CCCCCC;
	clear: both;
	display: block;
	height: 27px;
}
#footer #leftCol{ width: 50%; float: left; height: 27px;

}
#footer #rightCol{
width: 50%; float: right; height: 27px; text-align: right; 


}
p.marginFix {
	margin: 0px;
}






/***********  TEXT STYLES  *************/

body {
	font: 100%/1.25em Arial, Helvetica, sans-serif;
}
h1 {
	font: normal 1.1em/1.25em Arial, Helvetica, sans-serif;
	color: #FFCC00;
	margin-bottom: .5em;
}
h2 {
	font: normal 1em/1.25em Arial, Helvetica, sans-serif;
	color: #666666;
	margin-top: 0px;
	margin-bottom: .5em;
}
p {
	font: .8em/1.25em Arial, Helvetica, sans-serif;
	color: #666;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 1em;
}
a{ color: #888; text-decoration: none;}
a:hover{text-decoration: underline;}

#leftCol p {
	margin-right: 10px;
}
.testimonial {
	color: #FF8800;
	font-style: italic;
	text-align: left;
	font-size: 0.85em;
	margin-bottom: 0px;
}
.testimonialAtt {
	color: #FF8800;
	font-style: italic;
	text-align: left;
	font-size: 0.85em;
	margin-top: .5em;
	margin-bottom: 2em;
}
#nav h1 {
	font: normal .9em/.9em Arial, Helvetica, sans-serif;
	margin-bottom: 0px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	margin-top: 0px;
	color: #CCCCCC;
	vertical-align: bottom;
}
#nav h1 a {
	color: #CCCCCC;
	text-decoration: none;
}
#nav h1 a:hover {
	color: #FF8800;
}
#subNav p{
	font: 0.75em/1.5em Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	margin: 0px;
	text-transform: uppercase;
}

#subNav h1{
font: 1.2em/1.2em Arial, Helvetica, sans-serif;
	color: #FF8800;
	margin: 0px;
}
#subNav a{
text-decoration: none;
}
#subNav p a{ color: #CCCCCC;
}
#subNav h2 a{color: #AAAAAA;
}
#subNav a:hover{
	color:#FFCC00;
	}
#subNav h2{
	font: 0.9em/1.5em Arial, Helvetica, sans-serif;
	color: #AAAAAA;
	margin: 0px;
	text-transform: uppercase;
}

#subNav .orange, #subNav .orange a{
	color: #FF8800;

}
#subContent {
}
#subContent a { text-decoration: none; color: #666;}
#subContent a:hover{ text-decoration: underline;}
#subContent .right p{
	font: .8em/1.25em Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 1em;
	color: #666666;
}
#subContent p.more {
	font: normal 0.75em/1.25em Arial, Helvetica, sans-serif;
	margin: 0px;
	text-align: left;
	text-transform: none;
}
#subContent .left a { color: #CCC;}
#subContent .left p {
	text-align: left;
	font: italic normal 0.85em/1.5em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 1em;
}
#subContent .left p.more {
	font: normal 0.75em/1.25em Arial, Helvetica, sans-serif;
	margin: 0px;
	text-align: left;
	text-transform: none;
}
#subContent .left p.more a{
color: #999;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer p{
	font: 0.7em/1.5em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: right;
	margin: 0px;
}
#footer #rightCol .text{font: 0.7em/1.5em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: right;
	margin: 0px; vertical-align: middle; margin-top: .5em;}
#footer #leftCol p{ text-align: left;vertical-align: middle; margin-top: .5em; margin-left: 5px; }
#footer #leftCol a.Kirkland:hover {
	text-decoration: none;
}

.yellow{ color: #FFCC00;}
.orange{ color: #FF8800;}


/*************  IMAGE STYLES  *************/

img, img a{ border: 0px none;}

#header img.logo {
	margin: 0px 0px 10px 5px;
	padding: 0px;
	float: left;
	display: block;
	position: relative;
	vertical-align: text-top;
}
#mainContent #leftColMain img {
	display: block;
	margin: 0px;
}

img.TRcorner {
	float: right;
	margin-top: -8px;
}
img.TLcorner {
	float:left;
	margin-top: -8px;
}
img.TRoverlay {
	z-index: 2000;
	position: absolute;
	display: block;
	visibility: visible;
	top: 0px;
	right: 0px;
}
img.TLoverlay {
	z-index: 2000;
	position: absolute;
	display: block;
	visibility: visible;
	top: 0px;
	left: 0px;
}
img.TRline {
	z-index: 2000;
	position: absolute;
	display: block;
	visibility: visible;
	top: -1px;
	right: -1px;
}
img.TLline {
	z-index: 2000;
	position: absolute;
	display: block;
	visibility: visible;
	top: -1px;
	left: -1px;
}
#footer img {
	margin-left: 10px;
	margin-top: 0px;
	vertical-align: middle;
}