@charset "UTF-8";
/* CSS Document */
body {
	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 */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #9C0;
}
#container {
	width: 1000px;  /* using 20px less than a full 1024px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	text-align: left;
	border: 1px solid #666;
	height: 500px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	line-height: 20px;
}
 #content {
	float: left;
	width: 387px;
	height:479px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 0px;
	border: 1px solid #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	padding: 0px;
	overflow: auto;
}
#text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding: 10px;
}
 #subcontent {
	float: left;
	width: 400px;
}
#branding {
	float: right;
	padding-right: 50px;
}
.navigation {
	margin-top: 244px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 380px;
	
}
.a {
	font-family: Arial, Helvetica, sans-serif;
}
a:link {
	color: #97CC18;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #97CC18;
	text-decoration: none;
	font-weight: bold;
	}
a:hover {
	color: #333;
	font-weight: bold;
	}
a:active {
	color: #97CC18;
	text-decoration: none;
	font-weight: bold;
	}

ul li {
display:block;
float:left;
list-style-type:none;
}

ul li a {
display:block;
height:244px; width:126px;
background:transparent url(navigation.jpg) no-repeat 0 0;
text-indent:-9009px;}
ul li a:hover {
background-position: 0 -244px;
}
ul li a:active {
background-position: 0 -488px;
}
ul li#nav2 a {
width:115px;
background-position: -126px 0;
}
ul li#nav2 a:hover {
background-position: -126px -244px;
}
ul li#nav2 a:active {
background-position: -126px -488px;
}
ul li#nav3 a {
width:107px;
background-position: -241px 0;
}
ul li#nav3 a:hover {
background-position: -241px -244px;
}
ul li#nav3 a:active {
background-position: -241px -488px;
}
ul li#nav4 a {
width:105px;
background-position: -348px 0;
}
ul li#nav4 a:hover {
background-position: -348px -244px;
}
ul li#nav4 a:active {
background-position: -348px -488px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	background-color: #CCC;
	padding: 4px;
	margin-top: 10px;
	margin-left: -1px;
	margin-bottom:0px;
	float: left;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 17px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 17px;
	margin: 0px;
	padding: 0px;
}
#quote {
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #97CC18;
	padding-left: 60px;
	float: left;
	clear: both;
}
.image_gallery {
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	margin: 0px;
	float: left;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
}
.image_gallery_rh {
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	margin: 0px;
	float: left;
	border-bottom-color: #FFF;
}
.image_gallery_bt {
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #FFF;
	margin: 0px;
	float: left;

}
.image_gallery_rh_bt {
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	float: left;
}
.block{
	background-color: #ececec;
	width: 350px;
	padding: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 12px;
	height: 135px;
}

.blockfooter{
	background: url(arrow.gif) 20px -5px no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
	padding-left: 58px;
	padding-top: 1px;
	margin-bottom: 5px;
	font-size: 10px;
	color: #4A4A4A;
}
.block img {
	float: left;
	margin-right: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.block p {
	float: left;
	margin: 0px;
	padding: 0px;
}