body {
  text-align:center;
  margin: 0;
  padding: 0;
  font-family: Verdana, sans-serif;
  color: #000073;
  background-color:#b0b0b0;
}

p, ul  {
  font-size: 11px;
  }

a {
  color: #2E64FE;
}

#banner {
  padding-top:40px;
  margin-left:21px;
  padding-bottom:40px;
}

#page {
  margin: 0 auto;
  padding-right:45px;
  width: 855px;
  background:url(/img/right-shadow.gif) top right repeat-y white;
  }

/* Second div for doing shadows on either side */
#pageborder {
  padding-left:30px;
  background:url(/img/left-shadow.gif) top left repeat-y;
}

#content {
  margin-left:215px;
  width: 601px;
}

img {
  border:0;
}

ul#healthlist li a {
  text-decoration:underline;
  }
  
span.quote {
  font-style:italic;
}



/* Box Definitions */
.box {
  background:url(/img/bottom.gif) bottom left no-repeat #fcfbdf;
  text-align:left;
  line-height:110%;
  padding-bottom:5px;
}

.box h1, h1.likebox {
  color:#5c107b;
  text-align:right;
  padding-right:20px;
  font-weight:normal;
  font-size:20px;
  padding-top:25px;
  padding-bottom:5px;
  line-height:100%;
}

/* Despite being called 'likebox', these are practically all the
   headers */
h1.likebox {
  padding-top:0px;
  line-height:46px;
}

.box p{
  margin-right:10px;
}

.box div.inner {
  padding-left: 30px;
  margin-bottom: 20px;
  padding-right: 30px;
  background:url(/img/top.gif) top left no-repeat;
}

.box h1 span, h1.likebox span {
  font-size:45px;
}

.box ul {
  margin-top:-10px;
}

.abox {
  border: 1px solid #000073;
  background-color:#fcfbdf;
  padding:0px;
  width:250px;
  margin:0 auto;
  }

#pagecontent {
  padding-top:20px;
  line-height:140%;
  text-align:left;
}

#pagecontent p {
    font-size:13px;
    text-align:justify;
  }

#footer {
  margin-top:30px;
  padding-top:10px;
  border-top: 1px solid #ccc;
  padding-bottom:30px;
  clear:both;
}

/* Navigation definitions */
#nav {
  font-family: 'Trebuchet MS', Verdana, sans-serif;
  width:160px;
  float:left;
  margin-left:25px;
  margin-top:10px;
}

#nav ul {
  font-size: 14px;
  list-style-type: none;
  text-align:right;
  background-color: #5c107b;
  padding: 0;
  margin: 0;
  margin-bottom: 50px;
  }

#nav ul li {
  background-color: #bf79eb;
  /* IE7 fix to give haslayout */
  min-height: 0;
}

#nav ul li a {
  padding-top:4px;
  padding-bottom:4px;
  padding-right:15px;
  display:block;
  margin: 2px 0px 0px 0px;
  font-weight:bold;
  color:white;
  text-decoration: none;
  background:url(/img/arrow.gif) top left no-repeat #bf79eb;
  background-position:10px 9px;
}

#nav ul li.active a, #nav ul li a:hover {
  background-color: #5c107b;
}

#nav .quote {
  font-size:13px;
  text-align:right;
  font-style:italic;
  color: #5C107B;
  font-weight:bold;
}

#nav .quote-author {
  text-align:right;
  font-size:13px;
  font-style:normal;
  margin-top:5px;
}

p.author {
  margin-top:-10px;
  text-align:right;
}


/* Popup definitions */
div.popup {
  display: none;
  position: fixed;
  top:10%;
  left:30%;
  border: solid #000072 1px;
  padding: 10px;
  background-color: white;
  text-align: justify;
  font-size: 12px;
  width: 600px;
  line-height:150%;
}

.announcement h3 {
  margin: 0;
  text-align: center;
}

