html { font-family: Tahoma, Arial, Helvetica, sans-serif; }  /* Change this to fit the site */ 
body { color: #000; margin: 0px; font-size: 62.5%; background: #fff;}
img { border: 0; outline:none; }

/* --- These are used to markup required field asterisks --- */
abbr { border: 0; }

/* --- Levels out differences between browsers --- */
h1 { font-size: 1.9em; color: #187577; }
h2 { font-size: 1.8em; color:#00A33D; }
h3 { font-size: 1.6em; color:#187577;}
h4 { font-size: 1.5em; }
h5 { font-size: 1.4em;  color: #ED1C91; }
form { margin: 0; padding: 0; }
input,select,textarea { font-size: 1.1em; }
p { margin: 5px 0px 10px 0px; padding: 0px 0px 0px 0px;}
small { font-size: 1.1em; }
h2,h3,h4,h5,h6 { margin: 10px 0 10px 0; }
h1 span, h2 span, h3 span { display: none; }
table, p, ul { font-size: 1.2em; color:#187577;}

/* --- The only reliable way to style HR's is to hide them and them style a div! --- */
hr {
	visibility: hidden;
}
div.d_hv {
	border-bottom: 1px dashed #ccc;
	margin: 0 0 16px 0;
	height: 5px;
}

/* --- Some useful tools/classes --- */
.border { border: 1px solid #000 !important; }
.clrb { clear: both; }
.clrb_thin { clear: both; line-height: 0px; }
.inline { display: inline; }
.left { float: left; }
.right { float: right; }
.hidden { visibility: hidden; }
.size10 { font-size: 1.0em; }
.size11 { font-size: 1.1em; }
.size12 { font-size: 1.2em; }
.size13 { font-size: 1.3em; }
.size14 { font-size: 1.4em; }
.none { display: none; }
.text_center { text-align: center; }
.text_right { text-align: right; }
.red { color:#FF0000; }
.dark_green { color:#187577; }
.light_green { color:#00A33D; }
.message { color: #FF0000; font-size: 1.3em; font-weight: bold; letter-spacing: -1px;}
.point { cursor: pointer; }
.no_marg { margin: 0!important; }
object { outline:none; }

 ul.sortable_ul {
	display:inline;
	padding:0;
	margin:0;
}

ul.sortable_ul li {
	display:inline;
	padding:0;
	margin:0;
} 

/* ---  Main link styles --- */

#title_print {display:block!important; color:#000000; font-size:2.2em;}

a:link, a:active, a:visited { 
	text-decoration: none; 
	font-weight: normal;
	color: #FF7F00;
	outline:none;
}
a:hover {
	text-decoration: underline;
	outline:none;
}
/* --- Error message ul --- */
.error_ul {
	margin: 5px 0 5px 0;
	padding: 0 0 4px 0;
	color: #FF0000; 
	font-size: 1.2em; 
	font-weight: bold; 
	letter-spacing: -1px;
	list-style: circle;
}
.error_ul li { margin: 0 0 0 25px; }

/* --- Standard Form Styling stuff --- */
.form_wrap {
	width:650px;
	margin:0 auto 0 auto; 
	padding: 7px 0 7px 0;
}

form * {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

form label {
	display: block;
	font-size:1.4em;
	margin:0 0 6px 0;
}

form span {
	width:200px;
	display:block;
	float:left;
	text-align:right;
}

form acronym {
	color:#FF6600;
	font-size:0.9em;
	margin:0 3px 6px 0;
}

form input, textarea, select {
	margin:0 0 6px 0;
	padding:1px;
	width:300px;
}

#contact_us_title { width:auto; }
.contact_us_submit { width:auto!important; margin:5px 135px 0 0; float:right; }

div.errorExplanation {
}

.errorExplanation h2, .errorExplanation ul li {
	color:#FF6600;	
}

.errorExplanation ul {
	padding: 0;
	margin: 0 13px;
	list-style-position: outside;
}

.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea  {
	border:1px dashed #FF6600;
	font-size:1.2em;
}

.poll_results ul {
	padding: 0;
	margin: 0 13px;
	list-style-position: outside;
}

/* --- Center aligned wrapper --- */ 
body {
	margin:0;
	background-color:#EFFFFC;
}

div#top_bg {
	background:url(/images/header_bg.png) no-repeat scroll 50% 0;
	margin:0;
}


div#main_bg {
	background:url(/images/content_wrap_bg_headbg.png) no-repeat scroll 50% 0;
	margin:0;
}

div#header_wrapper {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

#butterfly_animation {
	display:none;
}

#search_box_wrap {
	position:absolute;
	bottom:2px;
	right:30px;
	background-color:#489EAE;
	padding:2px 1px 2px 3px;
}

#search_box_wrap input {
	float:left;
	font-size:1.2em;
	width:117px;
	margin:0 2px 0 0;
}

#search_button {
	padding:0;
	width:auto!important;
	margin:-1px 0 0 3px;
}
div#wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding:0; 
}

/* --- Build site ---*/

/* ---- Left Nav ----- */

ul#breadcrumbs {
	margin: 23px 0 0 15px;
	padding: 0 0 0 0;
	
}
ul#breadcrumbs li {
	color:#00A33D;
	font-size:1.1em!important;
	display: inline;
}

#breadcrumbs p {
	margin: 0;
	color:#00A33D;
	font-size:1.1em!important;
}

#breadcrumbs p a,#breadcrumbs p a:visited {
	color:#FF7F00;
}

#breadcrumbs p a:hover {
	
}

