@charset "UTF-8";
/*Template Stuff*/
body {
	font: 110% Helvetica, Verdana, Geneva, sans-serif;
	font-weight:lighter;
	background-image: url(images/back.jpg);
	background-color:#636D83;
	background-attachment: fixed;
	background-repeat:repeat-x;
	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: #FFF;
}
#header {
	color: #cccdd3;
	font-size: 1.3em;
	width: 760px;
	height:46px;
	background: transparent; 
	margin: 40px auto 0 auto;
	padding: 0;
	line-height: 100%;
	text-align:right;
}
img.logo {
	float:left;
	border: 0;
	margin: 0;
	padding: 0;
}

a:link, a:visited, a:active {
	color:#069;
	text-decoration:underline;
}

a:hover {
	color: #cccdd3;
	text-decoration:underline;	
}


#logo {
	border: 0;
	margin: 0;
	padding: 0;
}

#nav {
	font: 1.1em "Lucida Grande", Verdana, Geneva, sans-serif;
	color: #cccdd3;
	width: 776px;
	height: 37px;
	background: transparent url(images/nav.gif) no-repeat top center;
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 8px 0 0 0;
}
ul.nav
{
	margin:0;
	list-style-type:none;
	padding: 0;
}
li.nav {
	display: inline;
}

a.nav {
	text-decoration:none;
	color:white;
	background-color:#394361;
	padding: .2em 1em .2em 1em;
	margin: 0 1.13em 0 1.13em;
}

a.nav:hover {
	background-color:#081439;
	}

#mainContent {
	background: #081439;
	width:760px;
	margin: -.5em auto 0 auto;
	padding: 20px 0 10px 0;
	text-align:left;
	font-size: .80em;
	font-weight:lighter;
	line-height: 120%;
}

#footer {
	clear: both;
	margin: 0 auto 2em auto;
	padding: 0 0 0 0;
	font: .6em "Lucida Grande," Verdana, Geneva, sans-serif;
	color: #cccdd3;
	background: transparent url(images/footer.gif) no-repeat top center;
	width: 760px;
	text-align:center;
}

/*Home.html styles*/
#slogan {
	text-align:center;
	margin:0 0 1em 0;
	font: 2em "Monotype Corsiva," "Book Antiqua", Palatino, serif;
	color:#FFFFFF;
}

#leftHome {
	width:90%;
	padding:0 1em 0 0;
	margin:0 auto 0 auto;
	text-align: left;
}

ul.content {
	line-height:160%;
	font-size:1em;
}

img#home{
	float:right;
	margin:0 0 0 2.1em;
}

table#quickInfo {
	clear:both;
	float:right;
	margin:1em 0 0 0;
	font-size: 85%;
}

/*About.html styles*/

#leftAbout {
	width:90%;
	padding:0 1em 0 0;
	margin:0 auto 0 auto;
	text-align: left;
}

img#about {
	float:right;
	margin:0 0 0 2.2em;
}

#captionAbout{
	clear:both;
	float:right;
	font-size:85%;
	text-align:center;
	font-style:italic;
	width:330px;
}

/*Services.html styles*/

#leftServices{
	width:90%;
	padding:0 1em 0 0;
	margin:1em auto 0 auto;
	text-align: left;
	overflow:hidden;
}
	
img#services {
	float:right;
	margin:0 0 0 2.2em;
	overflow:hidden;
}

#captionServices{
	clear:both;
	float:right;
	font-size:85%;
	text-align:center;
	font-style:italic;
	margin-top: .6em;
	width:330px;
}

/*Directions.html styles*/

#leftDirections{
	width:90%;
	padding:0 1em 0 0;
	margin:1em auto 0 auto;
	text-align: left;
}

iframe {
	float:right;
	margin:0 0 0 2.2em;
}

/*Contact.html styles*/

#leftContact{
	width:70%;
	padding:0 1em 0 0;
	margin:1em auto 0 auto;
	text-align: left;
}
	
img#contact {
	float:right;
	margin:0 0 0 2.2em;
}

#captionContact{
	float:right;
	font-size:85%;
	text-align:center;
	font-style:italic;
	margin-top: .6em;
	width:330px;
}