/* Extra classes for the shop */
.shop {
  border: 1px solid #ccc; 
  margin-bottom:10px;
  }

.shop div {
  text-align:center;
  font-size:11px;
  font-weight:bold;
  padding: 0;
  margin: 0;
}

.shop div table {
  text-align:left;
}

.shop .image {
  width: 250px;
  text-align:center;
  }

.shop .description, .shop .description-no-image {
  padding-right: 15px;
  }

.shop .description-no-image {
  padding-left: 15px;
  }
 
.shop .formats {
  font-size:12px;
  margin:0 auto;
  border:1px solid #333;
} 

.shop .formats td {
  padding:10px;
}

.shop .formats th {
  line-height:26px;
}

.formats th {
  text-align:center;
}

div.address {
  width:200px;
  float:left;
  height:100%;
  padding:0px 5px 0px 5px;
  border: solid #000072 1px;
  background-color: #fcfbdf;
  margin: 0px 10px 10px 0px;
  text-align:left;
}

div.place {
  border-bottom:1px solid #ccc;
}

div.directions p {
  font-size:10px;
}

/* Added this for the News & Events page - previously using line-height which
   was a problem when news/events went onto more than one line */

div#newstop div.inner div {
  width:550px;
}

div#newstop div.inner div p {
  text-align:right;
}

ul.newslist {
  padding-top:20px;
  list-style-type:none;
  line-height:130%;
  padding-left:0px;
  margin-left:0px;
}

ul.newslist li {
  padding-bottom:10px;
}

/* For subscribe forms */
div.form-box{
  border: 2px solid #D1CDC3;
  background-color: #E9E7E2;
  width: 300px;
}

div.form-box a:link,
div.form-box a:visited{
  font-size: 11px;
  color: #1775C1;
}

div.form-box a:hover,
div.form-box a:active{
  color: #5EACEC;
}

div.form-box h1{
  background-color: #5EACEC;
  color: #fff;
  font-size: 13px;
  padding: 2px 4px 2px 4px;
  margin-top: 0;
  margin-bottom: 0;
}

div.form-box p{
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 2px 4px 2px 4px;
}

div.form-box table
{
  width: 100%;
  border: 0 none;
}

div.form-box table tr{
	vertical-align: middle;
}

div.form-box table tr td{
  text-align: right;
  padding-left: 3px;  
  padding-right: 3px;
  white-space: nowrap;
}

div.form-box table tr.message td{
	font-size: 11px;
	text-align: left;
   white-space: normal;
}

div.form-box table tr.message td div{
   margin-bottom: 10px;
	color: InfoText;
   padding: 4px 6px 4px 6px;
}

div.form-box table tr.message td div.error{
  color: red;
	font-weight: bold;
}

div.form-box table tr.message td div.error ul{
  padding-left: 14px;
}

div.form-box table tr.message td div.error ul li{
  margin-top: 10px;
}

div.form-box table tr.message td div.error ul ul li{
  margin-top: 3px;
}

div.form-box table tr.mandatory td.title{
	font-weight: bold;
}

div.form-box table tr.error td.title{
  color: red;
  font-weight: bold;
}

div.form-box table tr td.title{
  font-size: 11px;
  text-align: left;
}

div.form-box table tr td input.text{
  border: 1px solid #81807D;
  padding: 2px 3px 2px 3px;
  font-size: 12px;
  width: 125px;
}

div.form-box table tr td input.text:focus{
	border: 1px solid #5EACEC;
}

div.form-box table tr td input[readonly]{
	border: 1px solid #81807D !important;
	background-color: #E0DDD6;
}


div.form-box table tr td input.submit{
  border: 1px solid #81807D;
  background-color: #F4F3F0;
  margin-top: 12px;
  font-size: 12px;
}

div.form-box table tr td input.submit:hover{
	border: 1px solid #5EACEC;
	background-color: ButtonHighlight;
}