/* ==========================================================

========================================================== */

* {
		margin: 0;
		padding: 0;}

body {
		font-family: trebuchet ms, century gothic, verdana, arial, tahoma;
		font-size: 90%;
		color:#333333;
		background: url(images/bg.jpg) repeat-x white;
		line-height: 180%;
		text-align: center;
		text-align: left;}

#nav-wrapper-top, #header, #wrapper-content, #wrapper-footer, #bar {
		width: 850px;
		margin: 0 auto;}

a:link, a:visited{
		color:#1b63f3;
		text-decoration:none;}
a:hover, a:active {
		color:#6699FF;
		text-decoration:none;}

/* ==========================================================
						NAVIGAATION STYLES
========================================================== */


#nav-wrapper-top {
		background: #98000d;}

#nav-top {
		background:transparent;
		overflow: hidden; /* Keep this bit of code! I have no idea why this works, but it fixes a FF problem */}

#nav-top ul {
		padding: 1em 0 0 0;
		list-style: none;
		font-size: 110%;
		float: left;}

#nav-top li {
		display: inline;
		float: left;
		font-weight:bold;}

#nav-top a {
		float: left;
		padding:0 1px 0 1px;
		text-decoration:none;
		line-height: 1.5em;
		color:#FFFFFF;}

#nav-top a span {
		border-bottom:#98000d;
		background:98000d;
		padding:5px 15px 0 6px;
		display: block;
		float: left;
		cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */}

#nav-top a:hover {}

#nav-top a:hover span {
		background: url(images/navtop.jpg) repeat-x top #FFFFFF;
		color:#98000d;}
#nav-top #current{		
		background: url(images/navtop.jpg) repeat-x top #FFFFFF;
		color:#98000d;}

/* ==========================================================
		HEADER
========================================================== */

#wrapper-header {
		background: transparent url('images/bg.png') top repeat-x;}

#header {
		background: white url('images/header.jpg') no-repeat left top;
		padding-bottom:20px;}

#wrapper-header2 {
		background: transparent;}

#wrapper-header3 {
		background: transparent;}

#header h1 {
		color: #d9dee9;
		font-size: 130%;
		height: 150px;
		line-height: 3em;}


/* ==========================================================
		BAR
========================================================== */

#wrapper-bar {
		line-height:1.3em;
		border-bottom:2px solid #d9dee9;
		border-top:2px solid #d9dee9;
		height: 110px;}

#bar {
		height:50px;
		padding:10px 0;
		background:white;}

#bar h1 {
		color: #d9dee9;
		font-size: 130%;
		line-height: 3em;
		padding-bottom:2px;}
#addy{
		float:left;
		margin:0 50px 0 20px;
		color:#cb0012;}
#contact{
		float:left;
		margin:0 50px 0 0;
		color:#000000;}
#hours{
		float:left;
		margin:0 60px 0 0;
		color:#00236f;}
#cards{
		float:left;}
address{
		font-style:normal;}		


/* ==========================================================
		CONTENT
========================================================== */

#wrapper-content2 {
		background: url(images/contentbg.jpg) repeat-x top;}
#wrapper-content {
		background: white;}

#wrapper-content {
		height: 1%;}

#content {
		background: transparent;
		padding:0 10px;}
		
#content p{
		margin:10px 0 20px 0;
		line-height:1.4em;
		font-size: 110%;}
		
#content ul li{
		margin:10px;
		line-height:.7em;
		font-size: 100%;
		list-style:inside;}
		
#content img{
		margin:5px 20px 10px 0;
		padding:5px;
		border:1px solid #00246e;}

h2 {
		font-size: 220%;
		font-family: verdana, arial, tahoma, trebuchet ms, century gothic;
		color:#cb0012;
		display:block;
		padding:20px 0 3px 0;}
h3 {
		font-size: 100%;}

#wrapper-menu-page {
		float: right;
		width:220px;
		margin: 60px 10px 0 30px;
		text-align: right;
		line-height: 140%;
		font-family:"Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
		background:transparent;}

* html #wrapper-menu-page {
		margin-right: 15px;}

#menu-page {
		padding-top: 5px;}
#wrapper-menu-page img{
		margin-bottom: 15px;}
/* ==========================================================
		INPUT AND MAP STYLES
========================================================== */

form{
		width:500px;
		margin:0 0 30px 0;}

fieldset {
		border:none;
		text-align:left;
		margin:0;
		padding:0;
}

label {
		display:block;
		text-align:left;
}

input, textarea {
		font-family: century gothic, trebuchet ms, verdana, arial, tahoma;
		text-align:left;
		padding:0 0 0 3px;
}

#map {
		border:1px solid #d9dee9;
		height:400px;
		width:500px;
		margin:0 0 40px 0;}


/* ==========================================================
		FOOTER STYLES
========================================================== */

#wrapper-footer {
		text-align:left;
		clear: both;
		border-top: 1px solid #00246e;
		border-left: 1px solid #00246e;
		border-right: 1px solid #00246e;
		background-color: #d9dee9;
		padding:0 10px;
		line-height:normal;}
#footer{
		clear:both;}
#footernav{
		margin:0 auto;
		font-size:16px;
		text-align:center;}
#footernav ul li{
		color:#CCCCCC;
		display:inline;
		margin:0 1.2em 0 0;
		font-variant:small-caps;}	
#footernav ul li span{
		color:#000;}

#footer a:link, #footer a:visited{
		color:red;
		text-decoration:none;}
#footer a:hover, #footer a:active {
		color:#000;
		text-decoration:none;}

#footer img{
		padding-right:10px;}

/* ==========================================================
		CUSTOM CODE
========================================================== */

.hide {display:none;}

.invis{visibility:hidden;}

.cboth{clear:both;}

.cleft{clear:left;}

.cright{clear:right;}

.left{float:left;}

.right{float:right;}

.bold{font-weight:bolder;}

.italics{font-style:italic;}

.underline{text-decoration:underline;}

.huge{font-size:130%;}