/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

a:link {color: rgb(240, 27, 200)}
a:visited {color: rgb(240, 27, 200);}
a:hover {font-weight: bold;}

body    {
    text-align: center;
    position: relative;
	 /* background-color: #fbc1e9; */

    margin:0;
}

  .H1 { font-size: 60px ! important;
    font-weight: bold;
    color: rgb(240, 27, 200) ! important;
	 font-family: Verdana, Helvetica, Arial, sans-serif;
	 line-height: 100%;
	 text-align: center;
	 margin-top: 0px;
    padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
    }

  .centred { font-size: 15px ! important;
    font-weight: bold;
    color: rgb(240, 27, 200) ! important;
	 font-family: Verdana, Helvetica, Arial, sans-serif;
	 line-height: 110%;
	 text-align: center;
    }

.circle {
    font-size: 15px ! important;
    list-style-type: circle;
    font-weight: bold;
    color: rgb(87, 87, 87) ! important;
	 font-family: Verdana, Helvetica, Arial, sans-serif;
    }

  .H2 { font-size: 15px ! important;
    font-weight: bold;
    color: rgb(240, 27, 200) ! important;
	 font-family: Verdana, Helvetica, Arial, sans-serif;
	 line-height: 10%;
	 margin-top: 0px;
    padding-top: 0px;
	 }


  .H3 { font-size: 15px ! important;
    font-weight: normal;
    color: rgb(240, 27, 200) ! important;
	 font-family: Verdana, Helvetica, Arial, sans-serif;
	 margin-top: 0px;
    padding-top: 0px;
    }

.quote{ font-size: 15px;
    font-weight: normal;
    font-style: italic;
    
    color: rgb(240, 27, 200);
	 font-family: Verdana, Helvetica, Arial, sans-serif;
    }

  .text { font-size: 15px;
    font-weight: normal;
    color: rgb(87, 87, 87) ! important;
	 font-family: Verdana, Helvetica, Arial, sans-serif;
	 margin-bottom: 15px;
	 text-align: justify;
    }

  .detail { color: rgb(137, 137, 137);
	 font-family: Verdana, Helvetica, Arial, sans-serif;
    }

  .navigation { font-weight: bold;
    text-decoration: underline;
    font-size: 13px ! important;
    color: rgb(240, 27, 200);
	 font-family: Verdana, Helvetica, Arial, sans-serif;
    }

  .thumbnail { margin: 0px 0px 10px 10px;
    float: left ! important;
    }

  .strapline { 
  opacity: 0.461;
    background-image: url(file:Images/strapline.jpg);
    background-repeat: repeat-x;
    background-attachment: fixed;
    }

div#footer {
clear: both;
}

div#fixedwidth {
/*	position: relative; */
	top: 10px;
	width: 800px;
	background-color: white; 
   height: auto;
   margin: 0 auto;
   text-align: left;
/*	border: 40px #1a336b solid; */
/*   border: 1px #f01bc8 solid; */ 
}


#navbar {
float: right;
/* background-color: #c8c8c8; */ 
width: 180px;
/* border: 1px #797979 solid; */
font-family: Verdana, Helvetica, Arial, sans-serif;
color: rgb(240, 27, 200) ! important;
	 line-height: 200%;
font-weight: bold;
    margin:0px;
    padding:0px;
    text-indent: 0px;
}

#navbar ul{
	padding-left: 0px;
	text-indent: 0px;
	margin:0px;
	}
	

#navbar ul li {
list-style-type: none; /* remove bullets from std list type */
    margin:0px;
    padding:10px;
        text-indent: 0px;
}
#navbar ul li a:link {
color: rgb(240, 27, 200);  /* colour for fresh links */
text-decoration: none;
    margin:0px;
    padding:10px;
        text-indent: 0px;
}

#navbar ul li a:visited {
color: rgb(240, 27, 200); /* colour for visited links */
text-decoration: none;
    margin:0px;
    padding:10px;
        text-indent: 0px;
}
#navbar ul li a:hover {
color: #FFFFFF;
background: rgb(240, 27, 200);
text-decoration: none;
    margin:0px;
    padding:10px;
        text-indent: 0px;
}


#leftandcentre {

left:40px; 
width: 600px;
}

#centreonly {
float: left; 
width: 420px;
border: 1px #cccccc solid;
}

#leftthumbs {
float: left;
/* background-color: #c8c8c8;  */
width: 120px;
/* border: 1px #797979 solid; */
}

#leftpic {
float: left;
width: 300px;
/* border: 1px #797979 solid; */
}

#rightwords {
float: right;
width: 300px;
/* border: 1px #797979 solid;  */
}

div.img
{
  margin: 2px;
/*  border: 1px solid #fbc1e9; */
  height: auto;
  width: 180px;
  float: left;
  text-align: center;
}	

div.img img
{
  display: inline;
  margin: 4px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #ff00ff;}
div.desc
{
font-size: 15px;
    font-weight: normal;
    color: rgb(87, 87, 87) ! important;
	 font-family: Verdana, Helvetica, Arial, sans-serif;
	 margin-bottom: 1px;
  text-align: center;
  margin: 2px;
}