body {
margin: 10px;
padding: 0;
font-family: Georgia, Times New Roman, serif;
color: rgb(127,79,30);
background-color: rgb(127,79,30);
background-image: url(background.gif);
background-position: 50% -50%; }

#topright {
height: 85px;
max-width: 50em;
margin: 0 0 0 150px;
padding: 0;
border-bottom: 4px black solid;
border-left: 4px black solid;
}

#topleft {
height: 85px;
width: 150px;
margin: 0;
padding: 0;
border-bottom: 4px black solid;
position: absolute;
top: 10px;
left: 10px;
}

#bottomright {
max-width: 50em;
margin: 0 0 0 150px;
padding: 0;
border-left: 4px black solid;
}

#bottomleft {
height: 85px;
width: 150px;
margin: 0;
padding: 0;
position: absolute;
top: 99px;
left: 10px;
}

#fixed {
	z-index:100;
	position:fixed
}

h1.index {margin: .25em 0 0 0;
padding: 0;
color: rgb(128,0,0);
font-size: 1.75em;
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
letter-spacing: .15em;
text-shadow: 2px 2px 2px rgb(0,0,0);
}

#header {
width: 90%;
height: 50px;
margin: 33px auto 0 0;
padding: 0 1em 0 1em;
float: left; 
border-top: 2px black solid;
border-right: 2px black solid;
background-color: rgb(255,255,166);
background-repeat: no-repeat;
background-position: 0px 50%;
background-image: url(header.gif); 
}

#headerindex {
width: 90%;
height: 54px;
margin: 33px auto 0 0;
padding: 0 1em 0 1em;
float: left; 
border-top: 2px black solid;
border-right: 2px black solid;
background-color: rgb(255,249,242);
}

#navlist {margin: 1em 0 0 15px;
padding: 0;
list-style-type: none;
}

#navlist li {
margin: 0 0 .5em 0;
}

#navlist a {
display: block;
width: 100px;
padding: .1em 5px .1em 5px;
border: 1px black solid;
background-color: rgb(151,151,36);
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
color: rgb(64,40,16); 
}

#navlist a:hover {
background-color: rgb(255,127,0);

}

#navlist a.active {
width: 133px;
padding: .1em 0em .1em 5px;
border-right: 0px;
border-top: 1px black solid;
border-left: 1px black solid;
border-bottom: 1px black solid;
background-color: rgb(255,249,242);
color: rgb(127,79,30);
 }

#info {
display: block;
width: 100px;
margin: 2em 0 0 15px;
padding: .5em 5px 0 5px;
border: 1px black solid;
background-color: rgb(255,255,166);
}

#info p {
text-align: center;
font-size: .8em;
margin: 0;
padding: 0 0 .5em 0;
}

#padding {
height: 50px;
}

p.footer {width: 80%;
margin: auto;
text-align: center; 
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
border-top: 1px black solid;
padding-top: 1em;
margin-top: 1em; }

p.index {text-align: justify;
font-size: 1em;
line-height: 120%;
}

#contentindex {
width: 90%;
margin: 0 auto 0 0;
padding: 1em;
border-right: 2px black solid;
border-bottom: 2px black solid;
background-color: rgb(255,249,242);
}

#content {
width: 90%;
margin: 0 auto 0 0;
padding: 1em;
border-right: 2px black solid;
border-bottom: 2px black solid;
background-color: rgb(255,249,242);
background-repeat: no-repeat;
background-image: url(watermark.gif);
background-position: 50% 50%; }
}

#footer {clear: both;
}

p.footer {
width: 80%;
margin: auto;
text-align: center; 
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
border-top: 1px black solid;
padding-top: 1em;
margin-top: 1em; }

p.footer a {
padding: .1em 1em;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: rgb(128,0,0);
}

p.footer a:hover {
background-color: rgb(128,0,0);
color: rgb(255,235,216);
}




#logo-maybe {
width: 135px;
height: 75px;
margin: 0;
padding: 0;
background-image: url(bgc-logo.gif);
background-position: 50% 50%;
background-repeat: no-repeat;
}

.right {
float: right;
width: 222px;
margin: 0 1em .1em .5em;
text-align: center;
font-style: italic;
font-size: .8em;
}

.right img {
margin: 5px;
}

.left {
float: left;
width: 222px;
margin: 0 1.5em .1em 0;
padding: 0 0 15px 0;
text-align: center;
font-style: italic;
font-size: .8em;
}

.left img {
margin: 15px;
}

img.border {

border: 1px black solid;
}

h1 {
margin: .25em 0 0 0;
padding: 0;
color: rgb(128,0,0);
font-size: 1.75em;
text-align: right;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: lighter;
letter-spacing: .15em;
text-shadow: 2px 2px 2px rgb(0,0,0);
}

h1.index {
margin: .25em 0 0 0;
padding: 0;
color: rgb(128,0,0);
font-size: 1.75em;
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
letter-spacing: .15em;
text-shadow: 2px 2px 2px rgb(0,0,0);
}

h2 {
margin: 0em 0em .5em 0em;
padding: 0;
color: rgb(217,54,54);
font-size: 1em;
text-align: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bolder;
text-transform: uppercase;
}

p {
margin: 0;
padding: 0 0 1em 0;
font-size: .9em;
text-align: left;
line-height: 150%; 
color: rgb(38,19,0);
}

p.index {
text-align: justify;
font-size: 1em;
line-height: 120%;
}

p.center {
text-align: center;
}

#content li {
margin: 0;
padding: 0 0 1em 0;
font-size: .9em;
text-align: left;
 
line-height: 150%; 
color: rgb(38,19,0);
}

a {
display: inline;
}

a:link {
color: rgb(217,54,54);
}

a:visited {
color: rgb(128,0,0);
}

a:hover {
background-color: rgb(217,54,54);
color: rgb(255,235,216);
text-decoration: none;
}

a:active {
background-color: rgb(217,54,54);
color: rgb(217,54,54);
text-decoration: none;
}


p.index1 {text-align: justify;
font-size: 1em;
line-height: 120%;
}