body, html, h1, h2, h3, h4, h5, h6, div, p, img, a, ul, li, ol {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    font-family: sans-serif;
    background-color: #fff;
    line-height:130%;
}

.inner {
    margin-left: auto;
    margin-right: auto;
    width: 950px;
    padding: 0 0 0 0;
}

.flash {
	font-size: 80%;
	font-weight: bold;
	color: #EFA405;
	background: #fff;
	padding: 4px 6px;
	border: 1px solid #bbb;
	margin: 10px 0 0 0;
}
#error-notice {
	font-size: 80%;
	font-weight: bold;
	color: #880000;
	background: #fff;
	padding: 4px 6px;
	border: 1px solid #bbb;
	margin: 10px 0 0 0;
}

div.site-message {
	background: #f4f4f4;
	padding: 7px 5px 5px 5px;
	border: 1px dotted #638D2B;
	margin: 10px 0 0 0;
	width: 310px;
}
    div.site-message p {
        margin: 0;
    }

div.main-inner-bottom {
	width: 320px;    
}

a {
	text-decoration: none;
	color: #769f3e;
}
	a:hover {
		text-decoration: underline;
	}

/* Header */
#header {
	background: #003e9e url(../images/header_bg.jpg) repeat-x;
	border-bottom: 1px solid #333;
	height: 30px;
	padding: 20px 0 15px 0;
	overflow: hidden;
}
	#menu {
		float: right;
		list-style-type: none;
		padding: 15px 0 10px 0;
	}
		#menu li {
			display: inline;
			margin-right: 15px;
		}
			#menu li a {
				color: #c3d7ee;
				font-size: 90%;
				font-weight: bold;
				text-decoration: none;
				padding: 3px 0px;
			}
				#menu li a.selected {
					background: #4987cf;
					color: #fff;
					padding: 3px 6px;
				}
			#menu li a:hover {
				color: #fff;
			}
			#menu li.map a {
				padding: 5px 0 5px 26px;
				background: url(../images/nav_marker.gif) no-repeat;	
			}
			#menu li.home {
				margin: 0 15px 0 0;
			}
			
	#header .inner, #subheader .inner {
		padding: 0 0 0 20px;
	}

/* Subheader (large green thing) */

.front #subheader {
	display: none;	
}

#subheader {
	background: #84ba3b url(../images/green_bg.jpg) repeat-x;
}
	#subheader h1 {
		color: white;
		font-weight: bold;
		font-size: 150%;
		padding: 15px 0 10px 0;
	}

/* Footer */

#footer { 
	height: 70px;		
}

#footer .inner {
	padding: 15px 0
}

#footer .ngos {
	float: left;
	margin: 0 15px 0 0;
}
#footer .hsbc {
	float: right;
}
#footer .twitter {
	float: right;
	margin: 0 15px 0 0;
}
#footer .facebook {
	float: right;
	margin: 0 100px 0 0;
}
#footer .info {
	float: left;
	font-size: 70%;
	color: #555;
	padding: 0px 20px;
	line-height: 1.5em;
}


/* Main content area */
#content {
	background: #e1e1e1;
	overflow: hidden;
	padding: 0 0 20px 0;
}

.box-left {
	float: left;
	width: 500px;
	margin: 20px 0 0 0;
	padding: 15px;
	background: #fff;
	font-size: 80%;
	color: #333;
	line-height: 130%;
}
	.box-left p {
		margin: 0 0 10px 0;
		line-height: 130%;
	}
	
	.box-left h3 {
		margin: 0 0 10px 0;
		line-height: 130%;
		font-weight: normal;
		font-size: 1.2em;
	}
	
	.box-left ul {
	    list-style-position: inside;
	    margin-left:10px;
	}
	
	.box-left ul li {
	    margin-bottom: 3px;
	}

.box-right {
	float: right;
	width: 360px;
	margin: 20px 15px 0 0;
	padding: 15px;
	background: #fff;
	font-size: 80%;
	color: #333;
}
	.box-right h3 {
		font-family: Georgia, serif;
		color: #174a85;
		font-weight: normal;
		font-size: 140%;
		margin: 0px 0 5px 0;
	}

/* Front-page specific */

body.front #content {
	background: #e1e1e1 url(../images/rivers_bg.jpg) repeat-x 50% 0;
}

