/* 
CSS 
*/
 
body { font-family: arial; color: #333; background: #6699CC; margin: 0 auto 0 auto; line-height: 1.4em; letter-spacing: 0.02em; text-align: center;}
html { text-align: center; }

a:link { color: #3366cc; text-decoration: none; outline: none;}
a:active { color: #3366cc; text-decoration: none; outline: none;}
a:visited {color: #3366cc; text-decoration: none; outline: none;}
a:hover { color: #DAA520; text-decoration: underline; outline: none;} /* GoldenRod */

h1 { font-size: 140%; color: #386a9d; font-weight: bold; margin: 25px 0 5px 0; text-align: center }
h2 { font-size: 110%; color: #386a9d; font-weight: bold; margin: 15px 0 5px 0; }
h3 { font-size: 110%; color: #000000; font-weight: bold; margin: 0 0 2px 0; text-align: center}
h4 { vertical-align: text-top; float:left; font-size: 220%; color: #386a9d; font-weight: bold; text-align: left; padding:5px;}
.newsh2 { color: #000; font-size: 90%; background-image: url(images/newsbg.jpg); text-align: center; height: 25px; 
text-transform: uppercase; padding-top: 9px; border-bottom: 1px solid #999; }

#smallmap select { font-size: 70%; width: 140px; height: 25px; border: 1px solid #999; padding: 4px; background: #ececec;}

.image {float: right; margin: 5px 5px 0 20px;}
.imageleft {float: left; margin: 5px 20px 0 5px;}

#wrapper { width: 790px; background: #fff;  margin: 5px auto; padding: 2px; border: 5px solid #d8ebff;}
#header { width: 790px; height: 213px; background-image:url(images/header.jpg);}
#adminheader {width: 790px; height: 163px; background-image: url(images/AdminHeader.gif);}
#leftcolumn { float: left; padding: 10px; margin: 20px 0 0 0; background: white; width: 510px; font-size: 80%; text-align: left; color: #333;}
#main { float: left; padding: 10px; margin: 10px 0 0 0; background: white; width: 770px; font-size: 80%; text-align: justify; color: #111;}
#thebreed { float: left; padding: 10px; margin: 10px 0 0 0; background: white; width: 770px; font-size: 80%; text-align: justify; color: #111;}
#right { float: right; width: 220px; margin: 20px 0 0 10px; padding: 10px; border-left: 1px solid #ccc; font-size: 80%; text-align: justify;}
#news { padding: 5px; font-size: 90%;}
#cgi { text-align: left; margin-top: 20px; color: #000; padding: 4px; font-size: 80%; }
#gallery { padding: 4px; background: #ececec; }
#navcontainer { width: 790px; height: 25px; background-image: url(images/navbg1.gif);  text-align: left; font-size: 75%; border-top: 1px solid #fff; display: block;}
#downloads {padding: 4px; background: #d8ebff; border: 1px solid #759cc3;}

/*NAV*/
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 16px;
padding-left: 16px;
font-weight: normal;
outline: none;
}
li.rightborder
{
border-right: 1px solid #fff;
outline: none;
}
li.loggedin
{
display: inline; color:#eee; text-decoration: none; outline: none; margin-left:20px;
}

ul#navlist { padding: 1px 0 0 10px; margin: 0px;}
#navlist a:link { color:#eee; text-decoration: none; outline: none;}
#navlist a:active { color:#eee; text-decoration: none; outline: none;}
#navlist a:visited { color:#eee; text-decoration: none; outline: none;}
#navlist a:hover { color: #ffff00; text-decoration: none; outline: none;}

#footer { font-size: 75%; text-align: center; width: 800px; margin: 5px auto; color: #fff; line-height: 1.8em}
#footer a:link { color: #fff; text-decoration: none;}
#footer a:active { color: #fff; text-decoration: none;}
#footer a:hover { color: #fff; text-decoration: none;}
#footer a:visited { color: #fff; text-decoration: none;}

.clearer {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px; 
}

#UKMap {
	BACKGROUND: url(images/UKMap4.gif) no-repeat;
	WIDTH: 300px;
	Left: 20px;
	TOP: 0px;
	HEIGHT: 360px;
	TEXT-ALIGN: center;
	outline: 0;
	float: left;
	margin: 0 auto;
	position: relative;
	border: 1px;
}

#UKMap li {margin: 0 auto; padding: 0; list-style: none; display: block; position: absolute;}
 
#UKMap a {display: block;}
 
#scotland {left: 130px; top: 75px; width: 130px; height: 45px;}
#northeast {left: 200px; top: 150px; width: 150px; height: 25px;}
#northwest {left: 180px; top: 180px; width: 155px; height: 25px;}
#lincolnshire {left: 215px; top: 215px; width: 155px; height: 25px;}
#leicester {left: 190px; top: 240px; width: 120px; height: 25px;}
#southeast {left: 220px; top: 270px; width: 140px; height: 35px;}
#guildford {left: 190px; top: 300px; width: 140px; height: 25px;}

#scotland a {height: 45px;}
#northeast a {height: 25px;}
#northwest a {height: 25px;}
#lincolnshire a {height: 25px;}
#leicester a {height: 25px;}
#southeast a {height: 35px;}
#guildford a {height: 25px;}
 
#scotland a:hover {background: url(images/UKMap4.gif) -130px -450px no-repeat;}
#northeast a:hover {background: url(images/UKMap4.gif) -200px -525px no-repeat;}
#northwest a:hover {background: url(images/UKMap4.gif) -180px -555px no-repeat;}
#lincolnshire a:hover {background: url(images/UKMap4.gif) -215px -590px no-repeat;}
#leicester a:hover {background: url(images/UKMap4.gif) -190px -615px no-repeat;}
#southeast a:hover {background: url(images/UKMap4.gif) -220px -645px no-repeat;}
#guildford a:hover {background: url(images/UKMap4.gif) -190px -675px no-repeat;}

.mapcontainer {width: 400px; HEIGHT: 360px; float: right;}

/* Tables for groups details on map page */
table.map {float: right; margin-right:30px; width: 350px; border-width: 3px; border-spacing: 0px; border-style: solid; border-color: #759cc3; border-collapse: collapse; background-color: #d8ebff;}
table.map th {font-size: 120%; color: #386a9d; font-weight: bold; margin: 15px 0 5px 0; text-align: center; border-width: 3px; padding: 5px; border-style: solid; border-color: #759cc3; background-color: #d8ebff;}
table.map td {font-size: 90%; text-align: left; color: #386a9d; border-width: 3px; padding: 5px; border-style: none; border-color: #759cc3; background-color: #d8ebff;}
table.map td.leftcol {text-align: right;}

#enquirytext {float: left; margin-top: 10px; width: 770px;}

/* Enquiry Form */
#Enquiryform FORM {
	border: 2px solid #759cc3;
	background: #d8ebff; 
	margin: 20px auto; 
	color: #111; 
	PADDING: 10px;
	text-align: left;
	width: 700px; 
}

.divider {
  	border:0;
  	border-top: 2px solid #759cc3;
  	margin: 30px 0px 30px 0px;
}

.submit INPUT {
	FLOAT: right; WIDTH: 80px; height: 25px; padding: 2px;

}

#Enquiryform form .br {
	CLEAR: left;
}

#Enquiryform label {
	FONT-WEIGHT: normal; 
	FLOAT: left; 
	WIDTH: 170px; 
	MARGIN-RIGHT: 20px
}

#Enquiryform Questionlabel {
    FONT-WEIGHT: normal; 
	FLOAT: left; 
	WIDTH: 500px; 
	MARGIN-RIGHT: 20px
}
    

#Enquiryform .wide label{
	FONT-WEIGHT: normal; 
	FLOAT: left; 
	WIDTH: 300px; 
	MARGIN-RIGHT: 20px
}

/* This class is for spambots */
.SBSurname {
    visibility: hidden;
}

/* This class is for spambots */
.SBComments {
    visibility: hidden;
}

FORM #application {
	WIDTH: 300px; 
}

#application-result{
	float: left;
	height: 350px;
	width: 780px;
}

FONT #application { 	
       TEXT-ALIGN: center;
}


/* Paypal and PDF container forms */
FORM.paypal {font-size: 110%; text-align: center; padding: 4px; background: #d8ebff; border: 1px solid #759cc3; width: 500px; height: 115px; margin: auto; outline: 0;}
FORM.paypalso {float:left; font-size: 100%; text-align: center; padding: 4px; background: #d8ebff; border: 1px solid #759cc3; width: 450px; height: 160px; margin: auto; outline: 0;}
FORM.standingorder {float:right;  font-size: 100%; text-align: center; padding: 4px; background: #d8ebff; border: 1px solid #759cc3; width: 250px; height: 160px; margin: auto; outline: 0;}
FORM.paypalmembership {float:left; font-size: 100%; text-align: center; padding: 4px; background: #d8ebff; border: 1px solid #759cc3; width: 450px; height: 140px; margin: auto; outline: 0;}
FORM.membershipform {float:right;  font-size: 100%; text-align: center; padding: 4px; background: #d8ebff; border: 1px solid #759cc3; width: 250px; height: 140px; margin: auto; outline: 0;}
FORM.giftform {font-size: 100%; text-align: center; padding: 4px; background: #d8ebff; border: 1px solid #759cc3; width: 250px; height: 145px; margin: 20px auto; outline: 0;}

select.paypal {font-size: 100%; width: 115px; height: 20px;  border: 1px solid #999; padding: 0px; background: #fff;}
.selectspacer {height:10px;}

img.donate{margin: 15px auto 0px; text-align: center; outline: none;}

.StandingOrderContainer {width: 760px; HEIGHT: 180px; margin:0px auto;}

img.paypalcards{float:right; margin-right:10px; outline: none;}
img.paypalcardsso{float:right; outline: none; margin-right:10px;}

#Thankyou {margin: 30px auto; font-size: 140%; color: #386a9d; font-weight: bold; margin: 15px 0 5px 0; text-align: center}

/* Paypal buttons */
#donate {margin: 10px auto;outline: none;}
#membershipbutton {margin: 20px auto 0px;outline: none;}

/* Tables for Gifts */
table.gifts {width: 500px; margin: 10px auto; border-width: 2px; border-style: solid; border-color: #759cc3; border-collapse: collapse; background-color: #d8ebff;}
/* table.gifts th {border-width: 2px; font-size: 120%; text-align: center; padding: 5px; border-left-style: solid; border-bottom-style: solid; border-color: #759cc3; background-color: #d8ebff;} */
table.gifts tr {border-bottom-width: 2px; border-style: solid; font-size: 90%; color: #386a9d; font-weight: bold; margin: 15px 0 5px 0; border-color: #759cc3; border-collapse: collapse; }

td.giftimage {width: 150px; padding: 10px; text-align: center; border-bottom:2px; border-bottom-style: solid; border-color: #759cc3; border-collapse: collapse; }
td.giftdescription {width: 250px; text-align: center; color: #386a9d; border-bottom:2px; border-bottom-style: solid; border-color: #759cc3; border-collapse: collapse; }
td.giftprice {width: 100px; text-align: center; color: #386a9d; border-bottom:2px; border-bottom-style: solid; border-color: #759cc3; border-collapse: collapse; }

img.gifts {border:0px;}

/* New ASP.Net Styles */

.FormTextBox
{
    font-family: Arial;
} 
.AdministrationTable
{
    width:720px;
    text-align: justify;
    margin: 0px auto;
    border: 2px Solid #759cc3;  
    background: #d8ebff; 
}
.AdministrationTableMandatoryField
{
    width: 5px;
    text-align: right;            
    vertical-align: top;   
    color: Red;         
}  
.AdministrationTableLabel
{
    text-align: justify; 
    vertical-align: top;
    font-weight:bold;
}
.AdministrationTableEmptyRow
{
    height: 5px;
    font-size: xx-small;
    text-align: justify; 
}
.GroupTableHeader
{
    text-align: center; 
    background-color: #759cc3; 
    font-size: large;
    font-weight:bold; 
    color:white;
    padding-top: 5px;
    padding-bottom:5px;
}

.ApplicationTableDivider
{
    border-bottom: 2px Solid #759cc3;  
}   
.GroupPageTable
{
    margin: 0px auto;
    width: 720px; 
    background: #759cc3; 
    border: 1px solid #285078; 
    padding: 4px; 
    color: #fff; 

}
.GroupTableHeader
{
    font-size: 12pt;
    text-align: center;
    font-weight: bold;
}  
.GroupPageTableLabel
{
   font-weight: bold;
   width: 100px; 
}
.GroupInformation
{
    width: 720px;
    margin: 0px auto;
    float: none;
}