/* Global Styles */

img {

border-style: none;

}

a {

border: 0px;
border-style:none;

}

a:hover {

color: #00CC00;

}

body {
	
	margin-top: 0%;
	margin-right: 10%;
	margin-bottom: 0%;
	margin-left: 10%;

	}
#mainBody {
	background-color: #FFFFFF;
	height: 500px;
	overflow: scroll;
	border: 0px;

}
.titleBar {
	background-image: url(/title.gif);
	background-position:top;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	height: 19px;
	padding-top: 2px;
	background-repeat: repeat-x;
	vertical-align: top;
}

.siteTitle {
	background-image: url(title.gif);
	background-position:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight:bold;	
}

td {
	color:#000000;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	background-color: #FFFFFF;
	}
.bannerRight {
	float: right;
	height: 50px;
	width: 20px;
}

	
a {
	color: #0000CC;
	}
	
a:hover {
	color: #0000FF;
	}

.Text a:hover {
	
	color: #00CC00;
	
}

/* ID Styles */
	
#nav-menu li a{
background: url(chromebg3.GIF) #fff center repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 7em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
font-size:12px;
} 
.border .bodyText table {
	border: medium none #000000;
}


#nav-menu li
{
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	clear: none;
	text-align: center;
	position: relative;
	margin: 0px;
	visibility: inherit;


}

#nav-menu li a:hover
{
	background: url(chromebg3-over.GIF) #fff center repeat-x;
	font-weight:bold;
	text-align: center;
}

#left-menu li a{
	height: 2em;
	line-height: 2em;
	float: left;
	width: 12em;
	display: block;
	border: 0.1em solid #dcdce9;
	color: #0d2474;
	text-decoration: none;
	text-align: center;
	font-size:12px;
	background-color: #fff;
	background-image: url(chromebg3.GIF);
	background-repeat: repeat-x;
	background-position: left center;
	clear: left;
	vertical-align: middle;
	letter-spacing: normal;
	word-spacing: normal;
} 

#main {
	height: 150px;
	width: 250px;
	background-color: #FFFFCC;
	border-left-style: none;
	background-repeat: no-repeat;
	page-break-before: auto;
	outline-color: #000000;
	outline-style: solid;
	outline-width: medium;
}

/* Class Styles */
	
.bodyText {
	font:11px Verdana;
	color:#009900;
	line-height:22px;
	margin-top:0px;
	margin-left: 50px;
	letter-spacing:0.1em;
	background-color: #FFFFFF;
	background-position: top;
	vertical-align: top;
	}
	
.border {
	vertical-align: top;
	background-image: url(greenfade.gif);
	background-repeat: repeat;
	background-position: center top;
	border: thin none #000000;
	text-align: center;
	
}

	
.pageName{
	font:18px Verdana;
	color: #FFFF00;
	line-height:24px;
	letter-spacing:0.3em;
	background-color: #FFFFCC;
	vertical-align: top;
	width: 120px;
	}
	
.navText {
	line-height:16px;
	letter-spacing:0.1em;
	text-decoration: none;
	font-family: Verdana;
	font-size: 11px;
	vertical-align: top;
	height: 10px;
	width: auto;
	text-align: center;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: right;
	}