#left_nav_col {
	float:left;
	margin: 0 0 0 43px;
}

#left_nav_wrap {
	display:none;
}

#left_nav_wrap ul {
	margin:0 0 10px 0;
	padding: 0;
	list-style:none;
	list-style-image:none;
}

#left_nav_wrap ul li {
	margin:0 0 3px 0;
}

#left_nav_wrap ul li a, #left_nav_wrap ul li a:visited {
	display:block;
	width:139px;
	padding:5px 0 5px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.7em;
	letter-spacing:-1px;
	background-color:#D7E8E9;
	color:#015353;
}

#left_nav_wrap ul li a:hover {
	background:url(/images/selected_nav_bg_light.png) center left no-repeat #D7E8E9;
	text-decoration:none;
}

#left_nav_wrap ul li a.nav_on, #left_nav_wrap ul li a.nav_on:visited, #left_nav_wrap ul li a.nav_on:hover {
	background:url(/images/selected_nav_bg.png) center left no-repeat #D7E8E9;
	text-decoration:none;
}

#left_polls_wrap {
	float:left;
	width:154px;
	padding:0 0 0 0;
	background:url(/images/left_nav_bg.png) bottom left no-repeat;
	margin:5px 0 0 0;
}

#white_bg_poll {
	width:120px;
	margin:5px 5px 20px 5px;
	padding:10px;
	background-color:#FFFFFF;
}

#left_polls_wrap form legend {
	padding:0;
	margin:0;
	border:0;
	display:none;
}

#left_polls_wrap form fieldset {
	padding:0;
	margin:0;
	border:none;
	width:130px;
}

#left_polls_wrap form span { width:70px;}
#left_polls_wrap form label {
	color:#015353;
	display:block;
	float:left;
	margin:0;
	width:130px;
	font-size:1.1em;
}

#left_polls_wrap form input {
	margin:0 0 0 5px;
	padding:0;
	width:auto;
	font-size:1.1em;
	float:left;
}

.poll_submit {
	float:right!important;
	margin:5px 15px 8px 0!important;
}

.poll_view_results {
	float:left;
	padding:5px 0 0 0;
	font-size:1.1em;
}

.left_signpost_title {
	color:#015353;
	font-size:1.4em;
	letter-spacing:1px;
	margin: 0 0 4px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
}


#left_text_resize_wrap {
	display:none;
}

#left_photos_wrap {
	float:left;
	width:142px;
	padding:12px 0 12px 12px;
	background:url(/images/left_nav_bg.png) bottom left no-repeat;
	margin:5px 0 0 0;
}

#left_photos_wrap img {
	float:left;
	margin:0 0 5px 0;
	
}

/* ---- Left Nav End ----- */

/* ---- Main content ---- */

#content_area {
	float:left;
	width:738px;
	padding:0 0 0 9px;
}

#home_title_long {
	float:left;
	width:729px;
	background:url(/images/title_bg_long.png) top left no-repeat;
	padding:11px 0 0 18px;
}

#home_title_long h1, #home_title_long h2, #page_title {
	float:left;
	font-weight:normal;
	color:#187577;
	margin:0;
	width:525px;
	font-size:2.5em!important;
}

#home_title_foot {
	float:left;
	width:747px;
	background:url(/images/title_bg_foot.png) top left no-repeat;
	height:12px;
}

#internal_title_long {
	float:left;
	width:729px;
	background:url(/images/main_wrap_bg_long.png) top left no-repeat;
	padding:11px 0 0 18px;
}

#internal_title_long h1, #internal_title_long h2 {
	float:left;
	font-weight:normal;
	color:#187577;
	margin:0;
	width:525px;
	font-size:2.5em!important;
}


