html, body 
{
   height: 100%;
   margin: 0 0 1px;
   padding: 0;
   overflow: scroll;
}

body
{
	color: navy;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    background-color: white;
}


/* Styles for new HTML5 semantic tags */

header
{
    width: 85%; 
    margin-top: 20px;
    margin-left: 1%;
}

header h1
{
    display:inline;
    margin-left: 1%;
}

article
{
    margin-left: 1%;
    position: static;
    overflow: visible;

    top: 106px; /*Set top value to HeightOfFrameDiv*/
    width: 85%; 
    left: 0;
    right: 0;
    bottom: 0;
    /*overflow: auto; */
    background: #fff;
}

section
{
	display: block;
}


/* gradient 1 */
.gradient1 h1 
{
   font: bold 300%/100% "Lucida Grande", Arial, sans-serif;
   position: relative;
   margin: 30px 0 50px;
   color: #708090;
}

.gradient1 h1 span 
{
   background: url("styleSheets/gradient-white.png") repeat-x;
   position: absolute;
   display: block;
   width: 100%;
   height: 31px;
}

img.logo
{
    float: right;
    vertical-align:middle;
} 

div.clear
{
    clear:both;
}

h3 
{
    color:darkred;
    font-weight: bold;
    font-size: 1.5em;
}

p  
{
    width: 80%;
    font-weight: normal;
}


.code 
{
    color: blue;
    font-family: courier;
    font-weight: bold;
    font-size: 13pt;
    background-color: white;
}