#body {

background-color: #3B3B3B;

margin-top: 20px;
margin-left: auto;
margin-right: auto;
font-family: monaco, sans-serif;

}

#wrapper {
width: 780px;
margin-left: auto;
margin-right: auto;

}

#banner {
margin-right: auto;
margin-left: auto;
padding: 0;
}


#nav {

margin: 0;
background-color: #AF9280;
width: 780px;
list-style: none;
text-align: left;
padding-top: .08em;
padding-bottom: .04em;

/* border: 3.5px;
border-style: ridge;
border-color: white; */


}

#nav li{

padding-top: 1em;
padding-bottom: 1em;
text-align: center;
background-color: #AF9280;
display: inline;
overflow: hidden;
}

#nav a:link {
text-decoration: none;
color: #EAEAEA;
font-size: 1.2em;


}

#nav a:hover{
font-weight: bold;
color: #3B3B3B;
}

#nav a:visited{
color: #EAEAEA;
}





#content {
width: 780px;
text-align: center;
background-color: #3B3B3B;
font-family: Tahoma, serif, SansSerif, Monospace;
color: #F4F8F9;
font-size: 1.5em;
}

#subCon {

width: 780px;
text-align: left;
background-color: #3B3B3B;
font-family: Tahoma, serif, SansSerif, Monospace;
color: #F4F8F9;
font-size: 1.5em;
}


#subCon a:link{
text-align: left;
background-color: #3B3B3B;
font-family: Tahoma, serif, SansSerif, Monospace;
color: #F4F8F9;
font-size: 1.5em;}

#subCon a:hover{
font-weight: bold;
color: #F4F8F9;
}

#subCon a:visited{
color: #F4F8F9;
}



#a {
color: white;
width: 760px;
height: 540px;
}

#a #pa{
color: white;

width: 300px;
float:right;
}



#a #imga {
color: white;

width: 450px;
float: left;
}


#b {
color: white;

width: 760px;
height: 450px;
text-align: center;
}

#b #imgb{
color: white;

width: 450px;
float: right;
}

#b #pb{
color: white;

width: 300px;
float: left;

}

#c
{
color: white;
}

#c #imgc{
color: white;

text-align: center;
}




#footer {
width: 770px;
padding-top: 10px;
padding bottom: 20px;
padding-left: 10px;
padding-right:10px;
clear: both;
background-color: #AF9280;
color: #3B3B3B;
text-align: center;
font-size: .5em;
}

#footer a:link {
background-color: #AF9280;
color: #3B3B3B;
text-align: center;
font-size: .7em;}