@media  screen {
  body{ 
        margin:0;
        padding:0;
        background-color: #aaaaaa;
        text-align: center;        
        }
   #centre {
        width: 772px;
    	margin: 0;
        background-color: #daa520;
        text-align: justify;
        font-size: 95%;
    }
    
    p {
        line-height: 120%;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-family: sans-serif;
        color: #0066cc;
    }
    
    h1 {
        text-align: center;
        font-family: "Arial Black", Arial, sans-serif;
        font-weight: bold;
    }
    
    h2,h3,h4,h5,h6 {
        text-align: left;
    }
    
    h1#banner {
        height: 100px;
        width: 772px;
        line-height: 85%;
        margin: 0 ;
    }
    h1#banner span {
        font-family: "Arial Black", Arial, sans-serif;
        text-align: right;
        color: #fbd40c;
        position: relative;
        right: 20px;
        top: 15px;
        visibility: hidden;
    }
    .content {
        clear: both;
        text-align: justify;
        margin: 0 30px;
        padding: 2ex 0;
    }

  div#content p{ 
                 text-align: center;
                 }
div#content p.left{ 
                    
                    text-align: left;
 }
  div#what p, div#mad p{text-align: justify;}
    ul.menu li {
        float: left;
        list-style: none;
      padding: 10px;

        background-color: #000;
        font-family: sans-serif;
        font-weight: bold;
    }
    ul.menu li a:link {
        color: #ffffff;
        background-color: #000000;
        text-decoration: none;
        font-weight: bold;
    }
    ul.menu li a:active {
        color: #ff0000;
        background-color: #000000;
        text-decoration: none;
        font-weight: bold;
    }
    ul.menu li a:visited {
        color: #ffffff;
        background-color: #000000;
        text-decoration: none;
        font-weight: bold;
    }
    ul.menu li a:hover {
        color: #0066cc;
        background-color: #000000;
        text-decoration: none;
        font-weight: bold;
    }

  ul.menu{ 
 
           border-right: 30px solid #000;
           border-left: 30px solid #000;
           margin: 0;
           padding: 0;
           height: 38px;
           font-size: 80%;
           }

    .feature h2 {
        font-family: sans-serif;
        font-size: 120%;
        text-align: center;
        border-bottom: thin solid #000000;
    }
    .feature-left h2, .feature-right h2 {
        font-family: sans-serif;
        font-size: 120%;
        text-align: left;
        border-bottom: thin solid #000000;
    }
   .feature-left *, .feature-right *, .feature * {
        padding: 0.5ex;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
        margin-left: 0.5em;
        list-style-position: outside;
    }
    .feature {
               float: clear;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10px;
        margin-bottom: 1em;
        padding: 0;
        background-color: #fbc641;
        display: block;
        width: 710px;
        text-align: left;
    }
    .feature-left, .feature-right {
        margin: 0;
        padding: 0;
        background-color: #fbc641;
        display: block;
        width: 35%;
        text-align: left;
    }
    .feature {
        float: none;
        clear: both;
        margin-left: 0ex;
        margin-right: 0ex;
    }
    .feature-left {
        float: left;
        margin-right: 4ex;
    }
    .feature-right {
        float: right;
        margin-left: 4ex;
    }
    
    ul.switch-style {
        position: absolute;
        top: 0;
        list-style-type: none;
        background-color: transparent;
        color: #ffffff;
        padding-left: 0;
        text-align: left;
        font-size: 60%;
    }
    a:link {
        color: #0066cc;
        text-decoration: none;
        font-weight: bold;
    }
    a:visited {
        color: #0066cc;
        text-decoration: none;
        font-weight: normal;
    }
    a:hover {
        color: #0066cc;
        text-decoration: underline;
    }
    a:active {
        text-decoration: none;
        color: #cc6600;
    }
    a.switch-style, a.switch-style:link, a.switch-style:hover, a.switch-style:visited, a.switch-style:active {
        background-color: transparent;
        color: #ffffff;
        text-decoration: none;
        font-family: sans-serif;
        text-align: left;
    }
    a.switch-style:hover {
        font-size: 170%;
        background-color: #000000;
        color: #ffffff;
    }
    a.switch-style:hover:after {
        content: ": " attr(title);
        background-color: #000000;
        color: #ffffff;
    }
    
    .inspire {
        font-family: "Arial MT Black", "Arial Black", fantasy;
        font-weight: bold;
        font-size: 120%;
    }
    
    ul.inspire {
        margin-left: 8em;
    }
    
    .afw {
        font-family: "Arial Black", sans-serif;
        font-weight: bold;
    }
    
    .feature .quote {
        font-weight: bold;
        text-align: center;
    }
 /*   .feature p.cite {text-align: centre;
              background-color: red;
    }
*/
   #links {float: left; width: 53%; text-align:left;}

  #links h3{line-height:85%;}
  #links p.linkdesc{padding: 0; margin: 0;text-align:left;}

/*diversity.html line up dots when only links div.*/
#linksOnly ul.links{ 
               margin-left: 50px;
  }


   .links li a:link {
        font-weight: normal;
    }

/*
    .feature .links {
        margin-left: auto !important;
    }
*/  
    .pagemenu {
        font-size: 120%;
        font-family: "Arial Black", sans-serif;
        text-align: center;
        clear: both;
    }
/*   ul.dyk {
        list-style-type: square;
    }
Removed to add all div ul's as square.
*/ 
  ul.square{ 
             list-style-type: square;
             
 }
  ul.square li *{ 
                  padding: 0;
                  margin: 0;

                  }
/*the wildcard can cause some unseen problems the next rule had to be fully specified to get the margin moving*/
 ul.square li ul.listInList{ 
                margin-left: 10px;

  }
/*end added styles*/

}