/* CSS Document */

body {
background:url(images/bkgrd.jpg) no-repeat top center;
margin:0; 
font:small Arial, Helvetica, sans-serif}

#wrap {
width:90%;
} /* light purple IE only*/

#main {width: 80%;
float:right;
background: url(images/mainbg.gif) top repeat; 
margin-left:0px;
margin-top:225px; 
margin-right:8px;
margin-bottom:15px;} /*golden orange*/

#submain {
width: 90%; 
background: #F2EDFE; 
margin:10px; 
padding:9px;} /*light purple*/

#sidebar {
width:5%;
background:none;
float:right;
margin-top:250px;
margin-right:-1px;} /*light purple*/

#footer {
width:90%; 
height:30px;
margin-left:40px;
background: url(images/footer.gif) repeat;
float:left;}

#footer1 {
width:90%; 
height:30px;
margin-left:40px;
background: none;
float:left;
}

/* Elements*/


h2 {
font-size:20px;
font-family:Geneva, Arial, Helvetica, sans-serif; 
color:#AA2897;
font-style:italic;}

.par_header {
font-size:30px;
font:Geneva, Arial, Helvetica, sans-serif;
color:#000066; 
padding-top: 10px;}

p {
font:Georgia, "Times New Roman", Times, serif;
line-height:150%}

.emph {
font-style:italic; 
font-weight:bold}

img.border {
border: 1px solid #666; 
padding: 10px;} 


a.nav {
display:block; 
padding: 2px; 
text-decoration: none; 
width: 5em; 
margin: 2px; 
color:#000099; 
font-family:Verdana, Arial, Helvetica, sans-serif;}

a.nav:link, a.nav:visited {
background:#6699CC; 
border: 5px outset #efb57c;}

a.nav:focus, a.nav:hover {
background:#CC99FF; 
border: 5px outset #DAA670; 
color:red;}

a.nav:active {
background:#6699CC; 
border: 2px outset #CC99FF;}

.lessonphoto {
background-image: url(images/lessonphoto.gif); 
background-repeat:no-repeat; 
background-position: center center;}