popup {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000099;
	background-color: #FFFFFF;
}
pagelayout {
	border: medium solid #000000;
}
pagelayout {
	border: medium solid #000000;
}
.pagelayout {
	width: 100%;
	background-attachment: fixed;
	background-image: url(banner_bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	
}
.banner {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center bottom;
	background-color: #00CC00;
	width: 100%;
	padding-top: 5px;
	height: 110px;
}
.topleft {
	width: 25px;
	background-image: url(/topleft.gif);
	background-repeat: no-repeat;
	background-position: left top;

}

.roundcont {
	width: 100%;
	height: 100px;
	background-image: url(http://www.blythwildliferescue.co.uk/top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #00CC00;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(br.gif) no-repeat bottom right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

.imgLeft{

text-align:left;

}

.button {

	background-image: url(/title.gif);
	border: 1px solid #CCCCCC;
	background-position:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

.button:hover {

	cursor: pointer;
	
}

.tableClass {
	color: #FFFFFF;
	background-color: #00CC00;
	border: thin solid #FFFFFF;
	font-size: 12px;
}
.tableClassmain {

	color: #000000;
	background-color: #FFFFFF;
	border: thin solid #CCCCCC;
	font-size: 12px;
}
#container {

	margin: 0px auto 0px auto;
	text-align: left;
	width: 900px;
	border: #804000 solid thick;
	overflow: visible;
}

.chromestyle{
	width: 100%;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: url(chromebg3.GIF) center center repeat-x;
	font-size:12px;
	color: #009933;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
	border: 1px solid #BBB;
	width: 100%;
	background: url(chromebg3.GIF) center center repeat-x; /*THEME CHANGE HERE*/
	padding: 4px 0;
	margin: 0;
	text-align: center; /*set value to "left", "center", or "right"*/
	color: #009933;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #E8BEBE; /*THEME CHANGE HERE*/
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg3-over.GIF) center center repeat-x; /*THEME CHANGE HERE*/
font-weight:bold;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px solid #E8BEBE; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	line-height:18px;
	z-index:100;
	background-image:url(chromebg3.GIF);
	background-repeat:repeat;
	width: 200px;
	visibility: hidden;
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}


.dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border: 1px solid #E8BEBE; /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	background-image:url(chromebg3.GIF);
	background-repeat: repeat;
	background-position: center center;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-image:url(chromebg3-over.GIF);
background-repeat:repeat;
}
.nav {
	line-height:16px;
	letter-spacing:0.1em;
	text-decoration: none;
	font-family: Verdana;
	font-size: 11px;
	vertical-align: top;
	height: 10px;
	width: auto;
	text-align: center;
	background-image: url(side_border.gif);
	background-position:right;
	background-repeat:repeat-y;
	padding-right: 15px;



}
.curlycontainer{
	border: 1px solid #b8b8b8;
	margin-bottom: 1em;
	width: 495px;
	background-color: #FFFFB0;
	line-height: 15px;
}

.curlycontainer .innerdiv{
	left: 2px;
	top: 2px;
	padding: 1px 4px 5px 5px;
	background-image: url(brcorner.gif);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: right bottom;
	border: 1px solid #b8b8b8;

}

.shiftcontainer{

left: 7px; /*Number should match -left shadow depth below*/
top: 7px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 500px; /* container width*/
background: url(bigshadow.gif) no-repeat bottom right;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: #FFFFFF;
border: 1px solid gray;
margin-left: 10px;
padding: 6px;

left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
}

.answer {

	background-color: #ccff99;
	
}
.titleBarCopy {

	background-image: url(/answer.gif);
	background-position:top;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	font-weight:bold;
	padding-top: 2px;
	background-repeat: repeat-x;
	vertical-align: top;
}

.announcement {

	background-image: url(chromebg3.GIF);
	background-position:center;
	background-repeat: repeat-x;
	height: 30px;
	color: #000000;
	border: thin #999999 dotted;
	border-top: none;
	vertical-align: middle;
	font-size:12px;
	
	
}.Text {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}
.TextBold {

	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.TextBlack {

	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.loginBox {

	height: 100px;
	width: 350px;
	background-color: #FFFFFF;
	border: thin dotted #BAF08F;
	text-indent: 20px;
	margin-left: 20px;
}

#left {
background-image:url(left.gif);
background-position: right;
background-repeat:repeat-y;
height: 700px;
width: 100px;
position:fixed;
margin-right: 200px;
margin-left:auto;

}

#right {

background-image:url(right.gif);
background-position: left;
background-repeat: repeat-x;
height:100%;
width: 100px;
position: fixed;
}

.tableBg {
background-image: url(tableBg.gif);
background-repeat: repeat-x;
background-position:center;
border: #00FF00 dotted thin;

}

.adviceTitle {

	background-image: url(title.gif);
	background-position: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	height: 20px;
	text-align:center;
	border: #ABABAB thin solid;
	
		
}

.adviceTitle:hover {

	border: #004000 thin solid;
	
}

#downloadFlyer2 {

	width: 210px;
	height: 300px;
	float:left;
	margin-left: 20px;
	
}

#downloadFlyer {

	width: 250px;
	height: 300px;
	float:left;
	margin-left: 20px;
	
}

#description {
	
	width: auto;
	height: 300px;
	float:left;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}