body {
	background-color: #ffffff;
	color: #004685;
	font-family: Helvetica, Arial;
	font-weight: 400;
	font-size: 13px;
	background-image: url(images/bg.gif);
	background-repeat: repeat;
	line-height: 18px;
	}

a {
	text-decoration:none;
	color: #E2A320;
	font-weight: bold;
}

a:hover {
	text-decoration:underline;
}
	
.maintable {
	border: 2px solid #96AAC0;
	background-color: #ffffff;
	top: 5px;
	}

.contenttop {
	padding-top: 5px;
	vertical-align: top;
	height:100%;
	}

img {
	border:none;
}
	
.providingemergency {
	padding-top: 10px;
	font-weight: bold;
	vertical-align: middle;
	background-color:#EDF0F7;
	border: thin dashed #E2A320;
	height: 25px;
	text-align: center;
}

.pagetitle {
	font-weight: bold;
	font-size: 14px;
	vertical-align: middle;
	background-color:#EDF0F7;
	border: thin dashed #E2A320;
	height: 25px;
	padding-top: 9px;
	text-indent: 5px;
}


.dotted-border {
	vertical-align: middle;
	border: thin dashed #E2A320;
	padding-top: 9px;
}

.sponosoredbytitlenocenter {
	text-decoration: underline;
	font-size: 12px;
	font-family: "Comic Sans MS";
	color:#E2A320;
	text-align: left;
}

.sponosoredbytitle {
	text-decoration: underline;
	font-size: 12px;
	font-family: "Comic Sans MS";
	color:#E2A320;
	text-align: center;
}

.sponsoredby {
	padding-top: 0px;
	padding-bottom:5px;
	height: 40px;
	font-weight: 500;
	font-size: 11.25px;
}

.sponsoredby li {
	list-style: none;
	line-height: 15px;
	list-style-image:none;
}

.sponsoredby img {
	height: 40px;
}
	
hr {
	border: 1px dotted #cccccc;
	color: #CCCCCC;
}

.biscuitsstory {
	border-right: 1px dashed #999999;
	background-color:#999999;
	font-family: "Comic Sans MS";
	padding: 0px;
	font-size: 16px;
	text-align:center;
	color:#FFFFFF;
	height: 30px;
	vertical-align: middle;
}

.biscuit {
	border-right: 1px dashed #999999;
	color:#999999;
	padding-top: 12px;
	letter-spacing: .5pt;
	font-size:12.5px;
	padding-right: 10px;
}

.biscuit img {
	padding-right: 10px;
}

.biscuitvetlogo {
	border-right: 1px dashed #999999;
	padding-right: 10px;
}

li {
	list-style-image: url(images/checkmark.jpg);
	line-height: 22px;
}

.footer {
	font-weight: bold;
	border: thin dashed #E2A320;
	text-indent: 5px;
	vertical-align: middle;
	background-color:#EDF0F7;
	height: 40px;
}

.footerspacer {
	height: 40px;
	border:none;
}

.upcomingevents {
	text-decoration: underline;	
}

.caps {
	font-weight: bold;
	text-transform: uppercase;
}

.web-directory-letters a {
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 2px;
}

.web-directory-list {
	font-weight: bold;
}

.web-directory-caps {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 15px;
}


.sponsorshipkit {
	background-color: #EDF0F7;
	height: 230px;
}

.sponsorshipkit td {
	vertical-align: middle;
}

.inbetweentablesspacer {
 	height:20px;
}

.inbetweentablesspacersm {
 	height:10px;
}

.donatenow {
	padding-top: 12px;
}

.backtoanimals {
	padding-top: 12px;
	padding-left: 5px;
}

.bold {
font-weight:bold;
}

.bolditalic {
	font-weight:bold;
	font-style: italic;
}

.helpandmonthlybgcolor {
	background-color:#E8ECF5;
}

.helppadding {
	padding-top:15px;
	padding-bottom: 15px;
	padding-right: 10px;
}

.monthlypadding {
	padding-bottom: 15px;
	padding-right: 10px;
}

.monthlytitle {
	font-weight: bold;
}

.formspagetitle {
	padding-top: 10px;
	font-weight: bold;
	vertical-align: middle;
	background-color:#EDF0F7;
	border: thin dashed #E2A320;
	height: 70px;
	text-align: center;
	font-size: 14px;
}

.forms {
	border: thin dashed #E2A320;
}

.formstd {
	background-color:#E8ECF5;
	text-indent: 5px;
	font-weight:bold;
}

.formsblue {
	font-weight: bold;
	font-size: 14px;
	vertical-align: middle;
	height: 20px;
	padding-top: 5px;
	text-indent: 5px;
	background-color: #004685; 
	color:#FFFFFF; 
}

.formsorange {
	font-weight: bold;
	font-size: 14px;
	vertical-align: middle;
	height: 20px;
	padding-top: 5px;
	text-indent: 5px;
	background-color: #E2A320;
	color:#FFFFFF;
}

.requiredfield {
	color: #D22229;
	vertical-align: top;
	font-size: 18px;
}

.eventideasimg {
	border: solid #9aadc2 2px;
}



.nav { border-top: solid #96aac0 2px;
	   border-bottom: solid #9aadc2 2px;
	   background-color:#e2a320;
}	   



.mediareleasebold {
	color: #E2A320;
	font-weight: bold;
}

.featured-business {
	padding-bottom: 15px;
	padding-right: 10px;
	border-right: thin dashed #E2A320;
}

.featured-business td {
	
}

.corporate-sponsors {
	padding-left: 20px;
	padding-bottom: 15px;
	padding-right: 5px;
}

.featured-title {
	font-weight: bold;
	font-size: 19px;
	vertical-align: middle;
	background-color:#EDF0F7;
	border: thin dashed #E2A320;
	height: 25px;
	padding-top: 9px;
	text-indent: 5px;
	text-align: center;
}

.featured-title-sm {
	font-weight: bold;
	font-size: 17px;
}

.featured-padding {
	padding-bottom: 15px;
	padding-right: 10px;
	padding-left: 10px;
}


.featured-footer {
	font-weight: bold;
	vertical-align: middle;
	height: 40px;
	
}  

.web-directory-orange {
	
	border: thin dashed #E2A320;
	height: 1px;
	border-bottom: none;
	border-left: none;
	border-right: none;
	padding-bottom: 15px;

}

.event-ideas {
	padding-top: 5px;
	vertical-align: top;
	height:100%;
	font-weight: 500;
	font-size: 11.5px;
	}
	
.event-ideas p {
	padding-left: 15px;
	padding-right: 15px;
	}
	
.event-ideas li { padding-right: 15px; line-height: 17px; } 

/* Dropdown Nav */

.menu {width:1023px; height:32px; font-size:0.85em; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:1024px; w\idth:1023px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:123px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative; list-style-image:none;width:112px;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:112px; height:32px; border:1px solid #000; border-width:0px 0px 0px 0px; line-height:33px; padding-right:0px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:123px; w\idth:112px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:32px;left:13px; width:190px;border-top:1px solid #96aac0;}
/* another hack for IE5.5 */
* html .menu ul ul {top:31px;t\op:32px;}

/* position the third level flyout menu */
.menu ul ul ul{left:190px; top:-1px; width:190px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#EDF0F7; color:#000; line-height:1em; padding:8px 10px; width:160px;border-width:0 1px 1px 1px; border:1px solid #96aac0; height:auto; text-align:left;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:160px;w\idth:160px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#e2a320; text-decoration:underline;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#e2a320;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}