.send_to_a_friend {
	float:right;
}

.send_to_a_friend span {
	float:right;
	display:block;
	font-size:1.2em;
	margin: 10px 5px 0 0;
}

.send_to_a_friend img {
	float:right;
	text-decoration:none;
	margin: 0 15px 0 0;
}

.send_to_a_friend a, .send_to_a_friend a:visited, .send_to_a_friend a:hover {
	color:#187577;
}

.main_block_wrap_long {
	float:left;
	background:url(/images/main_wrap_bg_long.png) top left no-repeat;
	width:714px;
	padding:13px 15px 0 18px;
}

.details_block_wrap_long {
	float:left;
	background:url(/images/main_wrap_bg_long_internal.png) top left no-repeat;
	width:714px;
	padding:11px 15px 0 18px;
}

.main_block_wrap_foot {
	float:left;
	background:url(/images/title_bg_foot.png) top left no-repeat;
	width:747px;
	height:12px;
}

p {
	margin-bottom:6px;
}

p.thin {
	width:300px;
	float:left;
}

#drop_down {
	float:left;
	width:400px;
}

#drop_down_internal {
	float:right;
	width:252px;
	margin-top:6px;
}

.padding_top_five {
	padding-top:10px;
}

#flash_map {
	display:none;
}

#degraded_text {
	position:absolute;
	top:345px;
	left:0;
	width:210px;
}

#flash_map h2 {
	color:#00A33D;
	font-size:2.2em;
	margin:0 0 10px 0;
}

#bristol_council_logo {
	float:right;
	margin: 0 20px 20px 0;
}

p.feedback_link {	
	float:left;
	width:250px;
	margin:0 0 0 15px;
}

#accessible_search {
	float:left;
	margin:0 0 0 30px;
}

#play_area_dropdown {
	float:left;
	padding:1px;
	margin:5px 0 0 0;
	width:200px!important;
}

#drop_down_internal #play_area_dropdown {
	float:left;
	padding:1px;
	margin:5px 0 0 0;
	width:150px!important;
}

#play_area_button {
	float:left;
	margin:5px 0 0 3px;
	width:auto;
}



	/* -- Details Styling -- */
	
.detail_images_wrap {
	float:left;
	width:688px;
	margin:10px 0 10px 8px;
	text-align: center;
}

.page_hr {
	float:left;
	background:url(/images/page_hr.png) top left no-repeat;
	width:691px;
	margin:5px 0 5px 10px;
	height:5px;
}

.four_images {
	border:4px solid #A1D2DB;
	margin:0 0 0 8px;
	width:150px;
	height:150px;
}

.left_photo_class {
	display:block;
	float:left;
	background:url(/images/bg_image_frame.png) top left no-repeat;
	padding:38px 10px 10px 41px;
	text-align:center;
}
.left_photo_class img {
	border:3px solid #A1D2DB; 
}

.right_photo_class {
	display:block;
	float:right;
	background:url(/images/bg_image_frame.png) top left no-repeat;
	padding:38px 10px 10px 41px;
	text-align:center;
}

.right_photo_class img {
	border:3px solid #A1D2DB; 
}


/* ---- Main content end ---- */



/* ---- Footer content ---- */

#footer_wrapper {
	width: 905px;
	background:url(/images/bg_footer_bar.png) top right no-repeat;
	margin:5px auto 20px auto;
	min-height:68px;
}

#dfcsf_logo {
	float:left;
	margin:3px 0 0 242px;
}

#bottom_links {
	margin: 13px 80px 0 115px;
}

.left_footer_links {
	color:#00A33D;
	padding:0;
}

.right_footer_links {
	font-size:1.1em;
	float:right;
	padding:0;
}



#footer_wrapper a, #footer_wrapper a:visited {
	color:#00A33D;
}

#footer_wrapper a:hover {
	color:#FF7F00;
}

/* ---- Footer content end ---- */

/* ----- KEy Dialogue ----------------------------------*/

.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; min-height:35px!important;}
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; float:right; display:none!important;}
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.map_key_title {
	margin:0!important;
	padding:0;
	font-size:1.5em!important;
	text-decoration:underline!important;
}

.key_icons {
	width:250px;
	margin:0 auto 0 auto;
}

.key_icons span {
	display:block;
	float:left;
	padding:10px 10px 0 5px;
	_padding:10px 10px 10px 5px;
	font-weight:bold;
	font-size:1em;
}

.key_icons img {
	float:left;
	padding:0 10px 0 0;
}