body {
background-color: #9F9F9F; 
background-image: url('layout/jmc_metal4-2.png');
background-repeat: top;
background-attachment: fixed;
background-position: 5% 80%; 
z-index: 3; 
text-align: center;  /* centering layout in IE */
color: #000000;
font-family: "times new roman", serif;
font-size: 76%;
margin: 0;
padding-right: 350px;
}

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: 900px;
font-size: 1.0em;
position: relative;
padding: 400px 2px 30px 0px;  /* top padding to move down menu boxes */
}


#maincontent {
position: absolute;
top: 0px; 
width: 1000px;
min-height: 850px;
max-heignt: 5000px;
margin-left: 215px;
background: #FFFFFF url('layout/JMC_LiquidSunshine.png') no-repeat top center; /* banner & bkgrcolor */
padding-top: 400px; /* height of banner */
border-right: 3px solid #000000;
border-left: 3px solid #000000;
z-index: 1; 
}

.menubox {
width: 160px;
border: 3px solid #000000;
background-color: #FFFFFF;
margin: 0px 0px 20px 30px;
padding-top: 6px;
z-index: 2;
}

.menubox h4 {    /* =menubox headlines */
padding: 3px 10px;
margin: 0 4px;
border: 2px solid #000000;
background-color: #EBE92D;
font-weight: bold;
font-size: 1.0em;
letter-spacing: 1px;
}


/* ------ 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: #F4F37A;
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 0px 10px 0px;
border-bottom: 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;
}

h2 {    /* =main content headlines */
padding: 7px;
margin: 30px 4px 10px 4px;
border: 2px solid #000000;
background-color: #EBE92D;
font-weight: bold;
font-size: 1.2em;
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: 30px 0 10px 0;
}

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
}


/*----Images----*/

	
img {
border: 0px none;
}

.credit { 
font-size: 12px; 
}