.main-right {
	float: right;
	width: 610px;
	background: #fff;
	padding: 20px;
	margin: 20px 0 0 0;
}
	.main-right h2 {
		font-family: Georgia, serif;
		color: #174a85;
		border-bottom: 1px solid #ccc;
		font-weight: normal;
		font-size: 170%;
		display: block;
		width: 313px;
		padding-bottom: 5px;
	}
	.main-right p {
		margin: 15px 0 0 0;
		font-size: 75%;
		line-height: 130%;
		color: #2e2e2e;
		letter-spacing: -0.02em;
	}
	.main-right #map {
		float: right;
		width: 260px;
		height: 442px;
		border: 2px solid #949494;
		margin: 0 0 0 20px;
	}

#front-form,
#front-adopter {
	background: #85bc3c;
	border: 2px solid #638d2b;
	padding: 15px;
	float: left;
	width: 290px;
	overflow: hidden;
	margin: 15px 0;
}
	#front-form label,
	#front-adopter p {
		font-family: Georgia, serif;
		border-bottom: 1px dotted #ddd;
		font-size: 130%;
		color: #fff;
		display: block;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
	}
	#front-form #river_input {
		border: 1px solid #aaa;
		padding: 10px;
		color: #555;
		font-weight: bold;
		font-size: 16px;
		background-color: #f4f4f4;
		width: 190px;
		float: left;
		margin: 0 10px 0 0;
	}
	#front-form .submit {
		vertical-align: middle;
		float: left;
	}

	#front-adopter p {
		border-bottom: none;
		padding: 0;
		margin: 0;
	}

#key-tab {
	width: 71px;
	height: 31px;
	background: transparent url(../images/btn_key.png) no-repeat 0 0;
	cursor: pointer;
}
	#key-tab:hover {
		background-position: 0 -31px;
	}

#key-main {
	width: 143px;
	height: 105px;
	padding: 4px;
	position: absolute;
	top: -120px;
	left: -180px;
	cursor: normal;
	background: transparent url(../images/key_bg.png) no-repeat 0 0;
	list-style-type: none;
}
	#key-main li {
		padding: 11px 0 0 33px;
		height: 24px;
		font-size: 11px;
		color: #777;
		background: transparent url(../images/pin_individual.png) no-repeat 8px 6px;
	}
		#key-main li .checkbox {
			float: right;
			margin: 0 7px 0 0;
		}
		#key-main li.mp {
			background-image: url(../images/pin_mp.png);
		}
		#key-main li.organisation {
			background-image: url(../images/pin_organisation.png);
		}

#front-left {
	float: left;
	width: 295px;
	margin: 245px 0 0 0;
}

* html ul.photos li {
	margin: 0 9px 9px 0;
}
	#front-left h3 {
		font-family: Georgia, serif;
		color: #174a85;
		font-weight: normal;
		font-size: 100%;
		margin: 20px 0 10px 0;
	}
	

ul.photos {
	list-style-type: none;
	background: #e1e1e1;
	overflow: hidden;
}
	ul.photos li {
		float: left;
		width: 75px;
		height: 75px;
		padding: 6px;
		background: transparent url(../images/photo_square.png) no-repeat;
		margin: 0 10px 10px 0;
	}

#front-window {
	width: 234px;
}
	#front-window_contents {
		background: transparent url(../images/map_bubble_mid.png) repeat-y;
		overflow: hidden;
		font-size: 120%;
	}
		#front-window_contents .inside {
			padding: 10px 15px;
			font-size: 70%;
			width: 192px;
		}
		#front-window_contents h4 {
			font-size: 110%;
			font-weight: bold;
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 1px dotted #ccc;
		}
		#front-window_contents a {
			float: left;
			margin: 2px 0;
		}
	#front-window_tl, #front-window_tr, #front-window_bl, #front-window_br {
		width: 0;
		height: 0;
	}
	#front-window_l, #front-window_r {
		width: 0;
		height: 300px;
	}
	#front-window_tl, #front-window_tr {
		height: 11px;
	}
	#front-window_bl, #front-window_br {
		height: 24px;
	}
	#front-window_t {
		width: 234px;
		height: 11px;
		background: transparent url(../images/map_bubble_t.png) no-repeat;
	}
	#front-window_b {
		width: 234px;
		height: 24px;
		background: transparent url(../images/map_bubble_b.png) no-repeat;
	}


/* Adoption page specific */

