body {
font-family:Arial; Arial; Times New Roman;
font-size:.8em;
background:#FAFAFA url(http://209.85.12.232/4537/33/upload/p20131.gif) repeat-x fixed 0%;
background-position:top;
color:#555555;
}
a, a:link, a:visited, a:active {
color:#339933;
text-decoration:none;
}
a:hover {
color:#33AA33;
text-decoration:none;
}
#container {
width:85%;
margin-left:3%;
padding:1%;
border:2px solid #CCCCCC;
background-color:#f6f6f6;
margin 0 auto;
}
#header {
margin-bottom:5px;
height:75px;
padding-top:5px;
color:#f9f9f9;
font-size:1.1em;
font-weight:bold;
background-image:url(images/choirlogo.jpg);
background-repeat:no-repeat;

}
#nav {
width:22%;
border:1px solid #DDD;
float:left;
padding:1px;
margin-bottom:5px;
background-color:#FAFAFA;
}
#nav ul { padding:0; margin:1%; }
#nav li {
list-style:none;
font-size:1.0em;
font-weight:bold;

display:block;
margin-top:1.5%;
border:1px solid #DDD;
background:url(http://img107.imageshack.us/img107/6328/fafafacopysk9.png) repeat-x scroll left bottom
}
#nav li a { display:block; padding:1%; }
#nav li:hover { border-bottom:1px solid #BBB; border-right:1px solid #BBB; border-left:1px solid #E0E0E0; border-top:1px solid #E0E0E0; }
#main {
width:auto;
margin-left:23%;
border:1px solid #DDD;
padding:2px;
background-color:#FAFAFA;
}
#footer {
clear:both;
margin-top:10%;
border:1px solid #DDD;
padding:1%;
text-align:center;
font-size:.8em;
background-color:#FAFAFA;
}