/* --- CSS for MCS schools sites -                                       ---  */
/* --- Gilbert Laycock (gtl1@mcs.le.ac.uk)                               ---  */
/* --- (C) University of Leicester, 2005                                 ---  */
/* --- Time-stamp: <2006-03-29 14:50:37 gtl1>                            ---  */
/* --- SVN: $Id: mcsweb.css 252 2006-03-30 16:08:00Z gtl1 $ ---  */
div.mcs-content {
     float:left;
     width:77%;
     padding:0.75em;
     top:50px;
     position:absolute;
     left:0.5em;
     right:auto;
}

div.mcs-nav {
     float:right;
     width:19%;
     padding:0.75em;
     position:fixed;
     top:50px;
     left:auto;
     right:0.5em;
}

div.mcs-head {
     width:100%;
     position:fixed;
     z-index:1;
     background-color:#ffffff;
     padding-bottom:0.5ex;
}

div.mcs-foot {
     position:fixed;
     z-index:1;
     background-color:#ffffff;
     padding-top:0.5ex;
     bottom:0;
     clear:both;
}

.sitelist {
  font-weight: bold;
  font-style: italic;
  font-family: sans-serif;
  font-size: 160%;
  display: block;
  padding: 0 0.5em;
  list-style: none;
}
.sitelist li {
  border: 2px solid #fff;
  background-color: #336666;
  color: #ffffff;
  padding: 0 0.5em;
}
.sitelist a:link, .sitelist a:visited {
        color: #ffffff;
        text-decoration: none;
}
.sitelist a:link:hover, .sitelist a:visited:hover {
        color: #dddddd;
        text-decoration: none;
}
.sitelist a:link:active, .sitelist a:visited:active {
        color: #cc0066;
        text-decoration: none;
}

.navhead {font-weight: bold;
          font-style: italic;
          font-family: sans-serif;
          font-size: small;
          background-color: #336666;
          color: #ffffff;
          padding: 0 0.5em;
          list-style: none;
}
li.navhead {
        margin-top: 4px;
}
.navhead ul {
        list-style: none;
}
.navhead a:link, .navhead a:visited {
        color: #ffffff;
        text-decoration: none;
}
.navhead a:link:hover, .navhead a:visited:hover {
        color: #dddddd;
        text-decoration: none;
}
.navhead a:link:active, .navhead a:visited:active {
        color: #cc0066;
        text-decoration: none;
}
ul.leftnav {
        list-style: none;
        padding: 0;
        margin: 0 5px;
}
li.nav
{
        list-style: none;
        font-size: small;
        padding-left: 1.5em;
        margin-top: 7px;
        background-repeat: no-repeat;
        background-position: 0 0;
}
li.nav:hover {
        background-image: url(siteimages/smallbluebullet.gif);
        background-position: 0 0;
}
li.subnav {
        list-style: none;
        font-size: x-small;
        padding-left: 3em;
        margin-top: 4px;
        background-repeat: no-repeat;
        background-position: 0 0;
}
li.subnav:hover {
        background-image: url(siteimages/smallbluebullet.gif);
        background-position: 17px;
}
a.nav:link, a.nav:visited, a.subnav:link, a.subnav:visited {
        text-decoration: none;
}
a.nav:active, a.subnav:active {
        text-decoration: none;
        color:#CC0033;
}
a.nav:link:hover, a.nav:visited:hover, a.subnav:link:hover, a.subnav:visited:hover {
        text-decoration: underline;
}
.nav, .subnav, .navclean {
        font-family: serif;
}
li.navclean {
        list-style:none;
        padding-left: 17px;
        margin-top: 7px;
}
.navclean {
        font-size:small;
}

.mcstable { 
          padding: 0 0.5em;
          list-style: none;
}

.mcstable th { 
          font-weight: bold;
          font-style: italic;
          font-family: sans-serif;
          font-size: small;
          background-color: #336666;
          border: 5px solid #336666;
          color: #ffffff;
}

.mcstable td.mcstableall { 
          border: 2px solid #336666;
}

.mcstable td { 
          padding: 2px;
}

.mcstable th a:link, .mcstable th a:visited {
        color: #ffffff;
        text-decoration: none;
}
.mcstable th a:link:hover, .mcstable th a:visited:hover {
        color: #dddddd;
        text-decoration: none;
}
.mcstable th a:link:active, .mcstable th a:visited:active {
        color: #cc0066;
        text-decoration: none;
}


a		{
        text-decoration:none;
}
a:link, a:visited    {
        text-decoration:none; 
        color:#000066;
}
a:link:active, a:visited:active  {
      text-decoration:underline; 
      color:#CC0033;
}
a:link:hover, a:visited:hover   {
      text-decoration:underline; 
}

body      {
      font-family: serif;
      background-color: #ffffff
}

h1,h2,h3,h4,h5,h6 { 
      font-family: sans-serif 
}
h1,h2 {
       color: #336666;
}
h1.cshometitle {
       font-family: sans-serif;
       font-wieght: bold;
       font-size: 180%;
       color: #336666;
       padding: 2px 0.75em;
}
h1.cshometitle a:link, h1.cshometitle a:visited {
       text-decoration:none;
       color: #336666;
}
h1.cshometitle a:link:hover, h1.cshometitle a:visited:hover {
       text-decoration:none;
       color: #888;
}
h1.cstitle {  
        font-family: sans-serif;
        font-weight: bold;  
        font-size: 160%;
        margin: 0pt;
        color : #FFFFFF;
}
h1.cstitle a:link, h1.cstitle a:visited { 
     text-decoration: none;
     color: #ffffff;
}
h1.cstitle a:link:active, h1.cstitle a:visited:active { 
     text-decoration: none;
     color: #cc0033;
}
h1.cstitle a:link:hover, h1.cstitle a:visited:hover { 
     text-decoration: none;
     color: #dddddd;
}
.inline-quote {
    margin: 5px;
    color: #336666;
    font-size: large;
    font-family: sans-serif;
    font-style: italic;
    width: 20%;
}
.inline-quote {
        color: #336666;
}
.inline-quote a:link, .inline-quote a:visited {
        color: #336666;
}
div.inline-picture {
        margin: 0px 10px;
        width: 20%;
}
.inline-picture img, .inline-picture p {
        width: 95%;
        vertical-align: top;
}
.inline-picture a img {
        border: 0;
}
.inline-picture a:link:hover img, .inline-picture a:visited:hover img {
        background-color: #dddddd;
}
p.photocaption {
        margin:0px;
        padding:0px;
        line-height:100%;
        font-family: sans-serif;
        font-style: italic;
        text-align: center;
        font-size: small;
}
div.inline-panel {
        background-color: #dddddd;
        width: 80%;
        border: 1px solid #000000;
        padding: 0px 10px;
        margin: 5px 10px;
}
li#l1 {
  margin-left:1em;
}
li#l2 {
  margin-left:2.5em;
}
li#l3 {
  margin-left:4em;
}
li#l4 {
  margin-left:5.5em;
}