/*** Styles to display on a computer screen ***/
*
    { margin: 0;
      padding: 0;
      min-width: 0;
      border: 0;
      border-collapse: separate;
      border-spacing: 0;
      position: relative;}

html
    {position: static}


a img
    {border: none}

h1, h2, h3, h4
    {margin: 1ex 0 0.5ex 0}        

.CENTER, .CENTRE
    {display: block;
     margin-left: auto;
     margin-right: auto;}

.CLEAR
    {clear: both}

/*************** End Boilerplate *************************/

body
    {background-color: #000000;
     color: #ffffff;
     font-family: "Century Gothic", Geneva, Helvetica, Arial, sans-serif
     }
h1
    {margin: 0 auto 0 auto; text-align: center}

a          {color: #4169E1}
a:visited  {color: #8A2BE2}

h1, h2, h3, h4 {color: #C0C0C0; font-weight: normal; margin-bottom: 0;}

h2, h3, h4 {text-align:left; margin-bottom: 0; }

h1 {font-size: 200%; margin-top: 0; margin-left: 1ex; margin: 0 auto 0 auto; font-family: "Morpheus", "Century Gothic", Geneva, Helvetica, Arial, sans-serif;
    text-align: center}

h2 { margin-left: 0.5em; font-size: 200%}

h3 { margin-left: 0.75em; font-size: 150%}

h4 { margin-left: 1em; font-size: 125%}

ul li
    {list-style-type: none;
     background-image: url(../page/bullet.jpg);
     min-height: 16px;
     background-repeat: no-repeat;
     background-position: 4px 4px;
     padding-left: 20px
     }

p, ul
	{padding: 1ex 0 0 1em}

.CONTACT
    {margin: 0 auto 0 auto; text-align: center; padding: 0.5em}

#NAVIGATION li
    {}

/*#NAVIGATION li:hover
    {background-color: green}

#NAVIGATION .SELECTED, #NAVIGATION .SELECTED:hover
    {background-color: #ffffff}*/