body {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-family: verdana,arial,sans-serif;
    line-height: 1.5em;
    background-color: #3366ff;
    }
    
    #pagecontainer {
    margin: 0 auto;
    width: 780px;
    background: #ffffff;
	border: 1px solid #000000;
    }
    
    #header {
    font-family: times,verdana,arial,sans-serif;
    background: white none repeat scroll 0% 50%;
    padding-top: 10px;
    }
    
    #header h1 {
    margin: 0;
    padding-top: 15px;
    }
    
    #header table {
    margin: 0 auto;
    text-align: center;
    width: 98%;
    border-width: 1px 1px 1px 1px;
    border-spacing: 2px;
    border-style: outset outset outset outset;
    border-color: #999999 #999999 #999999 #999999;
    border-collapse: separate;
    background: #ffffff;
    }

    #header td {
    vertical-align: middle;
    text-align: center;
    border-width: 1px 1px 1px 1px;
    padding: 0px 0px 0px 0px;
    border-style: inset inset inset inset;
    border-color: #999999 #999999 #999999 #999999;
    background-color: #ffffff;
    }

    #header td.side {
    width: 150px;
    vertical-align: middle;
    text-align: center;
    border-width: 1px 1px 1px 1px;
    padding: 0px 0px 0px 0px;
    border-style: inset inset inset inset;
    border-color: #999999 #999999 #999999 #999999;
    background-color: #ffffff;
    }

    #menu {
    margin: 0 auto;
    padding: 0;
    width: 763px; /*width has to equal sum of menu blocks plus border plus margins*/  
    list-style-type: none;
    }

    #menu li {
    float: left;
    width: 108px;
    border-left: 1px solid #ffffff;
    margin-top: 8px;
    }

    #menu a, #menu a:link, #menu a:visited {
    display: block;
    width: 108px;
    color: #ffffff;
    background: #3366ff;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    overflow: hidden;
    float: left;
    }

    #menu a:hover {
    background: #0033cc;
    }
    
    #menu a.current, #menu a.current:link, #menu a.current:visited, #menu a.current:hover {
    background: #0033cc;
    }
    
    #menu a.jubilee, #menu a.jubilee:link, #menu a.jubilee:visited {
    background: #EEB422; /*goldenrod2 #EEB422*/
    }

    #menu a.jubilee:hover {
    background: #CD9B1D; /*goldenrod3 #CD9B1D*/
    }

    #menu a.current.jubilee, #menu a.current.jubilee:link, #menu a.current.jubilee:visited, #menu a.current.jubilee:hover {
    background: #CD9B1D;
    }

    #submenu {
    margin: 0 auto;
    padding: 0;
    width: 363px; /*width has to equal sum of menu blocks plus border plus margins*/  
    list-style-type: none;
    }

    #submenu li {
    float: left;
    width: 120px;
    border-left: 1px solid #ffffff;
    margin-top: 8px;
    }

    #submenu a, #submenu a:link, #submenu a:visited {
    display: block;
    width: 120px;
    color: #ffffff;
    background: #cc66ff;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    overflow: hidden;
    float: left;
    }

    #submenu a:hover {
    background: #9900ff;
    color: #ffffff;
    }
    
    #submenu a.current, #submenu a.current:link, #submenu a.current:visited, #submenu a.current:hover {
    background: #9900ff;
    }

    #pagecontentsection {
    text-align: justify;
    margin: 0px 60px 0px 60px; /*top right bottom left*/
    }

    #pagecontentsection h2 {
    color: #ff3300;
    }

    #footer {
    clear: both;
    margin: 0px 10px 5px 10px;
    padding: 4px;
    background: #ffffff;
    text-align: left;
    }
    
    .padout5{ /* to be used with <p class="padoutxx">&nbsp</p> */
  	margin-bottom:5em;
	}
	.padout10{
  	margin-bottom:10em;
	}
	.padout20{
 	margin-bottom:20em;
	}
	.padout30{
  	margin-bottom:30em;
	}