/* alexander.css for Helen Lund's web site *
/* by Godfrey Bartlett 2005 www.qichina.demon.co.uk*/

body { 
	padding:0;
	margin:0;
	color: #333;
	background-color:#e9dfc0;
   font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: x-small;
	voice-family:"\"}\"";voice-family:inherit;
	font-size: small;
	max-width:1280px;
}
html>body {
	font-size:small;	
}
p, ul, li{ 
	margin-top: 2px; 
	font-size:100%;
	}
p.em{
font-style: italic;
font-weight: bolder;
}
h1{
	font-size: 100%;
}
h1, h2, h3, h4, h5{ 
color: #000;
margin:0;
padding:0;
text-align: left;
	}
h2 { line-height: 140%;
font-size: 140%;
font-weight: bold;
}
h2 span { font-size: 90%;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,sans-serif; 
}
h3 { 
font-size: 118%;
font-weight: bold;
}
h4{ line-height: 110%; 
font-size: 108%;
font-weight: bold;
margin: 0;
}
h5{ line-height: 105%;
font-size: 100%;
font-weight: bold;
color: Navy;
background-color: transparent;
font-family: Verdana,Arial,Helvetica,sans-serif; 
margin-bottom:5px;
}
h6{ line-height: 105%;
font-size: 93%;
font-weight: bold;
color: Navy;
background-color: transparent;
font-family: Verdana,Arial,Helvetica,sans-serif;
margin-bottom:5px;
}
span.letter {
	background-color: #FFF; 
	border: solid 1px #710000;
	display: inline;
	margin: 1px;
	padding: 3px;
}

ul { list-style-type: disc; 
list-style-position: outside;
}
ul.square { list-style-type: square;
list-style-position: outside;
}
li {
font-size: 100%;
line-height: 1.3em;
color: Navy;
}
span.testim {
font-size: 100%;
line-height: 1.3em;
color: #004180;
}
a:link { 
text-decoration: none; 
color:#710000; 
background-color: transparent;
	}
a:visited { 
text-decoration: none; 
color:#710000; 
background-color: inherit;
	}
a:hover, a:active { 
color: #A52A2A;
background-color: #fff4d9;  
text-decoration: none; 
	}

a.navlink { color:#000000; 
font-size: 90%;
text-decoration: none;
display: block; 
padding: 3px;
font-weight : bold; }

a.navlink:visited { color:#000000; background-color: inherit; text-decoration: none; }
a.navlink:hover { color:#A52A2A;  background-color: #FFF9EA;  text-decoration: none; }

.spacer {line-height: .5em;}
.oneemspacer{line-height: 1em;}
.clear{ clear: both;}

.header
{margin: 0px 0 0 0;
width: auto;
}
#pageHeader {
   position: relative;
	height:209px;
	border-bottom: none;
}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text*/
#pageHeader h1 { 
	background: transparent url(../images/hands3.jpg) no-repeat top left; 
	width: 220px; 
	height:209px; 
	float: left;
	}
#pageHeader h1 span {
	display:none
	}

#helen {
	position: absolute; 
	top: 10px;   
	left: 238px;
	margin-bottom: 10px;
	/*width: 96%;*/
	z-index:1; 
}

#maintextbox p.p2 {
	margin-top: -0.5em;
}
#maintextbox {
	margin: 18px 20px 0 230px; 
	padding: 8px 8px 5px 8px; 
	border: solid 1px #710000;
	background-color: #FFF9EA;
}
#maintextbox p{
	line-height: 1.2em;
	background-color: transparent;
	color: Navy;
}


#supportingText {
	margin:0px 80px 30px 25%;
	clear:left;
	}
#supportingText p{
	line-height:1.5em;
}


#footer {
   margin: 0 20px 0 230px;
	text-align: left;
	background-color:inherit;
	padding:6px 0;
	color:#369;
	font-size: 11px;
}
#footer a:link, #footer a:visited, #footer a:hover  { 
	text-decoration:none;
	font-size: 11px;
	background-color: transparent;
	color:#369;
	}
#footer a:hover { 
	text-decoration:underline;
	}
	

div.navbar { position: absolute;
top: 227px;
left:10px;
width:200px; 
color: inherit; 
background-color: #e9dfc0;
border-style : solid;
border-color: #710000;
border-width: 1px;
text-align: center; 
}

html>body div.navbar{ position: fixed; }
/*
div.nav { background-color: #710000;
color: inherit;
padding: .2em;
border-style: solid;
border-color: #710000;
border-width: 1px;
text-align: center;
margin-left: 5%;
margin-right:5%; 
}*/
img.photo{
	border: solid 1px #710000;
}
img.rfloat {
float: right; 
border: solid 1px #710000; 
margin: .5em 1.2em .5em 0.9em;  
 }
img.lfloat {
float: left; 
border: solid 1px #710000; 
margin: .5em 1em .5em 1em;  
 }

.rfloat {
	float: right; 
}
.lfloat{
	float: left;
}

.imgcenter{text-align: center;}

.nocss, .noshow, .tty, .printonly { display: none; }

#extraDiv1 {
	position: absolute; 
	top: 40px; 
	right: 0px; 
	width: 148px; 
	height: 110px; 
	}
	
/* add special speaking rule for aural browsers */
acronym {cursor : help;}
acronym.initials { font-size: inherit; } 
acronym.spellout { font-size: inherit; }