body {
background-color: #BDA2B5; 
background-image: url('layout/lpbg.png');
text-align: center;  /* centering layout in IE */
color: #3E7AA0;
font-family: "arial narrow", serif;
font-size: 76%;
margin: 0;
padding: 0
}

} 

html { 
scrollbar-base-color: #845E79;
scrollbar-arrow-color: #BDA2B5;
scrollbar-DarkShadow-Color: #8D9961;
scrollbar-Face-Color: #845E79;
scrollbar-Highlight-Color: #4282AA;
scrollbar-Shadow-Color: #8D9961;
scrollbar-Track-Color: #BDA2B5;
}

/* ------ layout ------ */

#container {
margin: 0 auto;  /* centering in firefox */
text-align: left;  /* reset left align after IE centering */
width: 950px;
font-size: 1.2em;
position: relative;
padding: 300px 0 0 0;  /* top padding to move down menu boxes */
}

.menubox {
width: 210px;
border: 1px solid #845E79;
background-color: #BDA2B5; 
margin: 300 30px 20px 30px;
padding-top: 10px;
}

.menubox h4 {    /* =menubox headlines */
padding: 3px 15px;
margin: 0 4px;
border: 0px dashed #845E79;
background-color: #92A258;
font-weight: bold;
font-size: 1.3em;
letter-spacing: 1px;
}


#maincontent {
position: absolute;
top: 0px; 
width: 715px;
min-height: 850px;
max-heignt: 5000px;
margin-left: 215px;
background: #92A258 url('layout/Banner2_Lilipad.png') no-repeat top center; /* banner & bkgrcolor */
border-right: 0px dashed #845E79;
border-left: 0px dashed #845E79;
padding-top: 200px
}


/* ------ navigation ------ */

.menubox ul {
list-style-type: none;  /* removing list bullets */
padding: 2px 0 5px 0;
margin: 0 1px;
letter-spacing: 1px;
}

.menubox a:link, .menubox a:visited {
display: block;
color: #3E7AA0;
padding: 1px 15px;
text-decoration: none;
border-top: 0px solid #845E79;
border-bottom: 0px solid #845E79;
}

.menubox a:hover {
color: #8D9961;
background-color: #4282AA;
border-top: 0px solid #845E79;
border-bottom: 0px solid #845E79;
}

.menubox a:active {
color: #3E7AA0;
display: block;
padding: 1px 15px;
text-decoration: none;
border-top: 0px solid #845E79;
border-bottom: 0px solid #845E79;
}


/* ------ links ------ */

a:link {
color: #526D37;
text-decoration: none;
font-style: strong;
border-bottom: 0px dashed #DE9631;
border-top: 0px none;
}

a:visited {
color: #526D37;
text-decoration: none;
font-style: strong;
border-bottom: 1px dashed #DE9631;
border-top: 0px none;
}

a:hover, a:active {
color: #4282AA;
text-decoration: none;
font-style: strong;
border-bottom: 0px dashed #DE9631;
border-top: 0px none;
}

.image a:link {
border-bottom: 0px;
border-top: 0px none;
}

.image a:visited {
border-bottom: 0px;
border-top: 0px none;
}

.image a:hover {
border-bottom: 0px dashed #DE9631;
border-top: 0px none;
}

. image a:active {
border-bottom: 0px;
border-top: 0px none;
}

. image {
border: 0px none;
}


/* ------ general content styling ------ */

h1 {    /* =main content headlines */
padding: 6px;
margin: 30px 4px 20px 4px;
border-bottom: 2px dashed #845E79;
border-top: 0px none;
font-weight: bold;
font-size: 1.2em;
letter-spacing: 2px;
text-align: center;
}

h2 {    /* =main content headlines */
padding: 6px;
margin: 30px 4px 20px 4px;
border-bottom: 2px dashed #845E79;
border-top: 0px none;
font-weight: bold;
font-size: 1.2em;
letter-spacing: 2px;
text-align: left;
}

h2.toptitle {      /* =1st main content headline */
margin-top: 0; /* removing top margin on main title to align with banner */
}

h3 {    /* =smaller main content headlines */
font-weight: bold;
font-size: 1.2em;
letter-spacing: 2px;
text-align: center;
padding-left:70px; padding-right:70px; padding-top:5px; padding-bottom:5px ;
margin: 30px 0 10px 0;
}

h4 {    /* =smaller main content headlines */
font-weight: bold;
font-size: 1.2em;
letter-spacing: 2px;
text-align: left;
padding-left:70px; padding-right:70px; padding-top:5px; padding-bottom:5px ;
margin: 10px 3px 4px 15px;
}

p {      /* =main content text */
padding-left:70px; padding-right:70px; padding-top:5px; padding-bottom:5px ;
margin: 0;
line-height: 170%;
}

#maincontent ul {      /* =main content lists */
list-style-image: url('sparkle.gif');
margin: 0;
line-height: 170%; padding-left:70px; padding-right:70px; padding-top:10px; padding-bottom:10px
}

span {
border: 0px none;
float: left;
padding-left:70px; padding-right:70px; padding-top:5px; padding-bottom:5px ;
}

img {
border: 0px none;
}


.credit { 
font-size: 80%; 
}