body {
background-color: #ffffff;  
text-align: center;  /* centering layout in IE */
color: #777777;
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
margin: 0px;
padding-top: 2px;
}


/* ----------container for centering the layout-------------- */
#container {
width: 550px;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
}

/* ----------banner-------------- */
#banner {
background-color: #808080;
width: 550px; /* width of top image */ 
height: 0px;
text-align: right;
padding: 0px;
margin: 0px;
}

#banner img {padding:0px 0px;} 

/* -----------------main content--------------------- */
#content {
background-color: #e7e8e9;
padding: 0px;
margin-left: auto;
margin-right: auto;
}
div#content { 
width: 550px;
height: 100%;
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* ------ general content styling ------ */
h1 {    /* top and bottom caps */
font-size: 11px;
text-transform: uppercase;
background-color: #e7e8e9;
height: 0px;
border-top:0px;
border-bottom:0px;
margin:0px }
}

h2 {    /* main content headlines */
padding-left: 10px;
margin: 0px 4px 0px 4px;
border: 0px 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.2em;
letter-spacing: 2px;
text-align: left;
text-transform: uppercase;
padding-left: 420px;
margin: 0px 0 0px 0;
color: #662d91;
}

h4 {    /* smaller main content headlines */
font-weight: bold;
font-size: 1.1em;
letter-spacing: 2px;
text-align: left;
padding-left: 620px;
margin: 10px 3px 4px 15px;
color: #d037a2;
}

p {      /* main content text */
padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:5px ;
margin: 0;
line-height: 170%;
font-size: 1.2em;
}

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

img { 
border: 0px none; 
}

.credit { 
font-size: 75%; 
color: #9D43B3;
}


/*--------------link styling---------------*/ 
a:link { 
text-decoration: none; 
color: #7b0046; 
} 

a:visited { 
text-decoration: none; 
color: #7b0046;

a:hover, a:active { 
text-decoration: none; 
color: #f7941d; 
border-bottom: 0px; 
} 

.image a:link, .image a:visited, .image a:hover, .image a:active { 
border: 0px none; 
}


/* --------------navigation------------- */
#left {
float: center;
width: 800px;
margin: 0px;
padding: 0px;
}


/* -----------footer--------------------------- */
#footer {
clear: both;
margin-right: 130px;
padding: 0px;
text-align: right; }