
/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	background: #F7F4E7 url(../images/homepage01.jpg) repeat left top;
	height:100%;
}

/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}

/** HEADINGS */

h1, h2 {
	margin: 0px 0px 15px 0px;
	font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000000;
}

h3 {
	margin: 0px;
	font-size: 11px;
	color: #1262B0;
}

h3 span {
	display: block;
	font-size: 10px;
	font-weight: normal;
	color: #434343;
}

/** TEXTS */

body, th, td, input, textarea, select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #58523F;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
}


ul { list-style-image: url("../images/redpin3.png") }


.text1 {
	color: #FFFFFF;
}

.text1 a {
	color: #FFFFFF;
}

.text2 {
	text-align: center;
	color: #9AB6CC;
}

.text2 a {
	color: #9AB6CC;
}

.text3 {
	text-align: center;
	color: #7096B5;
}

.list1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list1 li {
	padding-top: 15px;
	background: url(../images/homepage07.gif) repeat-x left top;
}

.list1 li.first {
	padding: 0px;
	background: none;
}

.list2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list2 li {
	padding: 5px;
	background: url(../images/homepage12.gif) repeat-x left top;
}

.list2 li.first {
	background: none;
}

.list2 a {
	padding-left: 9px;
	background: url(../images/homepage11.gif) no-repeat left center;
}

/** LINKS */

a {
	color: #F56200;
}

a:hover {
	text-decoration: none;
}

/** STYLES */

.style1 {
}

.style1 a {
}

.style1 a:hover {
}

/** BACKGROUNDS */

.bg1 { background: url(../images/bg01.jpg) repeat-y left top; }
.bg2 { background: url(../images/bg02.jpg) no-repeat left top; }
.bg3 { background: url(../images/bg03.jpg) no-repeat left bottom; }
.bg4 { background: url(../images/homepage07.gif) repeat-x left top; }
.bg5 { background: url(../images/homepage10.jpg) no-repeat left top; }
.bg6 { background: url(../images/bg06.jpg) no-repeat left top; }
.bg7 { background: url(../images/note_red.jpg) no-repeat left top; }
.bg8 { background: url(../images/note_orange.jpg) no-repeat left top; }
.bg9 { background: url(../images/note_lightred.jpg) no-repeat left top; }
.bg10 { background: url(../images/note_lightorange.jpg) no-repeat left top; }

/** MISC */

.align-justify { text-align: justify; }
.align-right { text-align: right; }

img { border: none; }

img.left {
	float: left;
	margin: 3px 15px 0px 0px;
}

img.right {
	float: right;
	margin: 3px 0px 0px 15px;
}

hr { display: none; }

.hr1 {
	height: 1px;
}

table {
		border-collapse:collapse;
		background:#EFF4FB url(http://www.roscripts.com/images/teaser.gif) repeat-x;
		border-left:1px solid #686868;
		border-right:1px solid #686868;
		font:0.8em/145% 'Trebuchet MS',helvetica,arial,verdana;
		color: #333;
		width:420px;
}

td, th {
		padding:5px;
}

caption, .caption {
		padding: 0 0 .5em 0;
		text-align: left;
		font-size: 1.4em;
		font-weight: bold;
		text-transform: uppercase;
		color: #333;
		background: transparent;
}

/* =links
----------------------------------------------- */

table a {
		color:#950000;
		text-decoration:none;
}

table a:link {}

table a:visited {
		font-weight:normal;
		color:#666;
}

table a:hover {
		border-bottom: 1px dashed #bbb;
}

/* =head =foot
----------------------------------------------- */

thead th, tfoot th, tfoot td {
		background:#515151 url(http://www.roscripts.com/images/llsh.gif) repeat-x;
		color:#fff
}

tfoot td {
		text-align:right
}

/* =body
----------------------------------------------- */

tbody th, tbody td {
		border-bottom: dotted 1px #333;
}

tbody th {
		/*white-space: nowrap;*/
}

tbody th a {
		color:#333;
}

.odd {}

tbody tr:hover {
		
}

#pagination_displaying {
	margin-top: 15px;
	font-weight: bold;
	font-size: 1.2em;
}

#pagination {
	font-size: 1.3em;
	font-weight: bold;	
}

ul#page_links {
	margin: 0;
	padding: 0;	
	list-style-type: none;
	float: right;
	font-family: "Trebuchet MS",helvetica,arial;
	list-style: none;
}

ul#page_links li {
	float: left;
	border: 1px solid white;	
	text-align: center;
	margin-right: 2px;
}

ul#page_links li a {
	text-decoration: none;
	border: none;
	display: block;
	padding: 5px;
	font-weight: bold;
}

ul#page_links li a:link, ul#page_links li a:visited, ul#page_links li a:active {
	background: #999;
	color: #FFF;	
	display: block;
	padding: 5px;
}

ul#page_links li a:hover {
	background: #000;
	color: #DDD;	
	display: block;
	padding: 5px;
	text-decoration: none;
}


ul#page_links li.disabled {
	background: #737171;
	color: #999;	
	display: block;
	padding: 5px;
}

.pagination_link {
	vertical-align: top;	
	margin-top: 2px;
}

a.white_page_link:link, a.white_page_link:visited, a.white_page_link:hover, a.white_page_link:active {
	color: #FFF;
}

.grey_text {
	color: #999;
}

.float_right {
	float: right;
}

.float_left {
	float: left;
}

.thumbnail {
	margin: 6px;	
}

.bold {
	font-weight: bold;	
}

.error {
	color: #980000;	
}

#map ul, .map ul {
	list-style: none;
	list-style-type: square;
}

#keep_safe_banner {
	margin: 10px 0px;
	position: relative;
}

#keep_safe_logo {
	width: 415px;
	text-align: center;	
}

img.keep_safe_event {
	margin: 10px 0px;	
}

/* adoption area */

	#adoption_home_box {
	}
	#adoption_home_header {
		height:165px;
		font-size: 112%;
	}
	#adoption_home_box img  {
		 -moz-border-radius: 10px;
		 border: 4px solid #B26701;	
	}
	img.adoption_home {		
		float: left;
		margin-right: 5px;
	}
	img.adoption_home2 {
		float: right;
		margin-left: 5px;
	}

	#postadoption_box {
	}
	#postadoption_header {
		font-size: 120%;				
	}
	#postadoption_header p {
		margin-top:10px;
	}
	#postadoption_box img  {
		 -moz-border-radius: 10px;
		 border: 4px solid #B26701;	
	}
/***********/

/*  end of default.css - do we need to combine this with layout.css - that way we can use styleswitcher to change styles more easily... */