/* fixed menu style Pages 331-332 in my CSS Bible*/

body {
margin: 0;
padding: 0;
background-color:#FFC;
background-image:url(../images/gradient2.jpg);
background-repeat:repeat-y;
color:#900;
font-family:"Myriad Web Pro", "Myriad Web Pro Condensed", Myriad, Verdana, Arial, sans-serif;
}
#nav {
position:absolute;
top: 1em;
left: 0;
width: 12em;
}
body > #nav {
position: fixed;
}
#nav ul {
list-style: none;
margin-left: 1em;
padding-left: 0;
}
#nav li {
font-weight:bold;
font-size: 90%;
line-height: 200%;
margin-bottom: 0.3em;
}
#nav a:link, #nav a:visited {
text-decoration:none;
color: #2A4F6F;
background-color: transparent;
}
#nav a:hover {
color: #FFF;
}
#nav li a:link, #nav li a:visited {
text-decoration:none;
color: #2A4F6F;
background-color: transparent;
}
#nav li a:hover {
color: #FFF;
}
#content {
margin: 3em 2em 0 10em;
width: 45em;
}
#content ul {
margin-left: 2em;
padding-left: 0;
}
#content li {
	font-size: 90%;
	line-height:120%;
	margin-bottom: 0.3em;
}
h1 {
font: 150% Georgia, "Times New Roman", Times, serif;
}
h2 {
font: 130%;
}
#content p {
font-size: 90%;
line-height: 1.6em;
padding-left: 1.2em;
}
#content a:link, #content a:visited {
text-decoration:none;
color: #857fd1;
background-color: transparent;
font-weight:bold;
}
#content a:hover {
color: #FFF;
background-color: #857fd1;
}
.rightimagecontent {
	float:right;
	padding-left: 16px;
	padding-bottom: 10px;
}
#image1 {
float: right;
width: 260px;
margin: 25px 3px 20px 20px;
}
#image1 p {
font-size:11px;
}
#image2 {
float: right;
width: 252px;
padding: 25px 0 30px 30px;
}
#image2 p {
font-size:12px;
line-height: 10px;
padding-left: -30px;
padding-top: -10px;

}
#image3 {
float: right;
width: 321px;
padding: 25px 0 30px 30px;
}
#image3 p {
font-size:12px;
line-height: 10px;
padding-left: -30px;
padding-top: -10px;

}