body
{
background-color: #ffffff; /*white*/
color: #000080;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

img
{
max-width: 100%;
height: auto;
border:3px solid #ffffff; /*white*/
}

/* Start of Horizontal Menu ----------------------------------------------------- */
#nav ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    background-color: #0000ff;   /*Add a color to the entire menu*/    /* Colour Blue */
    box-shadow: 1px 1px 0px #888888; }  /*Add shadow*/


#nav li {
        display: inline-block;
        margin: 5px 0px 5px 50px; }  /* Horizontal*/


#nav li a {
        display: block;  /*Force the list to expand to contain the links, add some padding around each link, and apply a link text color*/
        padding: 10px 5px;
        color: #00ccff;
        text-shadow: 3px 2px 3px #333333;
        text-decoration: none;  }  /* Text colour*/


#nav li a:hover
{
background: #bbbbbb; /*Hover color*/
color: #ffffff; /*Hover text color*/
}
/* End of Horizontal Menu --------------------------------------------------------*/

h1
{
position: relative;
top: 30px;
margin-left: 100px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size: 17pt;
font-weight: bold;
font-style: italic;
color: #0200fc;
background-color: #ffffff;
}

p
{
position: relative;
top: 20px;
margin-left: 100px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size: 12pt;
font-weight: normal;
font-style: normal;
color: #0200fc;
background-color: #ffffff;
}

/*start of w3s position*/
#w3cxhtml
{
position: relative;
margin-top: 70px;
left: 100px;
width: 88px;
}

#w3css
{
position: relative;
top: 34px;
left: 200px;
width: 88px;
}
/*end w3c position*/

h2
{
margin-top: -50px;
margin-left: 300px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size: 10pt;
font-weight: bold;
font-style: italic;
text-indent: 0px;
color: #AAAAAA;
background-color: #ffffff;
}

h3
{
margin-top: 15px;
margin-left: 100px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size: 10pt;
font-weight: bold;
font-style: italic;
text-indent: 0px;
color: #AAAAAA;
background-color: #ffffff;
}

#videopage
{
position: relative;
top: 50px;
left: 100px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size: 17pt;
font-weight: bold;
font-style: italic;
color: #0200fc;
}

/*start of w3c position*/
#w3cxhtml
{
position: relative;
top: 5px;
left: 100px;
width: 88px;
}

#w3css
{
position: relative;
top: -26px;
left: 200px;
width: 88px;
}
/*end w3c position*/


#eXTReMe4
{
position: relative;
top: -490px;
left: 930px;
width: 88px;
}

@media screen and (max-width: 500px) {  /* Force the menu to grow to the full width of the screen */

#nav li {
    display: block;
        border-bottom: 1px #aaaaaa solid; }


li:last-child {
    border-bottom: none; } }

#nav li a   {
    text-decoration: none;  }


#nav li a:hover
{
    background: #0066ff; /*Hover color background*/
    color: #ffffff; /*Hover text color*/
    list-style: none;
    border-radius: 30px; }

div#nav a#current
{
    background-color: #0066ff; /*Current page backround link*/
    color: #ffffff; /*Text color when on current page*/
    list-style: none;
    border-radius: 30px; }