#adopt-form {
	float: left;
	width: 500px;
	margin: 15px 0 0 0;
	padding: 15px;
	background: #fff;
	font-size: 80%;
	color: #2e2e2e;
}
	#adopt-form h3 {
		font-family: Georgia, serif;
		color: #174a85;
		font-weight: normal;
		font-size: 140%;
		margin: 10px 0 10px 5px;
	}
		#adopt-form.no-prelude h3 {
			margin-top: 0;
		}
	#adopt-form p {
		margin: 0 0 10px 0;
	}
	#adopt-form div.field {
		overflow: hidden;
		padding: 3px;
	}
	#adopt-form div.odd {
		background: #efefef;
	}
	#adopt-form label {
		float: left;
		width: 250px;
		padding: 6px 5px 4px;
		font-size: 1em;
	}
	#adopt-form input, #adopt-form select {
		border: 1px solid #ccc;
		font-size: 14px;
		padding: 3px;
		margin: 3px 2px 3px 0;
	}
	* html #adopt-form input, #adopt-form select {
		width: 200px;	
	}
	#adopt-form #location_fire { 
		font-size: 80%;
		color: #333;
		width: 130px;
		cursor: pointer;
	}
	#adopt-form #location_extra {
        color:#666666;
        font-size:80%;
        padding:0 8px;
    }
	#adopt-form #label_is_organisation {
		width: 250px;
	}
	#adopt-form small {
		display: block;
		margin: 6px 0;
	}
	#adopt-form .submit {
		width: auto;
		border: none;
		padding: 0;
		margin: 15px 215px 0 0;
		text-align: left;
	}
	#adopt-form .errorlist {
		padding: 25px 10px 0 10px;
		color: #800;
		font-weight: bold;
		list-style-type: none;
	}
	#adopt-form .submit-first {
		width: auto;
		float: left;
		clear: left;
		margin: 10px 15px 0 5px;
		padding: 3px 8px;
	}
	#adopt-form .submit-many {
		width: auto;
		float: left;
		margin: 10px 5px;
		font-size: 85%;
		padding: 4px 3px;
	}
	#adopt-form .cancel {
		color: #444;
	}
	#adopt-form .delete {
		color: #644;
	}
	#adopt-form #location_choices {
		list-style-type: none;
	}
		#adopt-form #location_choices li {
			cursor: pointer;
			color: #369;
		}
	.help-text {
		float: right;
		padding: 10px;
		color: #666;
		width: 120px;
	}
	#adopt-form p.after-form {
		margin-top: 13px;
	}
	
	#adopt-form #stage_2_submit_button {
		float: left;
		margin-left: 10px;
	}
	
	#adopt-form #stage_2_save_button {
		float: left;
	}
	
	#adopt-form #stage_2_save_button .submit {
		width: auto;
		margin: 10px 0 0;
	}
		
	#adopt-form .response-submit p {
	    margin: 20px 0 0 0;
	}
	
	#adopt-form .response-submit .save_button,
	#adopt-form .response-submit .submit_button {
		float: left;
	}
	#adopt-form .float-none .save_button {
	    float: none;
	}
	
	#adopt-form .response-submit .submit_button {
		margin-left: 10px;
	}
	
	#adopt-form .response-submit .save_button .submit,
	#adopt-form .response-submit .submit_button .submit {
		width: auto;
		margin: 10px 0 0;
	}
	
/* Simple generic form */

.simple-form {
	float: left;
	width: 500px;
	margin: 15px 0 0 0;
	padding: 15px;
	background: #fff;
	font-size: 80%;
	color: #2e2e2e;
}
	.simple-form div.field {
		overflow: hidden;
		padding: 3px;
	}
	.simple-form div.odd {
		background: #efefef;
	}
	.simple-form label {
		float: left;
		width: 250px;
		padding: 6px 5px 4px;
		font-size: 1em;
	}
	.simple-form input, #adopt-form select {
		border: 1px solid #ccc;
		font-size: 14px;
		padding: 3px;
		margin: 3px 2px 3px 0;
		width: 190px;
	}
	.simple-form .submit {
		width: auto;
		border: 1px solid;
		padding: 5px;
		margin: 15px 215px 0 0;
		text-align: left;
	}
	.simple-form .errorlist {
		padding: 25px 10px 0 10px;
		color: #800;
		font-weight: bold;
		list-style-type: none;
	}

#map.adopt {
	float: right;
	border: 3px solid #fff;
	margin: 15px 0 0 0;
	width: 400px;
	height: 250px;
}

/* Actions page */

ol.actions {
	margin: 10px 0;
	padding-left: 30px;
}
	ol.actions li {
		font-size: 140%
	}
		ol.actions li a {
			font-size: 90%;
			color: #369;
			text-decoration: none;
		}

#field_categories ul {
	list-style-type: none;
}


