/*---------------------
Author: Blake Simpson
Date: 38/04/2008
URL: http://stopvirgin.theloop.org.uk/

Design Made and owned by Blake Simpson, not to be reproduced without permission.
----------------------*/

* { margin: 0px; padding: 0px;}

body {
  background: #000;
  font: 13pt "Trebuchet MS", "Microsoft Sans Serif", Verdana;
  color: #000;
  text-align: center;
  }
  
#wrapper {
  width: 552px;
  text-align: left;
  margin: 0 auto;
  }
  
#content {
  padding: 10px;
  padding-top:15px;
  }
  
#red #content, #red .active {
  background: #e30000!important;
  }
#blue #content, #blue .active {
  background: #2f43ff!important;
  }
#yellow #content, #yellow .active {
  background: #c8b910!important;
  }
#green #content, #green .active {
  background: #007d08!important;
  }
  
#mainImage {
  width: 552px;
  height: 120px;
  background: #000;
  margin-left: -10px;
  margin-bottom: 15px;
  }
  
#red #mainImage {
  background: url('images/main2.jpg') top left no-repeat;
  }
#blue #mainImage {
  background: url('images/main1.jpg') top left no-repeat;
  }
#yellow #mainImage {
  background: url('images/main3.jpg') top left no-repeat;
  }
#green #mainImage {
  background: url('images/main4.jpg') top left no-repeat;
  }
  
#masthead {
  margin-top: 10px;
  }
  
p {
  margin-bottom: 15px;
  }
  
h1 {
  color: #fff;
  margin: 0 auto;
  text-indent: -9000em;
  background: url('images/title.gif') top left no-repeat;
  width: 188px;
  height: 200px;
  }

h2, h3, h4, h5, h6 {
  color: #222;
  margin-bottom: 10px;
  }
h2 {
  font-size: 200%;
  }
  
a {color: #fff; text-decoration: underline;}
a:hover {color: #333; text-decoration: none;}
a:visited {color: #fff; text-decoration: none;}

ul {margin-left: 30px; margin-bottom: 15px;}

#nav {
  width: 552px; 
  }
#nav ul {
  list-style-type: none;
  text-align: center;
  font-size: 15pt;
  margin-left: 0px;
  }
#nav li {
  float: left;
  display: inline;
  }
  
#nav li a {
  display: block;
  width: 138px;
  background: #555;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
  }
  
#nav li a:hover {
  color: #fff;
  background: #444;
  }

.clear { clear: both; }