/* CSS Document */

body{
background-color:#CCCCCC;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
font-size:100%;
}

#wrapper {
width: 720px;
background-color: #FFFFFF;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
border: 2px solid #B43288;
}

#banner {
height: 160px;
width: 720;
background-image:url(images/deaconcenter.jpg);
background-repeat:no-repeat;
background-position:center;
}

#nav {
border-top: 1px solid #B43288;
border-bottom: 1px solid #B43288;
}

#nav ul{
padding: 0px;
margin: 0px;
color: #F1932F;
}

#nav ul li{
display: inline;
padding: 0px;
margin: 0px;
}

#nav ul li a{
font-size: 77%;
color: #FFFFFF;
background-color: #B43288;
text-decoration: none;
padding: 0px 15px 0px 15px;
border-right: 1px solid #B43288;
text-align: center;
width: 9em;
}

#nav ul li a:hover, #nav ul li a:focus{
background-color: #F1932F;
color: #1E4D9B;
}

#nav2 {
border-bottom: 1px solid #FF0000;
}

#nav2 ul{
padding: 0px;
margin: 0px;
color: #FF0000;
}

#nav2 ul li{
display: inline;
padding: 0px;
margin: 0px;
}

#nav2 ul li a{
font-size: 80%;
color: #FFFFFF;
background-color: #0000FF;
text-decoration: none;
padding: 0px 15px 0px 15px;
border-right: 1px solid #0000FF;
text-align: center;
width: 9em;
}

#nav2 ul li a:hover, #nav ul li a:focus{
background-color: #FFFF00;
color: #0000FF;
}

#content {
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
}

#content p{
font-size: 100%;
margin: 20px;
} 

#content h1{
font-size: 130%;
color: #000000;
padding: 0;
margin: 20px;
}

#content h2{
font-size: 110%;
color: #000000;
padding: 0;
margin: 20px;
}

div.sidebar {
  border-top: 4px groove #EEE;
  border-bottom: 4px groove #EEE;
  width: 260px;
  float: right;
  padding-left: 10px;
  margin-left: 10px;
  background: #F5F5F5;
  font-size: 80%;
}

#footer{
border-top: 1px solid #B43288;
background-color: #B43288;
color: #FFFFFF;
} 

#footer p{
clear: both;
font-size: 75%;
margin: 0; 
color: #FFFFFF;
text-align: center;
padding: 3px; 
}

#footer p a{
font-size: 100%;
color: #FFFFFF;
background-color: #B43288;
text-decoration: none;
}

#footer p a:hover, #footer p a:focus{
color: #1E4D9B;
}