BODY {  
/* background: repeat-x top left url(images/AAIweb-top-background-red.jpg); */
background-color: #ededed;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
/* margin-top: -1em; 
margin-right: -1em; 
margin-bottom: -1em; 
margin-left: -1em; */ 
}
a:link {
	
	color: #6699cc ;
	font-weight: bold;
}
a:visited {
    text-decoration: none ;
	color: #6699cc ;
	font-weight: bold;
}
a:active {
	color: #6699cc ;
	font-weight: bold;
}
a:hover {
	text-decoration: none ;
	color: #6699cc ;
	font-weight: bold;
}

.box {
border-width:4; border-style:solid; border-color: #6699cc; margin: 4px 4px 4px 4px; 
}
li {
margin-bottom:20px; 
}
.album {
	font-style: italic;
}
.publication {
	font-style: italic;
}
.nav {
	font-size:18px;text-align:center;
}

@media (max-width: 539px) {
#doclear {
clear: both;}
}
@media (max-width: 550px) {
#wreckpic {   text-align: -webkit-center; 
text-align: center;}
#alignright,.alignright {   text-align: -webkit-center; 
text-align: center;}
#alignleft,.alignleft {   text-align: -webkit-center; 
text-align: center;}
#doclear {
}
}
@media (min-width: 551px) {
#wreckpic {float: right;
}
#alignright,.alignright {float: right;width:47%;
}
#alignleft,.alignleft {float: left;width:62%;margin-right:40;
}

}

@media (min-width: 767px) {
#wreckpic {float: right;
}
#alignright,.alignright {float: right;
}
#alignleft,.alignleft {float: left;
}

}