/* for IE  */

html {
   font-size: 100%;
}

td, input, select, textarea, button {
    font-size: 1em;
}
/* end for IE */

div {
    margin: 0;
    padding 0;
}

body {
   margin: 0;
   padding: 0;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 1em;
  /*   background-color: #ffffe0; */
   background-color: #aeaeae;
   color: black;
   text-align: center;
}

div.header, div.header_stew {
   margin: 0px;
   padding: 0px;
   width: 800px;
   margin-left: auto;
   margin-right: auto;
   background-color: yellow;
}

a img {
    border: 0;
}

img {
    border: 0;
    vertical-align: bottom;
}

div.titlelogo a:link,
div.titlelogo a:visited,
div.titlelogo a:active
{
    padding: 0px;
    margin: 0px;
    display: inline;
}

a:link img,
a:visited img,
a:active img,
img
{
    padding: 0px;
    margin: 0px;
    display: inline;
}

h1
{
    font-size: 1.3em;
}

h2
{
    font-size: 1.1em;
}

h3
{
    font-size: 0.9em;
}

h4
{
    font-size: 0.7em;
}

.footer {
    font-family: "Times New Roman", Times, serif;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.8em;
    height: 14em;
    background-color: white;
}

.address td {
    text-align: left;
}

<!-- well known clearfix hack -->

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}
 
.clearfix {
   display: inline-block;
}
 
html[xmlns] .clearfix {
   display: block;
}
 
* html .clearfix {
   height: 1%;
   overflow: visible;
}

div.clear {	
   clear:both;
}

div.spacer {
    width: 800px;
    clear: both;
    height: 2px;
}

div.spacer2 {
    clear: both;
}

/* clearfix hack to clear floats */

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}
 
.clearfix {
   display: inline-block;
}
 
html[xmlns] .clearfix {
   display: block;
}
 
* html .clearfix {
   height: 1%;
   overflow: visible;
}


div.title_03 {
   width: 800px;
   height: 160px;
   margin-left: 0px;
}

#5picbanner {
    width: 800px;
    height: 100px;
}

div.welcoming {
   padding-top: 30px;
   padding-right: 6px;
   float:right;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 1.2em;
}

div.menuandcontent{
   width: 800px;
   height: 1080px;
   margin-top: 0px;
   margin-left: auto;
   margin-right:auto;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 1em;
   background-color: white;
}

/* Menu 1 */

#menu_1  {
    height: 2em;
    background-color: #6495ed;
    width: 800px;
    margin: 0px  auto;
}

#menu_1 ul {
   list-style-type: none;
   margin: 0px;
   margin-left: 0px;
   padding: 0px;
}


#menu_1 li, #menu_1 li a:link, #menu_1 li a:visited
{
    color: white;
    float: left;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.8em;
    font-weight: bold;
    white-space: nowrap;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
}


#menu_1 #menu1-level1-yellow a:link,
#menu_1 #menu1-level1-yellow a:visited,
#menu_1 #menu1-level1-yellow
{
        color: red;
        background-color: yellow;
}


#menu_1 li a:active, #menu_1 li a:hover
{
    color:  #6495ed;
    background-color: #feffff; /* does not like white */
}

#menu_1 li.menu1-level1-act a:link, 
#menu_1 li.menu1-level1-act a:visited
{
    background-color: white;
    color: #6495ed; 
}


/* Menu 1 level-2*/


ul.menu1-level2 li {

    border-style: solid;
    border-width: 0px;
    margin: 0px;
    clear: both; /* removes the inherited float: left */
}

/*****************************/

div.menu {
 
	float:left;
	text-align: left;
	width: 180px;
	padding-top: 0px;
	background-color: #DDDDDD;
	z-index: 10;
}


div.address {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    float:left;
}

div.address p  {
    clear: left;
    float: left;
    width: 350px;    
    margin: 0px;
    padding-left: 20px;
    text-align: left;
}


#userfee a
{
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 20px;
    margin-right: 30px;
    background-color: orange;
    color: #feffff;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none;
    float: right;
}

hr {
    color = #FFCC00;
}


h3.csc-firstHeader
{
    padding-top: 0.8em;
    margin-top: 0;
}

div.stewardshiptitle {
    font-family: "Times New Roman", Times, Georgia, "Bitstream Vera Serif", serif;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    color: green;
    margin-top: 50px;
    margin-left: 50px;
    float: left;
}

div.visitortitle {
display: inline;
    font-family: "Times New Roman", Times, Georgia, "Bitstream Vera Serif", serif;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    color: green;
    margin-top: 60px;
    margin-left: 100px;
    float: left;
}

.content-normal .csc-textpic-clear {
   clear: none;
}


