/* Stylesheet: Guide to Bath */



/* Main Page Style */

body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 16px;

	color: #000;

	background-color: #FFF;

	margin: 0;

	padding: 0;

	height: 100%;

}



td {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

}



/* Layout of Elements */

#header {

	text-align: center;

	height: 50px;

	margin: 10px 0 10px 0;

}



#content {

	width: 955px;

	margin: 10px auto;

}



#navigation {

	width: 170px;

	padding: 0;

	margin: 0 10px 10px 0;

	float: left;

}



#main {

	padding: 0;

	margin: 0;

	line-height: 20px;

	float: left;

	width: 775px;

}


#topimg, .centredimg {
	display: block;
	margin: 0px auto;
}



#footer {

	text-align: center;

	margin: 0;

	padding: 0;

	clear: both;

	background-color: #EEECE0;

}



#subfooter {

	text-align: left;

	margin: 0 auto;

	border-top: 1px solid #330000;

	background-color: #FBFAF7;

}



/* Styling of Classed Elements */

.red {color: #FF0000}

.right {float: right;}



.mapbox p {

	margin: 0;

	}



blockquote.right {

	width: 190px;

	margin: 5px 0 0 15px;

	font-size: 11px;

}



ul {

	list-style-position: inside;

	margin: 0 0 0 0;

	padding: 0;

}



p.desc {

	background-color: #D4D0C8;

	color: #000;

	text-align: center;

	line-height: 18px;

	font-size: 11px;

	margin: 0 0 20px;

	border-bottom: 1px solid #666;

}



a.map {

	display: block;

	width: 158px;

	height: 210px;

	background: url(../images/citymap1.jpg) #FFF no-repeat center center;

	border-top: 1px solid #330000;

	border-bottom: 1px solid #330000;

}

a:hover.map {

	background: url(../images/citymap2.jpg) #F7F5ED no-repeat center center;

}



p.small {

	font-size: 10px;

}



p.bottomlinks {

	font-size: 10px;

	line-height: 15px;

	width: 450px;

	text-align: left;

	margin: 0 auto;

	padding: 15px 0 15px 180px;

}



p img {

	padding: 2px;

}



img.minipadded {

	padding: 0 6px 0 2px;

}



p.breadcrumb {

	font-size: 10px;

	border-bottom: 1px solid #ccc;

	margin: 10px 0;

	padding-bottom: 10px;

}



p.bottomtext {

	margin: 60px 0 0 0;

	padding: 0;

	text-align: left;

}



img.bottomtext {

	padding: 3px 5px 5px 0;

}



p.backtotop {

	font-size: 11px;

	margin: 10px 0;

	padding-top: 20px;

	text-align: right;

}



p.cta {

	background: url(../images/indent.gif) no-repeat left top;

	padding: 0 0 0 20px;

	margin: 50px 0 0 0;

	line-height: 16px;

}



#footer p.Copyright {

	font: 10px/30px Verdana;

	color: #630;

	margin: 0 auto;

	width: 450px;

	text-align: left;

	padding: 0 0 0 180px;

}



#navigation ul {

	list-style-position:outside;

	padding: 0;

	margin: 0 0 0 0;

	width: 160px;

}



#navigation ul li {

	list-style: none;

	list-style-type: none;

	margin: 0;

	padding: 0;

}



#navigation ul li a {

	display: block;

	margin: 0;

	padding: 0;

	width: 160px;

	height: auto;

	font: 11px/20px Verdana;

	border-top: 1px solid #663300;

	text-indent: 5px;

}



#navigation ul li a:link, #navigation ul li a:visited { 

	background-color: #FFF;

	text-decoration: none;

}



#navigation ul li a:hover, #navigation ul li a:active { 

	background-color: #F7F5ED;

	text-decoration: none;

}



/* Links Styling */



a { text-decoration: underline; }

a:link, a:visited { color: #330000; }

a:hover { color: #996600; }

a:active { color: #330000; }

a img { border: none; }

a span { text-decoration: underline; }

a.none { text-decoration: none; }



/* Text Formatting and Styling */



p img.padded, img.padded {

	padding: 3px;

	margin: 3px 10px;

}



h1, h2, h3 {

	margin: 5px 0;

	padding: 0;

	font-weight: normal;

}

h4 {

	margin: 0 0 2px 0;

	font: bold 14px/14px Verdana;

	color: #663300;

	text-align: center;

}



h1 a, h2 a, h3 a {

	text-decoration: none;

	}



h1 {

	color: #330000;

	font-size: 20px;

	line-height: 20px;

	margin: 10px 0 10px 0;

}



h2 {

	color: #663300;

	font-size: 16px;

	font-weight: bold;

	line-height: 20px;

	margin: 25px 0 5px 0;

}



h3 {

	color: #000000;

	font-size: 13px;

	font-weight: bold;

	line-height: 20px;

	margin: 20px 0 0 0;

}



p, blockquote, address, pre, ul, ol, dl {

	margin: 10px 0 10px 0;

}



blockquote, p.code {

	background-color:#F7F5ED;

	border: 1px solid #663300;

	margin: 0px;

	padding: 5px;

	text-indent: 0;

}

	

blockquote {

	font-size: 12px;

	line-height: 20px;

}

	

p.code {

	font-size: 11px;

}



ul li, ol li, dl dt, dl dd {

	margin: 0;

	padding: 1px 0;

}



dl dt {

	font-weight: bold;

	border-bottom: 1px solid #330000;

}





/* FORMS */



form {

	margin: 10px 0;

	padding: 5px;

	border: 1px solid #CCCCCC;

}



label {

	margin: 0 0 0 5px;

}



input.styled, textarea, select {

	background-color: #F7F5ED;

	border: 1px solid #663300;

	font: 11px/11px Verdana, Arial, sans-serif;

	display: block;

	padding: 2px;

	margin: 0 0 5px 5px;

}



input.styled:hover, textarea:hover, select:hover {

	background-color: #FEFDFA;

	border: 1px solid #80501C;

}


textarea {
	width: 745px;
}	

	

input.hidden {

	display: none;

}



/* Sitemap List */

#sitemap {

	background-color:#FFFFFF;

	list-style: none;

}

#sitemap li {

	margin: 0;

	padding: 0;

	list-style-position: outside;

	line-height: 12px;

	text-indent: 15px;

}

#sitemap ul, #sitemap ul ul {

	margin: 0 0 0 40px;

	padding: 0 0 0 0;

	background: url(../images/sitemap1.gif) repeat-y left center;

}

#sitemap ul li, #sitemap ul ul li{

	margin: 15px 0 0px 0;

	padding: 0;

	text-indent: 15px;

	line-height: 10px;

	list-style: none;

	list-style-position:outside;

	background: url(../images/sitemap2.gif) no-repeat left top;

}

#sitemap ul li.last, #sitemap ul ul li.last {

	list-style-position: outside;

	background: url(../images/sitemap3.gif) no-repeat left top;

}

	/* EOF */