/* Problems page */

ul.problems {
	list-style-type: none;
	margin: 5px 0 0 0;
}
	ul.problems li {
		padding: 5px;
	}
		ul.problems li a {
			color: #568;
			text-decoration: none;
			font-size: 85%;
		}
			ul.problems li a b {
				color: #346;
				font-size: 120%;
				margin-right: 10px;
				border-bottom: 1px dotted #346;
			}

.below-form {
	margin: 10px 0;
}

ul.adoption-photos {
	padding: 15px;
}
	ul.adoption-photos li {
		position: relative;
	}
		ul.adoption-photos li .delete {
			position: absolute;
			bottom: 0;
			right: 0;
		}


#adopt-form.problems label {
	float: left;
	width: 320px;
	padding: 4px;
}

.submit-response {
	display: block;
	margin: 10px 0 0 0;
}

ul.sendlist {
	margin: 10px 5px;
	list-style-type: none;
}

#photo_form * {
	vertical-align: middle;
}

.response-head {
    font-weight: bold;
}
.response-info {
    font-size:75%;
    color: #777;
}

.side-teaser {
        float:right;
        width: 405px;
    	margin: 20px 0 0 0;    
}

/* Holding page */

body.holding #header .inner {
	text-align: center;
}

body.holding h5 {
	font-size: 110%;
	color: #555;
	font-weight: normal;
	text-align: center;
	margin: 20px 0 10px 0;
}

form.holding {
	text-align: center;
	margin: 30px 0;
}
	form.holding * {
		vertical-align: middle;
	}

body.holding p {
	font-size: 80%;
	line-height: 140%;
	color: #555;
	padding: 0 70px;
	margin: 20px 0;
}

body.holding #footer {
	text-align: center;
}


/* Adopter 'profile' page */

    .adopter h3 {
            background: #84BA3B url(../images/heading_green.png) repeat-x;
            border: 1px solid #719b26;
            color: #fff;
            font-family: Georgia, serif;
            font-size: 20px;
            padding: 10px;
            line-height: 1;
    }
	.adopter h3.first {
		margin-top: 0;
	}
	.adopter ul {
    	margin: -10px 0 0 0;
    }
    	.adopter ul li {
    		padding: 13px 0 9px 10px;
    		background: url(../images/incomplete_bg.png) repeat-x;
    		border-bottom: 1px dotted #c5c5c5;
    		color: #000000;
    		margin: 0;
    	}
	
#photos h2 {
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 15px;
}


/* Flat pages */

div.side-photo {
    float:right;
    width: 390px;
}

div.side-photo img.border {
	margin: 20px 15px 0 0;
	border: 3px solid #fff;
}

img.side-photo {
    float:right;
	margin: 20px 4px 0 0;
	border: 3px solid #fff;
}

/* Actions page, Standup page */

h3.actions, h3.standup {
        background: #84BA3B url(../images/heading_green.png) repeat-x;
        border: 1px solid #719b26;
        color: #fff;
        font-family: Georgia, serif;
        font-size: 20px;
        padding: 10px;
        line-height: 1;
}

ul.actions, ul.standup, ul.key-dates {
	list-style-type: none;
	margin: -10px 0 0 0;
}
	ul.actions li, ul.standup li, ul.key-dates li {
		padding: 13px 0 9px 10px;
		background: url(../images/incomplete_bg.png) repeat-x;
		border-bottom: 1px dotted #c5c5c5;
		color: #86af40;
		margin: 0;
	}
	ul.key-dates li {
		background: none;
	}
	ul.standup li, ul.key-dates li {
		color: #000000;
	}
	
	
/* Autocomplete */

.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('./indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

.add-button {
	margin: 10px 0 0 0;	
}
.adopt-too-button {
	margin: 10px 0 0 65px;	
}

/* Map */

.map .main-right {
	width: 900px;
	padding: 20px;	
} 

.map .main-right #map {
	width: 900px;
	float: none;
	margin: 0;
} 

div#map-total {
	width: 151px;
	height: 43px;
	background: transparent url(../images/map_total.png) no-repeat 0 0;
	position:relative;
	top: 10px;
	left: 745px;
	z-index: 1000;
	margin-bottom: -43px;
}
    div#map-total p {
        font-weight: bold;
        font-size: 100%;
        padding: 13px 0 0 30px;
        margin: 0;
    }


/* forms */

#field_is_organisation input, #field_is_mp input, #field_agree_tncs input, #field_categories input {
	border: none;
	width: 20px !important;	
}