/*	Client: RSPCA Bedfordshire South Branch
	Designed by: Robin Fisher from captured sparks
	Version: 1
	Date: 10 February 2007 */

/*Colours

#ffffff - white
#b3e7fa - light blue
#00aeef - dark blue
#464646 - text - nearly black
*/
	
/*	Global reset ------------------------------------------------ */

*	{
	margin: 0;
	padding:0;
	text-decoration: none;
	list-style: none;
}

/*	End global reset -------------------------------------------- */

/*	Basic styles ------------------------------------------------ */

a	{
	text-decoration: underline;
	color: #00aeef;
}

a:hover {
		background-color: #00aeef; 
		color: #ffffff;
}

a.paginate	{
			margin-left: 520px; /* positions the links at the bottom of the "Need to Know" pages */
}

a img	{
		background-color: #ffffff; /* stops a blue background appearing when hovering on an image link */
		border: none;
}

blockquote 	{
			float: right; 
			text-align: justify; 
			font-style: italic; 
			font-size: 1em; 
			border: 2px solid #00aeef; 
			width: 20%;
			padding: 20px 10px 0px 10px;
			margin: 5px 0 5px 10px;
			background-image: url("../images/top_left_quote.jpg");
			background-position: top left;
			background-repeat: no-repeat;
			}

blockquote p	{
				background-image: url("../images/bottom_right_quote.jpg");
				background-position: bottom right;
				background-repeat: no-repeat;
				padding-bottom: 10px;
}

body 	{
		background: #ffffff url(../images/bground.jpg) repeat-y 0 0; 
		color: #464646; 
		margin-right: auto; 
		text-align: center; 
		min-width: 780px; 
		max-width: 950px; 
		font-family: Verdana, Arial, sans-serif; 
		font-size: 0.9em; 
		font-weight: 100;
}

dd 	{
	margin: 0 0 10px 0;
}

dt	{
	padding: 5px 0;
	font-weight: bold;
}

h1 	{
	font-size: 24pt; 
	font-weight: 100; 
	color: #00aeef;
	margin-bottom: 5px;
}

h2 	{
	font-size: 18pt; 
	font-weight: 100; 
	color: #00aeef; 
	margin-bottom: 5px;
	}
	
img.inlineimage	{
				float:right;
				border: 1px solid #00aeef;
				margin: 5px 0px 5px 10px;
}

p 	{
	margin: 0px 5px 10px 0px;
}

span.strong	{
			font-weight: bold;
}

ul.inlinelist	{
				margin-left: 30px; 
				padding-bottom: 10px;
}

ul.inlinelist li	{
					list-style-type: circle;
					font-weight: bold;
}

/*	End basic styles -------------------------------------------- */

/*	Begin general layout ------------------------------------------------ */

#header	{
		background-color: #00aeef; 
		text-align: left; 
		padding-left: 30px;
		height: 150px;
}

@media screen {

				#header 	{
							width: 100%; 
							display: table;
							}
							
				#header img {
							float: left; 
							margin-right: 29px;
							}
							
				#wrapper 	{
							clear: both;
							}
}

#logo 	{
		position: relative; 
		margin: 20px 0px 0px -19px;
		padding-top: 20px;
}

#menu 	{
		float: left; 
		width: 150px; 
		position: relative; 
		text-align: left; 
		background-color: #b3e7fa;
		z-index: 1;
}

#cruelty	{
			border: 1px solid #464646;
			text-align: center;
			padding: 10px 5px 10px 0;
			margin: 20px 5px 0 5px;
			background-color: #00aeef;
			font-weight: bold;
}

#main	{
		position: relative; 
		padding: 20px 20px 20px 170px;
		text-align: left; 
}

#footer	{
		clear: both; 
		text-align: center; 
		margin: 20px 0 0 150px;
}

#credits	{
			margin: 10px 0 0 150px; 
			text-align: center; 
			font-size: 8pt;
}

/*	End general layout ------------------------------------------ */

/*	Begin homepage layout - two column main --------------------- */

#welcome	{
			text-align: left; 
			font-size: 5em;
			margin-top: -20px;;
}

#branch	{
		text-align: right; 
		font-size: 2.5em; 
		color: #00aeef;
}

#colwrapper	{
			overflow: auto; 
			margin-top: 20px;
}

#mainleftcol	{
				float: left; 
				text-align: left; 
				width: 50%; 
				border-right: 2px solid #00aeef; 
				padding-right: 10px;
}

#mainrightcol	{
				text-align: left; 
				margin: 0;
				position: relative;
				overflow: hidden;
				padding-left: 20px;
				height: 1%;
}

* html #mainrightcol	{
						overflow: visible;
}

#donatelist	{
			padding-left: 20px;
}

#donatelist li	{
				padding: 5px 0;
}

#donatelist a	{
				font-size: 1.5em; 
				color: #464646;
}

#donatelist a:hover	{
					color: #ffffff; 
					background-color: #00aeef;
}

/* End homepage layout ------------------------------------------ */

/* Begin navigation --------------------------------------------- */

#menu ul	{
			padding-top: 15px;
}

#menu ul a	{
			color: #464646; 
			display: block; 
			padding: 5px 15px 5px 15px;
}

#menu ul a:hover	{
					color: #ffffff;
}

#menu ul a.current	{
			border-top: 1px solid #464646; 
			border-bottom: 1px solid #464646; 
			background-color: #00aeef;
}

#menu li a	{
			height: 1%;
}


/* End navigation ----------------------------------------------- */

/* Begin form styles -------------------------------------------- */

fieldset	{
			border: 1px solid #00aeef; 
			margin: 0px 0px 20px 0px; 
			padding: 20px 0px; 
			width: 750px;
}

input, textarea	{
				margin: 10px 0px 0px 20px;
}

label	{
		margin-left: 10px;
		text-decoration: underline;
		text-align: left;
}

legend	{
		border: 1px solid #00aeef; 
		margin: 0px 20px; 
		padding: 5px 20px; 
		color: #00aeef; 
		font-size: 1.5em;
}

/* End form styles ---------------------------------------------- */

/* Begin styles for adoption pages - php query results ---------- */

table {
 margin: 10px;
 }

th {
 border-bottom: 2px solid #000000;
 margin-right: 10px;
 }

td {
 padding: 5px;
 }

tr {
 padding: 5px;
 }
 
div.results 	{
				border: 2px solid #80C7FF;
				background-color: #C8E6FF;
				margin-bottom: 2em;
				line-height: 2em;
 				width: 340px;
				padding: 10px;
 }

div.results p {
	margin-top: 1em;
}

div.results img {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

table.results 	{
				border: 2px solid #80C7FF;
				background-color: #C8E6FF;
				margin-bottom: 2em;
				line-height: 2em;
 				width: 340px;
 }

#show {
	width: 75%;
}

table.homeresults	{
					border: 2px solid #80C7FF;
 					background-color: #C8E6FF;
 					margin-bottom: 15px;
 					line-height: 2em;
					width: 90%;
}

td.info {
 position: relative;
 }
 
td.photo {
 float: right;
 }

div.moreinfo {
 visibility: hidden;
 }

/* end adoption page styles */

ul.links {
	margin-bottom: 1em;
}