* {
	 padding: 0;
	 margin: 0;
}

body {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #333333;
	background-color:#bae6fa;
}


#container, #htxt, #main, #pp_main { background-color:#FFF;
}

#side h2 { margin: 35px 0 10px 10px;
}


#main h2, #side h2, #pp_main { line-height: 1em;
}


.ftlf { float:left;
}

.ftrt { float:right;
}

.clear { clear:both;
}


.center {
	margin-left: auto;
    margin-right: auto;
    width: 100%;
}

div#htxt img { margin: 0 auto;
}


em {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.note {
		background-color:maroon;
		padding:5px;
		text-align:center;
		color:#fff;
		font-style:italic;
		font-size:16px;
}

#container, #header {
			max-width:800px;
            margin:0 auto;
}

#header img{ margin-left: 20px; }

#nav { 
	  float:right;
	  background-color: maroon;
	  margin-top: 25px;
}


#nav ul{
	display:inline;
	list-style-type:none;
	width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#nav li {
		
	display:inline;
}


#nav a:link, #nav a:visited {
								float:left;
								width: 6em;
								text-decoration: none;
								color: white;
								background-color: maroon;
								padding: 0.2em 0.8em;
								border-right: 1px solid white;
}

#nav a:hover {
				color:#900;
				background-color: #FFF;
				outline: maroon solid thin;
}

#info { 
		float:right;
		font-size:14px;
        margin: 0;
		padding: 10px;
		color:#900;
		font-weight:bold;
}

#info img { 
            margin: 0 5px 0 8px;
			padding:0;
}

#phone { 
		float:right;
		font-size:48px;
        margin: 5px 0 0 0;
		padding: 10px;
		color:maroon;
		font-weight:bold;
}


#htxt {
		width:800px;
		margin:0 auto;
}


#side, #main, #pp_main {
	   		font: normal 14px/18px Tahoma, Arial, Helvetica, sans-serif;
			color:#666;
}

#side {
		float:left;
		width:250px;
		height:400px;
		padding: 0 10px 0 10px;
}

#side p, #main p { 
		  line-height: 1.5em;
		  margin: 10px;
}

#main {
		float:left;
		width:500px;
		height:400px;
		padding-top: 35px;
		margin-right: 20px;
}

#pp_main {
			font-size:16px;
			float:left;
			width:700px;
			padding: 20px 0 0 25px;
}

#pp_main li { padding: 5px;
}

#main img {
	         padding-right: 20px;
          }

.video { margin-top: 10px;
}
		  
.video a:link, .video a:visited {
								  font-weight:bold;
								  text-decoration:none;
								  color: maroon;
}

.video a:hover { 
				  font-weight:bold;
				  font-style:italic;
}

#ftr {
		width: 800px;
		height:50px;
		background:#000;
		color:#fff;
		padding:25px 0 0 0;
}

#ftr p {
		  text-align:center;	     
		  width:800px;
}

/* Bottom Footer Menu */

#nav_btm {
			text-align:center;
			background-color: black;
			margin: -22px 0 10px 0;
			padding: 0;
}


#nav_btm ul{
			  display:inline;
			  list-style-type:none;
			  padding: 0;
			  margin: 0;
			  list-style-type: none;
}

#nav_btm li {
			  display:inline;
}


#nav_btm a:link, #nav_btm a:visited {
										width: 6em;
										text-decoration: none;
										font-size:12px;
										color: white;
										background-color: maroon;
										padding: 5px;
										border-right: 1px solid black;
									}

#nav_btm a:hover {
					color:#900;
					background-color: #FFF;
					outline: maroon solid thin;
}


.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #740000), color-stop(1, #a60000) );
	background:-moz-linear-gradient( center top, #740000 5%, #a60000 100% );
						filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#740000', endColorstr='#a60000');
	background-color:#740000;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #b0b0b0;
	display:inline-block;
	color:#FFF;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #050505;
}

.button:hover {
				background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a60000), color-stop(1, #740000) );
				background:-moz-linear-gradient( center top, #a60000 5%, #740000 100% );
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a60000', endColorstr='#740000');
				background-color:#a60000;
}

.button:active {
				position:relative;
				top:1px;
}

chesapeake {
			color: #740000;
}

 
@media screen and (min-width: 240px) and (max-width: 500px) {

   #side {
		   font-family:"Arial Black", Gadget, sans-serif; 
   
		  background: red;

		  font-weight:bold;

    }
}