/**************************************************************************
**************************************************************

Hacked from the Relic template, coded by Kevin Cannon,
together with some additions from the Prosimii tenplate.
Both available from www.oswd.org.
Kevin says the CSS is pretty straight forward. There are a few
small hacks however, with one line controlling firefox
and the other IE. These are clearly labled. If you need
any help with the template, email Kevin at kmcannon@telus.net

***************************************************************
***********************************************************************/

body {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 73%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

a {
  color: #323232;
  background-color: transparent;
  text-decoration: underline;
  margin: 0;
  padding: 0 1px 2px 1px;
}

a:hover {
  color: rgb(117,144,174);
  text-decoration: underline;
}

frame {
	border: 0px;
	margin: 0px;
	overflow: auto;
}

.imgleft{
	float: left;
	border: none;
	margin: 1em;
}

.imgright{
	float: right;
	border: none;
	margin: 1em;
}

.imgcentre {
	margin:auto;
	border: none;
	margin: 1em;
}

#centred {
	background-color: #FFFDF6;
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 10px;
	padding-top: 0;
	border-top: 1px solid #DCDCDC;
	clear: both;
}
.centred {
   color: #9F9F9F;
	font-size: 0.9em;
	text-align: center;
}

.centredtext {
	text-align: center;
}
.centred a {
	text-decoration: none;
	color: #9F9F9F;
	text-align: center;
}
.actions {
	text-align: left;
}

#wrapper {
	height:100%;
	margin:auto;
	width:99%;
   padding: 0;  /* stops Opera adding extra padding */
}

/*************************** HEADER PROPERTIES ************************/
#top {
	margin:0 auto;
	padding:1px;
	height:220px;
	width:98%;
	}
	
	/* ##### Header ##### */

.superHeader {
  color: #000000;
  background-color: #FFFFFF;
  text-align: right;
  margin: 0;
  height: 21px;
  background-repeat: repeat;
  background-image: url("http://www.cavy-clubs.co.uk/img/topnav_bg_grey.gif");
}

.superHeader span {
  color: #000000;
  background-color: transparent;
  text-transform: uppercase;
}

.superHeader a {
  color: #000000;
  background-color: transparent;
  text-decoration: none;
  margin: 0;
}

.superHeader a:hover {
  color: #000000;
  background-color: transparent;
  text-decoration: none;
}

.midHeader {
  color: #414141;
  background-color: White;
  height: 150px;
  margin: 0;
  background-image: url("http://www.cavy-clubs.co.uk/img/cavybanner2.gif");
  border-bottom-width: 1px;
  border-bottom-color: #5B5B5B;
  border-bottom-style: solid;
  background-repeat: no-repeat;
  background-position: right;
}

.headerTitle {
  font-size: 425%;
  font-weight: 570;
  text-align: left;
  padding-top: 0;
  font-family: "Bradley Hand ITC";
  color: #00162D;
  margin-bottom: -2px;
  margin-top: -2px;
}

.headerSubTitle {
  font-size: 185%;
  font-weight: normal;
  font-style: italic;
  font-family: "Bradley Hand ITC";
  margin-top: -2px;
  margin-bottom: -2px;
}
.subHeader {
  color: white;
  background-color: rgb(117,144,174);
  background-image: url("http://www.cavy-clubs.co.uk/img/menuhover.png");
  border-bottom-width: 1px;
  border-bottom-color: #5B5B5B;
  border-bottom-style: solid;
  margin: 0;
  text-align: right;
}

.subHeader a, .subHeader a:hover, .highlight {
  color: white;
  background-color: transparent;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
  margin: 0;
  padding: 0 0.25ex 0 0;
}


#left{
	float:left;
	width:20%;
}

#rightbox {
	width: 54%;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	float: left;
	line-height:1.5em;
	color: #2A2A2A;
}

#rightbox h1 {
	text-align: center;
	font-size: 200%;
	font-weight: lighter;
	color: #4A4A4A;
}
#leftbox {
	width: 30%;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	float: left;
	text-align: center;
	line-height:1.5em;
	border: 1px solid #DFDFDF;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 20px;
}
/************************** MAIN CONTENT IN MIDDLE ******************/

#main {
	float:left;
	width:90%;
	line-height:1.01em;
	padding: 2.5%;
	text-align: justify;
}

#herb {
   float: left;
	line-height:1.01em;
	padding-bottom: 20px;
	width: 80%;
}

#middle {
	float:left;
	width:75%;
	line-height:1.01em;
	padding-left:2.5%;
	padding-right:2.5%;
}


#directorymiddle {
	float:left;
	width: 75%;
	line-height:1.01em;
	padding-left: 5%;
}
	
#middle p, p, #main p, #directorymiddle p {
 font-size: 1.1em;
 line-height: 1.5em;
 
}

