html {
   margin: 0;
   padding: 0;
}

body {
   font-size: 90%; /* initially set to percentage so that ems work without producing miniscule text in IE */
   text-align: center; /* needed to center the container in IE5.x because it doesn't like 'margin: 0 auto' */
   margin: 0 auto; padding: 0;	
   font-family: Verdana, Helvetica, sans-serif;
   font-weight: normal; color: #555;
	background-color: #ffffff;
	/* behavior: url(csshover.htc);  WinIE behavior call */
}


/*=====divs======*/

div.left {
   float: left;
   padding-left: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
}


div.right {
   float: right;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
}

div.h1bar {
   margin-left: 20px;
   margin-right: 20px;
   height: 45px;
}

div.h1left {
   float: left;
}

div.homelinkbar {
   margin-left: 20px;
   margin-right: 20px;
   height: 25px;
}

div.homelink {
   float: left;
}

div.pagination {
   float: right;
   padding-left: 20px;
}

div.innercontainer {
   margin-left: 10px;
   margin-right: 10px;
}

div.innercontainer2 {
   padding-left: 20px;
   padding-right: 20px;
}

div#easyfundraising {
   float: left;
}

div#right_panel {
   width: 668px;
   float: right;
   display: block;
   background-color: white;
   color: #555;
   margin-bottom: 10px;
   margin-top: 10px;
   line-height: 1.5em;
   font-size: 0.9em;
}

div#right_panel p {
   padding-left: 20px;
}

div#right_panel strong{
   color: #0e9030;
   font-size: 1.1em;
   font-weight: bold;
}

div#right_panel ul {
   list-style-image: url(../images/bullet.gif);
   margin-left: 20px;
   padding-left: 20px;
}

div#youtube {
   margin-left: auto;
   margin-right: auto;
   width: 425px;
   background-color: white;
   padding-top: 10px;
}

div#below {
   margin-left: 10px;
   margin-right: 10px;
   padding-top: 20px;
   height: 30px;   
}

div#below a {
   text-decoration: none;
   color: #0e9039;
   background-color: white;
   font-weight: bold;
}

div#below a:hover {
   text-decoration: underline;
   color: #305729;
   background-color: white;

}

span#donatebottom {
   background-color: white;
   float: right;
   width: 150px;
   height: 69px;
}

div#sublinks{
   margin-left: 80px;
   margin-right: 80px;
   background-color: white;
   height: 200px;
}

div#sublinks_small{
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 15px;
   background-color: white;
   height: 100px;
}


div#wrapper {
   margin: 0 auto; 
   padding: 0; 
   width: 688px;
   line-height: 1.4em;
   background-color: #ffffff;
}

div#headerwrapper {
   margin-left: 20px;
   margin-right: 20px;
   Padding-top: 10px;
   height: 60px;   
}

div#banner {
   float: left;
   width: 468px;
}

div#donate {
   float: right;
   width: 150px;
   height: 60px;
}

div#header {
   margin: 0 0 0 0; 
   padding: 0; 
   height: 105px; 
}

div#content_outer {
   padding: 0; margin: 0 auto; /* centers the container */
   text-align: left; /* resets the text alignment */
   clear: left; /* Stops the content sitting next to the menu */
}


div#footer {
   clear: both;
   border-top: 1px solid #063d73;
   padding-top: 3px; 
   margin: 20px 0; 
   color: #555;
   font-size: .9em;
}

div#imgleft {
   float: left;
   padding: 5px;
}

div#imgright {
   float: right;
   padding: 5px;
}

div#homelink{
    font-size: 1.0em;
    font-weight: normal;
    background-color: white;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 1px;

}

div.shoplink {
   float: right;
}

div.homepagelinks_innercontainer_left {
   width: 340px;
   float: left;
}

div.homepagelinks_innercontainer_right {
   width: 340px;
   float: right;
}

div.homepagelinks_outercontainer_grey {
   background-color: #666666;
}

/*===========spans==========*/	

span#title {
   background-color: white;
   font-size: 1.5em;
   font-weight: bold;

}
 
span#contact {
   background-color: white;
   color: #0e9039;
   font-size: 1.2em;
   font-weight: bold;

}

