body {

background-color: #808080; 
background-repeat: top;
background-attachment: fixed;
background-position: 5% 80%; 

text-align: center;  /* centering layout in IE */

color: #000000;

font-family: "times new roman", serif;

font-size: 76%;

margin: 0;

padding: 0

}



html { 

scrollbar-base-color: #7FA4AB ;

scrollbar-arrow-color: #7FA4AB;

scrollbar-DarkShadow-Color: #000000;

scrollbar-Face-Color: #000000;

scrollbar-Highlight-Color: #666666;

scrollbar-Shadow-Color: #333333;

scrollbar-Track-Color: #e4ebec;

}



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



#container {

margin: 0 auto;  /* centering in firefox */

text-align: left;  /* reset left align after IE centering */

width: 950px;

font-size: 1.0em;

position: relative;

padding: 30px 0 0 0;  /* top padding to move down menu boxes */

}



.menubox {

width: 160px;

border: 3px solid #000000;

background-color: #85ADB3;

margin: 0 30px 20px 30px;

padding-top: 6px;

}



.menubox h4 {    /* =menubox headlines */

padding: 3px 10px;

margin: 0 4px;

border: 0px dashed #000000;

background-color: #85ADB3;

font-weight: bold;

font-size: 1.0em;

letter-spacing: 1px;

}





#maincontent {

position: absolute;

top: 0px; 

width: 713px;

min-height: 850px;

max-heignt: 5000px;

margin-left: 215px;

background: #7FA4AB url('layout/WOP_Banner_LD1.gif') no-repeat top center; /* banner & bkgrcolor */

padding-top: 163px; /* height of banner */

border-right: 3px solid #000000;

border-left: 3px solid #000000;

}





/* ------ 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: #000000;

padding: 1px 15px;

text-decoration: none;

border-top: 1px solid #000000;

border-bottom: 1px solid #000000;

}



.menubox a:hover {

color: #735B76;

background-color: #85ADB3;

border-top: 1px solid #000000;

border-bottom: 1px solid #000000;

}



.menubox a:active {

color: #887C88;

display: block;

padding: 1px 15px;

text-decoration: none;

border-top: 1px solid #000000;

border-bottom: 1px solid #000000;

}





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



a:link {

color: #000000;

text-decoration: none;

font-style: italic;

border-bottom: 0px dashed #000000;

border-top: 0px none;

}



a:visited {

color: #000000;

text-decoration: none;

font-style: italic;

border-bottom: 0px dashed #000000;

border-top: 0px none;

}



a:hover, a:active {

color: #333333;

text-decoration: none;

font-style: italic;

border-bottom: 0px dashed #000000;

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: 0px;
margin: 0px 30px 30px 30px;
border-bottom: 2px solid #000000;
border-right: 2px solid #000000;
border-left: 2px solid #000000;
border-top: 0px solid #000000;
background-color: #EBE92D; 
font-weight: bold;
font-size: 1.2em;
color: #000000;
letter-spacing: 2px;
text-align: center;
background-image: url('layout/art_bg.png');
}



h2 {    /* =main content headlines */

padding: 7px;

margin: 30px 30px 0px 30px;

border: 2px solid #000000;

font-weight: bold;

font-size: 1.2em;

background-color: #EBE92D;

background-image: url('layout/art_bg.png');

color: #000000;

letter-spacing: 2px;

text-align: center;

}



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.1em;

letter-spacing: 2px;

text-align: center;

padding: 0;

margin: 0px 30px 0px 30px;

background-color: #CCCCCC;

border-right: 2px solid #000000;

border-left: 2px solid #000000;

}



h4 {    /* =smaller main content headlines */

font-weight: bold;

font-size: 1.1em;

letter-spacing: 2px;

text-align: left;

padding: 0;

margin: 10px 3px 4px 15px;

}



p {      /* =main content text */

padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px ;

margin: 0;

line-height: 170%;

font-size: 1.2em;

}



#maincontent ul {      /* =main content lists */

list-style-image: url('sparkle.gif');

margin: 0;

line-height: 170%; padding-left:70px; padding-right:70px; padding-top:5px; padding-bottom:5px

}



img {

border: 0px none;

}



.credit { 

font-size: 12px; 

}