#middle h1, #main h1, #directorymiddle h1 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:1.8em;
	font-weight:normal;
	background-color: #DCE2FA;
	border-bottom:1px solid #c4c4c4;
	padding-bottom:0.5em;
	padding-top: 1em;
	padding-left:0.5em;
}

#middle h2, #main h2, #directorymiddle h2 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size: 1.5em;
	font-weight:normal;
	padding-top: 0.5em;
	text-decoration: underline;
}

#middle h3, #main h3, #directorymiddle h3 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size: 1.4em;
	border:1px solid #c4c4c4;
	font-weight:normal;
	padding-top: 0.5em;
	padding-bottom:0.5em;
	background-color: #F1F1F1;
	padding-left:0.5em;
}
/***************************  RIGHT COLUMN  *********************/

#right {
	float:left;
	padding:3px;
	font-size: 1em;
	width: 18%;
	line-height:1.6em;
	border: 1px dotted #DEDEDE;
}


#right a {
	color: #284D6C;
	font-weight: lighter;
	text-decoration: underline;
}

#right h1 {
	font-size:130%;
	font-weight: lighter;
	padding-top:5px;
	font-family:helvetica, arial, georgia, times, sans-serif;
	border-bottom:1px dotted #c4c4c4;
	background-color: #DCE2FA;
}

#right br {
	line-height:0.7em;
}
/********************************************    FOOTER  *****************/
#footer {
	border-top:1px solid #c4c4c4;
	padding-top:5px;
	text-align:center;
	width:100%;
	margin:0 auto;
	clear:both;
	background-color: #9F9F9F;
}

.footer {
	margin-top:-2px;
   background-color: #9F9F9F;
	color: #E9E9F8;
}

#footer a {
  color: #E9E9F8;
  background-color: transparent;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

/**********  Contact Form   ************/

.mailwrapper {
	text-align: center;
}


.maildiv {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 365px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}
.maildiv form {
	text-align: left;
}
.maildiv label {
	/* used for right side captions */
	vertical-align: top;
	padding: 0 0 0 3px;
}

.maildiv .sidelbl {
	/* used for left side labels */
	width: 95px;
	text-align: right;
	padding: 0 10px 0 0;
	vertical-align: top;
	position: relative;
    display: block; 
    float: left; 
	clear: left;
}
.maildiv a {
	color: #005ABE;
}
.maildiv h2 {
	color: #005ABE;
	font-size: 120%;
}
.maildiv input {
	margin-bottom: 10px;

}
.maildiv select {
	margin-bottom: 10px;

}
.maildiv textarea {
	margin-bottom: 10px;

}
.maildiv .ver_img {
	padding: 0;
	margin: 0 0 10px 10px;
	vertical-align:bottom;  
	border: 1px solid #005ABE; 
}
.maildiv fieldset {
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
}
.maildiv .legendspacing {
	height: 10px;
}
.maildiv .fmcredits {
	float: left;
	font-size: 90%;
}
.maildiv .fmsubmit {
	float: right;
}
.maildiv .fmrequired {
	color: #005ABE;
	font-size: 90%; 
	float: left;
	margin-top: 3px;
	margin-left: 5px;
}
.maildiv .fmspacer {
	height: 10px;
}

.maildiv .fminfofull {
	padding: 0 10px 0 10px;
	color: #005ABE;
	margin-bottom: 15px;
}
.maildiv .fminfohalf {
	padding: 0 10px 0 10px;
	color: #005ABE;
	margin-left: 110px;
	margin-bottom: 15px;
}
.maildiv .fmerrorbox {
	text-align: left;
}
.maildiv li {
	margin: 0 0 4px 0;
}
.maildiv .fmerrortitle {
	color: #FF0000;
	font-size: 120%;
}

P.smaller {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana
}
HR {
	COLOR: #d2d2ca; HEIGHT: 1px
}
P.catname {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 4px; VERTICAL-ALIGN: top; TEXT-ALIGN: left
}
P.catdesc {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 4px; VERTICAL-ALIGN: top; TEXT-ALIGN: left
}
IMG.catimage {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; VERTICAL-ALIGN: top; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; border-thickness: 1px
}
TD.catimage {
	VERTICAL-ALIGN: top
}
TD.catname {
	VERTICAL-ALIGN: top; TEXT-ALIGN: center
}
TD.catnavigation {
	VERTICAL-ALIGN: middle; TEXT-ALIGN: left
}

#searchmenu h1 {
	font-size:130%;
	font-weight: lighter;
	padding-top:5px;
	font-family:helvetica, arial, georgia, times, sans-serif;
	border-bottom:1px dotted #c4c4c4;
	background-color: #DCE2FA;
	width: 110%;
}
#searchmenu {
	width: 90%;
	font-size: 90%;
	padding-left: 20px;
	padding-right: 35px;
}
	
.menu {
	color: #797979;
}

.italic{
	font-style: italic;
}

.credit {
	font-size: 90%;
	color: #C5C5C5;
}
.credit a {
	color: #C5C5C5;
	text-decoration: underline;
}