span#cost {
   color: #0e9039;
   font-size: 1.4em;
   font-weight: bold;

}


span#sub_text {
   margin-left: 10px;
   margin-right: 10px;
   padding-top: 5px;
   height: 30px;
   float: left;   
}


span#sub_text h1 {
   padding: 0px;
   margin: 0px;  
   font-weight: bold;
}

span#sub_text h2 {
   font-size: 100%;
   padding-top: 10px;
   margin: 0px;
   border-bottom: none;
   font-size: 0.8em;
   font-weight: normal;
   line-height:1.2em;
   color:#666;  
}


span#sub_text a {
   text-decoration: none;
   color: #0e9039;
   font-weight: bold;
}

span#sub_text a:hover {
   text-decoration: underline;
   color: #305729;
}

span#sub_text a:hover h1 {
   text-decoration: underline;
}

span#sub_text a:hover h2 {
   text-decoration: underline;
}

span#sub_text a h1,h2 {
   text-decoration: none;
}

span#right {
   float: right;
}

span#left {
   float: left;
}

span#left.middle {
   padding-top: 15px;
}

span#contact a {
    color: #0e9039;
    text-decoration: none;  
}

span#contact a:hover {
    color: #305729;
    text-decoration: underline; 
}

span#text_gone {
   padding-top: 15px;
   color: #305729;
   font-size: 1.5em;
}

/*===========main elements==========*/	

img#search {
    float: right;
	margin-left: 20px;
}

h2 {
    font-size: 1.95em;
    font-weight: normal;
    background-color: white;
    margin-left: 20px; 
    margin-right: 20px;
    border-bottom: 1px solid #0e9039;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

h2 a:visited {
   color: #0e9039;
}

h2 a {
   text-decoration: none;
   color: #0e9039;
}

h2 a:hover {
   text-decoration: underline;
   color: #0e9039;
}

h1.firstHeading {
   font-family: Verdana, Helvetica, sans-serif;
   font-weight: normal; color: #555;
   background-color: #fff;
   font-size: 1.5em;

}

h1 {
    font-size: 1.2em;
    font-weight: normal;
    background-color: white;
}

h1.feeding {
    margin-left: 0px;
}

h1.home {
    font-size: 1.1em;
    font-weight: bold;
}

h3 {
   font-size: 1.1em;
   font-weight: bold;
   background-color: white;
   padding-left: 20px;
   font-style: normal;
}

h3.title {
   font-size: 1.1em;
   color: #000;
   font-weight: bold;
   padding: 0px;
   margin-left: 10px;
   margin-bottom: 0px;
}

h4 {
   font-size: 90%;
   font-weight: bold;
   margin-bottom: 0;
   padding-left: 20px;
   padding-bottom: 5px;
}

p {
   color: #555;
   margin: 0;
   text-align: justify;
   padding: 10px;
   line-height: 1.5em;
   font-size: 0.9em;
}

p.narrow {
   margin-left: 10px;
   margin-right: 10px;
}

img {
   border: none;
}

img.marginleft {
   margin-left: 10px;
}

img.left{
   float: left;
}

img.right{
   float: right;
}

table {
    font-size: 1.0em;
    font-weight: normal;
    background-color: white;
    margin-left: 10px;
    margin-right: 10px;
}

table#dogs {
    font-size: 1.0em;
    font-weight: normal;
    background-color: white;
    margin-left: 10px;
    margin-right: 10px;
}

table#dogs td {
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 40px;
    border-bottom: solid #000 1px;
}

table#dogs td.penrow {
    border-bottom: none;
	padding-bottom: 0px;
}

table#dogs td.lastrow {
    padding-bottom: 10px;
}

table#dogs td.products {
    padding-bottom: 20px;
}

table#dogs td.top {
    padding-bottom: 1px;
	padding-top: 1px;
}

table#gone {
    font-size: 1.0em;
    font-weight: normal;
    background-color: white;
    margin-left: 10px;
    margin-right: 10px;
	border-top: solid #000 1px;
}

table#gone td {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
;
}

a.head {
   font-weight: bold;
   text-decoration: underline;
}

a.head:hover {
   text-decoration: none;
}

a#navlink {
   font-size: 1.0em;
   font-weight: bold;
   color: #0e9039;
   text-decoration: none;
}

