/*standard html setup text-align center needed for IE, reset to left in para*/
body, html  {	font-family : Arial, Helvetica, sans-serif;
	margin : 0;	padding: 0;	
	color : black;	background-color: #f7ce94;	text-align: center;
	font-size : 101%;
	width: 100%}

/* define the fonts and standard styles*/
p  {	font-family : Arial, Helvetica, sans-serif;	text-align:left;}

h1,h2,h3 {font-family : "Comic Sans MS", Arial, sans-serif;	font-weight : bold;}
h1  {	font-size : 160%;}
h2  {	font-size : 140%;	}
h3  {	font-size : 110%;	}
h4  {	font-size : 80%;	}
p,li  {	font-size : 80%;	}

a  {	color : Black;	text-decoration: underline;}
/*LVHA*/
a:link  {	color : Black;}
a:visited  {	color : Black;}
a:hover  {	color : Gray;}
a:active  {	color : Black;}

li  {text-align:left;}

.footer  {	font-size : 80%;}
.digitalsafaris  {	font-size : 100%;	font-family : "Comic Sans MS", Arial, sans-serif;	font-weight: bold;}

/*layout styles */
.allpage {	width: 100%;	margin: 0;	text-align: center;}

.frontpage {
	background-image: url(../images/lizard.jpg);	background-repeat: no-repeat;	background-position: center top;
	border: 2px solid #ffffe0;	width: 600px;	margin: 10px auto 10px auto;	padding: 0;	overflow: hidden;}
	
/*	
.frontpagehead, .frontpagecell {
	border: 2px solid #ffffe0;	padding: 5px;	width: 186px;	float: left;	margin: 0;}
	
.frontpagehead {	height: 100px;}
.frontpagecell {	height: 130px;	font-size: small;}*/

.frontpage h2, .frontpage h3, .frontpage p {border: 2px solid #ffffe0;	padding: 5px;	width: 186px;	float: left;	margin: 0;}
.frontpage h2, .frontpage h3 {height: 100px;}
.frontpage p {height: 130px;}	



.footcontainer {width: 600px;	text-align: center;	margin: 10px auto;	clear: both; overflow: hidden;}
.footcell {    width: 292px;	  float: left;		margin: 0;}

.footcontainer img {border:0;}
.footcontainer p {text-align: center;}
/*other styles */


#pagewrapper {width:600px; background-color: #ffffe0; padding: 1em; margin: 2em auto;}
#cv h3 {float: left; margin: 0; clear: both; font-size: 100%; font-weight: bold;}
#cv p {padding-left: 150px;}

#sites h3  {float: left; margin: 0; font-size: 100%; font-weight: bold;}
#sites h4 { margin: 0;  font-weight: bold; padding-right: 1em; border-top: 1px solid black;margin-top: 1em; padding-top: .5em; clear: both; width: 100%; text-align:left;}
#sites p {padding-left: 20px; text-align:justify;}
#sites ul {padding-left: 200px;}
#sites ul.goals {padding-left: 20px;}
#sites img {float:left; clear: none; margin: 0 5px 10px 5px;border: 1px solid #ccc;}
#sites img.asante {float:none;  margin: 10px; border: 1px solid #ccc;}
#sites .quote {display: block; width: 400px; border: 1px solid #ccc; margin: 1em auto 1em 50px; padding: .5em; text-align:left;}
#sites hr {display:none;}


#bb {	background-color : #FFFFE0;}
#eb {	background-color : #FFFFE0;}
#nb {	background-color : #FFFFE0;}

@media print {
	#pagewrapper {
		width: 95%;
	}
	

}