#header {
height: 40px;
width: 980px;
font-family: Lucida sans, Times New Roman, sans-serif;
font-size: 24px;
color: #CCCC00;
float: none;
text-align: center;
border: none
background-color: #FFF;
}

#navigation {
background-color: #FFF;
color: #000;
height: 30px;
float: none;
width: 980px;
text-align: center;
border: none;
font-family: Lucida Sans, Times Roman, sans-serif;
font-size: 14px;
margin: none;
}

#content {
float: none;
height: 800px;
width: 980px;
border: none;	
background-color: #FFF;
text-align: center;
font-family: Palatino, Lucida Sans, sans-serif;
font-size: 16px;
color: #000;
}

#biocontent {
float: none;
height: 3000px;
width: 600px;
margin: 0 auto;
border: none;	
background-color: #FFF;
text-align: left;
font-family: Palatino, Lucida Sans, sans-serif;
font-size: 18px;
color: #000;
}


#imageleft {
float: left;
height: 2500px;
width: 470px;
border: none;
margin: none;
background-color: #FFF;
text-align: center;
font-family: Times New Roman, Lucida Sans, sans-serif;
font-size: 14px;
color: #000;
}




#imageright {
float: right;
height: 2500px;
width: 470px;
border: none;
margin: none;
background-color: #FFF;
text-align: center;
font-family: Times New Roman, Lucida Sans, sans-serif;
font-size: 14px;
color: #000;
}

#triptychs {
float: none;
height: 2500px;
width: 980px;
border: none;
margin: none;	
background-color: #FFF;
text-align: center;
font-family: Palatino, Lucida Sans, sans-serif;
font-size: 14px;
color: #000;
}

#bookintro {
float: left;
height: 2500px;
width: 980px;
border: none;	
background-color: #FFF;
text-align: center;
font-family: Palatino, Lucida Sans, sans-serif;
font-size: 14px;
color: #000;
}


 
#footer {
float: left;
clear: both;
height: 40px;
width: 980px;	
text-align: center;
font-family: Lucida sans, Perpetua, sans-serif;
font-size: 14px;
background-color: #FFF;
	border: none;
color: #CC3300;
}

span.contact {
font-family: Lucida Sans, Times Roman, sans-serfif;
font-size: 16px;
letter-spacing: 2px;
color: #FF6600;
}

span.month {
font-family: Lucida Calligraphy, Times New Roman, sans-serfif;
font-size: 16px;
letter-spacing: none;
color: #999966;
} 

span.address {
font-family: Lucida Sans, Times New Roman, sans-serfif;
font-size: 14px;
letter-spacing: 1.7px;
color: #CCCC00;
} 

span.top {
font-family: Lucida Sans, Times New Roman, sans-serfif;
font-size: 24px;
letter-spacing: 3px;
color: #CC3300;
} 

span.phone {
font-family: Times New Roman, Lucida sans, sans-serfif;
font-size: 18px;
letter-spacing: 1px;
color: #FF6600;
} 

span.subhead {
font-family: Times New Roman, Lucida sans, sans-serfif;
font-size: 20px;
letter-spacing: 2px;
color: #007AA3;
} 

/* unvisited link */
a:link {
    color: #000;
text-decoration: none;
}

/* visited link */
a:visited {
    color: #CC3300;
text-decoration: none;
}

/* hover link */
a:hover {
    color: #007AA3;
text-decoration: none;
    
}

/* active link */
a:active {
    color: #FFF;
text-decoration: none;
}


.TextWrap {
	float: left;
	margin-right: 10px;
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}
#pagewrap {
	padding: 2px;
	width: 980px;
	margin: 0px auto;
}

#header {
	height: 48px;
width: 980px;
}

#navigation {
	height: 30px;
	width: 980px;
}



#content {
	width: 980;
}

#biocontent {
	width: 980;
	
}


#imageright {
	width: 490;
}

#imageleft {
	width: 490;
}


#triptychs {
	width: 980;
}

#bookintro {
	width: 980;
}


#footer {
	clear: both;
} 


/*for 980 px or less*/
@media screen and (max-width: 980px) {
#pagewrap {
width:95%;
}

#header {
width: 95%
}

#navigation {
width:95%;
}

#content {
width: 95%;
}

#biocontent {
width: 95%;
}

#imageright {
width: 50%;
}

#imageleft {
width: 50%;
}

#triptychs {
width: 95%;
} 

#bookintro {
width: 95%;
}


#footer {
width: 95%
}
}

/*for 700 px or less*/
@media screen and (max-width: 700px) {

#pagewrap {
width: auto;
float: none;
}

#header {
width: auto;
float: none;
}

#navigation {
width: auto;
float: none;
}

#content {
width: auto;
float: none;
}

#biocontent{
width: auto;
float: none;
}

#imageright {
width: auto;
float: none;
}

#imageleft {
width: auto;
float: none;
}

#triptychs {
width: auto;
float: none;
}

#bookintro {
width: auto;
float: none;
}



#footer {
width: auto;
float: none;
}
}