/* CSS created for christopherjmiller.com 5/06 by kristenu (http://ushertopia.com) */

/* sets dark blue textured background and creates centering effect of page */
body {
	background-color: #3F576E; 
	background-image: url(../images/background.gif);
	text-align: center;
	font-size: small;
	margin: 0;	 
}

/* formatting for container */
#container {
	width: 700px;
	margin-right: auto;	
	margin-left: auto;	
	background-color: #FFFDF8; 
	text-align: left;		  
}

/* font-size here allows for browser resizing */
p, li, td, blockquote {
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;	
	line-height: 14pt;	
}

/* header image replaces text in header span */
#header {
	width: 700px;
	height: 125px;
	position: relative;
	border-bottom: 3px solid #3F576E;
}

#header span {
	background: url(../images/cjmiller.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

/* formatting for navigation area */
#nav {
	float: left;
	background-color: #778089;
	width: 147px;
	padding: 100px 0px 0px 0px;
	margin-top: 10px;
	margin-bottom: 10px;	
	border-top: 3px solid #3F576E;
	border-right: 3px solid #3F576E;
	border-bottom: 3px solid #3F576E;	
	background-image: url(../images/chris.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

/* formatting for nav button rollovers */
.index a:link { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 0px;
	margin-bottom: 5px;
	background-image: url(../images/index1.jpg);
	background-repeat: no-repeat;	
}

.index a:visited { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 0px;
	margin-bottom: 5px;
	background-image: url(../images/index1.jpg);
	background-repeat: no-repeat;	
}

.index a:hover { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 0px;
	margin-bottom: 5px;	
	background-image: url(../images/index2.jpg);
	background-repeat: no-repeat;	
}

.index a:active { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 0px;
	margin-bottom: 5px;
	background-image: url(../images/index1.jpg);
	background-repeat: no-repeat;	
}	

.homes a:link { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/homes1.jpg);
	background-repeat: no-repeat;	
}

.homes a:visited { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/homes1.jpg);
	background-repeat: no-repeat;	
}

.homes a:hover { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/homes2.jpg);
	background-repeat: no-repeat;	
}

.homes a:active { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/homes1.jpg);
	background-repeat: no-repeat;	
}	

.mls a:link { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/mls1.jpg);
	background-repeat: no-repeat;	
}

.mls a:visited { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/mls1.jpg);
	background-repeat: no-repeat;	
}

.mls a:hover { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/mls2.jpg);
	background-repeat: no-repeat;	
}

.mls a:active { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/mls1.jpg);
	background-repeat: no-repeat;	
}	

.selling a:link { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/selling1.jpg);
	background-repeat: no-repeat;	
}

.selling a:visited { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/selling1.jpg);
	background-repeat: no-repeat;	
}

.selling a:hover { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/selling2.jpg);
	background-repeat: no-repeat;	
}

.selling a:active { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/selling1.jpg);
	background-repeat: no-repeat;	
}	

.buying a:link { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/buying1.jpg);
	background-repeat: no-repeat;	
}

.buying a:visited { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/buying1.jpg);
	background-repeat: no-repeat;	
}

.buying a:hover { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/buying2.jpg);
	background-repeat: no-repeat;	
}

.buying a:active { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/buying1.jpg);
	background-repeat: no-repeat;	
}	

.school a:link { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/school1.jpg);
	background-repeat: no-repeat;	
}

.school a:visited { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/school1.jpg);
	background-repeat: no-repeat;	
}

.school a:hover { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/school2.jpg);
	background-repeat: no-repeat;	
}

.school a:active { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/school1.jpg);
	background-repeat: no-repeat;	
}	

.town a:link { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/town1.jpg);
	background-repeat: no-repeat;	
}

.town a:visited { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/town1.jpg);
	background-repeat: no-repeat;	
}

.town a:hover { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/town2.jpg);
	background-repeat: no-repeat;	
}

.town a:active { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/town1.jpg);
	background-repeat: no-repeat;	
}	

.listings a:link { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/listings1.jpg);
	background-repeat: no-repeat;	
}

.listings a:visited { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/listings1.jpg);
	background-repeat: no-repeat;	
}

.listings a:hover { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/listings2.jpg);
	background-repeat: no-repeat;	
}

.listings a:active { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/listings1.jpg);
	background-repeat: no-repeat;	
}	

.newsletter a:link { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/newsletter1.jpg);
	background-repeat: no-repeat;	
}

.newsletter a:visited { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/newsletter1.jpg);
	background-repeat: no-repeat;	
}

.newsletter a:hover { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/newsletter2.jpg);
	background-repeat: no-repeat;	
}

.newsletter a:active { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../images/newsletter1.jpg);
	background-repeat: no-repeat;	
}	

.contact a:link { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 0px;
	background-image: url(../images/contact1.jpg);
	background-repeat: no-repeat;	
}

.contact a:visited { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 0px;
	background-image: url(../images/contact1.jpg);
	background-repeat: no-repeat;	
}

.contact a:hover { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 0px;
	background-image: url(../images/contact2.jpg);
	background-repeat: no-repeat;	
}

.contact a:active { 
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 147px;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 0px;
	background-image: url(../images/contact1.jpg);
	background-repeat: no-repeat;	
}	

/* formatting for content area */
#content {
	float: right;
	background-color: #FFFDF8; 	
	width: 520px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;	
}

/* formatting for main headers */
.head1 {
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;	
	font-size: 150%;
	font-weight: bold;
	border-bottom: ridge #798694;
	color: #798694;
	letter-spacing: .05em;		
}

/* formatting for sub headers */
.head2 {
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;	
	font-size: 115%;
	font-weight: bold;
	border-bottom: thin solid #798694;
	color: #798694;
	letter-spacing: .05em;		
}

/* footer image replaces text in footer span */
#footer {
	clear: both;
	width: 700px;
	height: 75px;
	position: relative;
	border-top: 3px solid #3F576E;
}

#footer span {
	background: url(../images/footer.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}