@charset "utf-8";
/* CSS Document */

/* Generic
---------------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	background: url(../images/bg.gif) repeat-x top;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
}
h1 {
	font-size:100%;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
h2 {
	font-size:80%;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
h3 {
	font-size:80%;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
p {
	padding: 10px 10px 5px 10px;
	font-size:80%;
	margin:0px;
}
img {
	border: none;
}
a {
	text-decoration: none;
	color:#cccc99;
}
a:hover {
	text-decoration: underline;
}
.purple {
	color:#5b304a;
}



/* info block - left in ready for full site
---------------------------------------------------------------------------------*/
#info-block {
	height: 33px;
	width: 955px;
	margin: 0 auto;
	position: relative;
	color:#5b304a;
}
#info-block ul{
	margin:0px;
	padding: 8px 0px 0px 0px;
	font-size:80%;
}
#info-block ul li{
	list-style-type:none;
	display:inline;
	padding: 0px 5px 0px 5px;
	font-weight:bold;
	border-right: #6bb402 solid 1px;
}
#info-block ul li.last{
	border:none;
}
#info-block ul li a:link, #info-block ul li a:visited{
	font-weight:bold;
	color:#5b304a;
}
#info-block ul li a:hover{
	font-weight:bold;
	color:#666666;
}
#contact-abbriviated {
	height: 33px;
	float:left;
}
#usability-links {
	float:right;
	height:33px;
}



/* banner
---------------------------------------------------------------------------------*/
#banner {
	height: 132px;
	width: 950px;
	margin: 0 auto;
	position: relative;
	background: url(../images/bg-banner.gif) repeat-x bottom;
}
#root-nav {
	height: 33px;
	width: 950px;
	margin: 0 auto;
	position: relative;
	background: url(../images/bg-nav.gif) repeat-x top;
}
#root-nav ul{
	margin:0px 5px 0px 0px;
	padding:0px;
	list-style-type:none;
}
#root-nav li{
	float: left;
  	margin: 0 auto; 
	padding: 0px 0px 0px 0px;
	position: relative;
	color: #5b304a;
}

#root-nav li {
	float: left;
	color: #5b304a;
	padding: 7px 25px 0px 25px;
	text-decoration:none;
	font-weight:bold;
	font-size: 85%;
	text-align:center;
	height:27px;
}
#root-nav li a{
	color: #5b304a;
}
#root-nav li a:hover{
	text-decoration:underline;
}
#root-nav li a:visited{
	color: #5b304a;
}
#root-nav #active {
	background:url(../images/bg-nav-active.gif) repeat-x top left;
}
#root-nav #inactive {
	background:url(../images/bg-nav.gif) repeat-x top left;
}
/* content
---------------------------------------------------------------------------------*/
#content {
	width: 950px;
	margin: 0 auto;
	padding-top:5px;
	position: relative;
	background-color:#FFFFFF;
}

#splash-image-gallery-one {
	width:306px;
	height:281px;
	margin:2px 6px 0px 8px;
	float:left;
	display:inline;
}
#splash-image-gallery-two {
	width:306px;
	height:281px;
	margin:2px 6px 0px 2px;
	float:left;
	display:inline;
}
#splash-image-gallery-three {
	width:306px;
	height:281px;
	margin:2px 2px 0px 2px;
	float:left;
	display:inline;
}
.splash-image-gallery-hidden {
	display:none;
}
#content-container {
	width:618px;
	margin:7px 8px 0px 0px;
	float:left;
	display:inline;
}
#content-bg {
	width:618px;
	background:url(../images/bg-welcome.gif) top no-repeat;
}
#content-bg h2{
  font-size:80%;
	font-weight:bold;
	color:#FFFFFF;
	padding: 15px 15px 0px 15px;
}
#content-bg p{
	color:#FFFFFF;
	padding: 15px 15px 0px 15px;
}
#content-footer {
	width:618px;
	height:16px;
	background:url(../images/bg-welcome-footer.gif) top no-repeat;
}
#homeinfo {
	width:934px;
	float:left;
	display:inline;
	margin-left:9px;
	margin-top:10px;
}

#signpost-container {
	width:296px;
	display:inline;
	float:left;
	margin:5px 0px 0px 10px;
	padding-top:0px;
}
#signpost-container p{
	color:#333333;
	padding: 0px 15px 0px 15px;
}
#signpost-container a:link, #signpost-container a:visited{
	color:#5b304a;
	text-decoration:none;
}
#signpost-container a:hover{
	color:#666666;
	text-decoration:underline;
}


/* footer
---------------------------------------------------------------------------------*/
#footer {
	height: 76px;
	width: 950px;
	margin: 0 auto;
	padding-top: 5px;
	position: relative;
	clear:both;
}
#footer-text {
	height: 50px;
	margin: 10px 0px 0px 10px;
	float:left;
	border-top:#999999 solid 1px;
	width:930px;
}
#footer-text p{
	font-size:80%;
	color:#999999;
	padding: 5px 5px 5px 0px;
}