a#navlink:hover {
   text-decoration: underline;
   color: #305729;
}

a.under:hover {text-decoration: underline;}
a.under:link {text-decoration: underline;}
a.under:active {text-decoration: underline;}


a:link {color: #0e9039;}
a:visited {color: #0e9039;}
a:hover a:active {color: #0e9039; text-decoration: underline;}
ul, ol, li {margin: 0; padding: 0; text-align: left;}
td {font-size:80%; vertical-align: top;}

/*===========navigation===========*/

#menu {
	float: left;
	width: 12em;
	margin-right: 5px;
	font-size: .8em;
}

#menu ul {
	margin: 0;
	padding: 0;
	width: 12em;
	background:#fff;
	border-top: 1px dotted #6997bf;

}

#menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	border-bottom: 1px dotted #6997bf;
}


#menu li a {
	display: block;
	font-weight: normal;
	text-decoration: none;
	color: #555;
	padding:.5em 0 .5em 5px;
	width: 12em;
}
#menu>ul a {
	width: auto; /*Together with the width set in #menu li a, this forces IE6 to fix a problem it has with setting display:block on a links */
}

#menu li a:hover {
	font-weight: bold;
}

#menu li a.current {
	font-weight: bold;
	color: #fff;
	margin: 2px 0 2px 0;
	background-color: #555;
}

#menu li.submenu {
	background: url(images/submenu.gif) 95% 50% no-repeat;
}

#menu ul ul {
	position: absolute;
	top: -1px;
	left: 12em;
	display: none;
}

#menu ul.level2 li a, ul.level3 li a {
	padding-left:8px;

} 



/* Display the submenu of the hovered list item */
#menu ul.level1 li.submenu:hover ul.level2,
#menu ul.level2 li.submenu:hover ul.level3  {
	display: block;	
	border-right: 1px solid #e6edf2;
	border-left: 1px solid #e6edf2;
}

/*===========Pagination classes===========*/


a.pagination_unselected {
   padding-left: 20px;
}

a.pagination_unselected:hover {
   font-weight: bold;
}

a.pagination_selected {
   padding-left: 20px;
   text-decoration: none;
   font-weight: bold;
}


/*===========Control classes===========*/

p.help {
   padding-top: 0px;
}

p.highlighthelp {
   color: #0e9039;
   font-weight: bold;
   font-size: 1.2em;
   padding-bottom: 0px;
}

p.highlighthelpwolfie {
   color: #ff0000;
   font-weight: bold;
   font-size: 1.3em;
   padding-bottom: 0px;
}

p.highlight {
   color: #0e9039;
   font-weight: bold;
   font-size: 1.2em;
}

p.highlight a:hover{
   text-decoration: underline;
   color: #305729;
}

p#below a {
   text-decoration: none;
   color: #0e9039;
   background-color: white;
   font-weight: bold;
}

p#below a:hover {
   text-decoration: underline;
   color: #305729;
   background-color: white;

}

div#help{
   color: #0e9039;
   font-weight: bold;
   font-size: 1.2em;
   margin-left:10px;
   background-color: white;
   padding-top: 10px;
   height: 55px;
}

input#right{
   float:right;
   padding-top: 10px;
   padding-bottom: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
}

/*============== search =============*/
div.search {
   float: right;
   width: 328px;
   height: 60px;
   padding: 0px;
   margin: 0px;
   background-color: #fff;
}
            
.search form {
   margin: 0px;
   padding: 0px;
}

.search .inner {
   width: 328px;
   height: 60px;
   border: 1px solid #000000;
}

.search .inner .logo {
   width: 198px;
   height: 58px;  
   background-image: url('http://www.southerncountiesgsdrescue.co.uk/images/searchlogo.jpg'); 
   cursor: pointer;
}

.search .inner .searchInput input {
   width: 125px;
   margin-right: 3px; 
   margin-top: 6px; 
   font-family: arial, verdana, sans-serif; 
   font-size: 13px; 
   color: #828282;
}

.search .inner .searchButton input {
   width: 60px; 
   margin-right: 2px; 
   margin-bottom: 3px; 
   font-family: arial, verdana, sans-serif; 
   font-size: 13px;
}