﻿html	{
	font: 62.5%/1.5 Verdana, Arial, sans-serif;
}

body	{
	background: url(../images/bg-twine.jpg) bottom center no-repeat;
	background-position: 95% 97%;
	color: #505050; /*ash grey*/
	font-size: 1.4em;
	margin: 0;
	padding: 0;
}

a	{
	color: #005466; /* deep aqua*/
}

a:hover	{
	color: #000;
}

img	a {
	border: 20px solid #B8B8B8; /*light grey*/
}

img	a:hover {
	border: 20px solid #A6D4E3; /*baby-blue*/
}

img	{
	border-style: none;
}

p	{
	border: 1px solid #A6D4E3; /*baby-blue*/
	overflow: auto;
	padding: 20px;
}

* html p	{
	float: left;
}

p img	{
	padding: 13px;
}

h1	{
	background: url(../images/heading.jpg) bottom left no-repeat;
	color: #000;
	font-size: 150%;
}

h2	{
	font-size: 130%;
	color: #000;
}

h3	{
	font-size: 110%;
	color: #000;
}

#top-bar	{
	background: url(../images/top-bar.png) repeat-x;
	left: 0;
	height: 80px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 3;
}

* html #top-bar	{
	background: url(../images/top-bar.gif) repeat-x;
}

#logo	{
	height: 111px;
	left: 40px;
	position: fixed;
	top: 55px;
	width: 209px;
}

* html #logo	{
	margin: 0 0 0 20px;
}

#header-img	{
	background: url(../images/collage.jpg) no-repeat;
	height: 132px;
	left: 0;
	margin: 52px 0 0 320px;
	position: absolute;
	width: 662px;
}

*:first-child + html #header-img	{
	margin: 60px 0 0 320px;
}

* html #header-img	{
	left: 0;
	margin: 65px 0 0 330px;
	top: 0;
}

#home-img	{
	background: url(../images/headerimg.png) center no-repeat;
	bottom: 0;	
	height: 157px;
	margin: 0 0 0 350px;
	position: absolute;
	width: 522px;
}

*:first-child + html #home-img	{
	margin: 0 0 0 30px;
}

* html #home-img	{
	background: url(../images/headerimg.gif) bottom center no-repeat;
	margin: 0 0 0 100px;
}

#nav	{
	background: url(../images/spindle.jpg) bottom center no-repeat;
	left: 0;
	margin: 0 0 0 -140px;
	padding: 0 0 30px 0;
	position: fixed;
	top: 175px;
	width: 400px;
}

*:first-child + html #nav	{
	margin-top: 35px;
}

* html #nav	{
	float: left;
	padding: 20px 0 80px 0;
}

#content	{
	margin: 0 0 0 320px;
	padding: 175px 0 85px 0;
	text-align: justify;
	width: 660px;
}

*:first-child + html #content	{
	padding: 210px 0 85px 0;
}

* html #content	{
	padding: 20px 0 10px 5px;
}

#map	{
	 height: 300px;
	 margin: 0 auto;
	 width: 500px; 
}

#footer	{
	background: url(../images/footer-bg.png) bottom repeat-x;
	bottom: 0;
	font-size: 85%;
	height: 80px;
	position: fixed;
	text-align: center;
	width: 100%;
}

#footer a	{
	color: #000;
	text-decoration: none;
}

#footer a:hover	{
	border-bottom: 1px dashed #000;
}

#footer dt	{
	color: #000;
	float: left;
	font-weight: bold;
	margin: 0 auto;
	padding: 15px 35px 0 35px;
}

#footer dt a	{
	color: #000;
	text-decoration: none;
}

.footerdl	{
	border: none;
	padding: 7px 0 7px 40px;
	text-align: center;
}

*:first-child + html .footerdl	{
	padding: 17px 0 5px 40px;
}

* html .footerdl	{
	padding: 17px 0 5px 40px;
}

* html #footer	{
	background: url(../images/footer-bg.gif) top repeat-x;
}

.samplecards	{
	border: 10px solid #ccc;
}

.samplecards:hover	{
	border: 10px solid #A6D4E3; /*baby-blue*/
}

/*___________________________________________________________Navigation___________________________________________________________*/

#navStyles li	{
	color: #444444; /*ash*/
	list-style-type: none;
	padding: 9px 0 0 0;
	text-align: right;
	text-transform: uppercase;
}

#navStyles li a	{
	color: #444444; /*ash*/
	padding: 0 15px 0 0;
	text-decoration: none;
}

#navStyles li a:hover	{
	background: url(../images/nav-active.jpg) right no-repeat;
	color: #000;
}

#navStyles li.active span	{
	background: url(../images/nav-active.jpg) right no-repeat;
	color: #000;
	padding: 0 15px 0 0;
}

#navStyles li ol	{
	font-size: 70%;
}
