@charset "utf-8";

body {
	text-align: center;
}

.clearboth, .clear, .clearBoth {
	clear: both;
}
a img {
	border: none;
}

div, p, img, ul, li, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

#wrapper {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	text-align: left;
}

#outerpadding {
	background-color: #CCC;
	background-image: url(../media/home/visit-moffat.jpg);
	background-repeat: no-repeat;
	width: 970px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
}

#innerpadding {
	background-color: #FFF;
	background-image: url(../media/home/visit-moffat-scotland.jpg);
	padding-top: 10px;
	background-repeat: no-repeat;
	width: 970px;
}

#header #logobox{
	background-image: url(../media/home/moffat.jpg);
	background-repeat: no-repeat;
	height: 113px;
	width: 970px;
	position: relative;
}

#logobox img {
	position: absolute;
	bottom: 0px;
	right: 15px;
}
#crumbtrail  {
	padding-top: 13px;
	padding-left: 20px;
	color: #333;
	float: left;
	width: 690px;
}
#crumbtrail h3 {
	float: left;
	font-size: 13px;
	font-weight: bold;
	padding-right: 5px;
}

#crumbtrail p {
	font-size: 13px;
	float: left;
}

#crumbtrail p a {
	color: #636;
}

#crumbtrail p a:hover {
	text-decoration: none;
}

#distances td {
	padding-left: 40px;
}


#mainbody {
	background-image: url(../media/home/moffat-town-scotland.jpg);
	background-repeat: no-repeat;
	margin-left: 5px;
	margin-right: 5px;
	color: #636;
	padding-top: 30px;
	margin-top: 10px;
}

#mainbody #mainbodytop {
	padding-left: 10px;
}
#toplinks  {
	height: 40px;
	float: right;
}
#toplinks ul  {
	color: #333;
	list-style-type: none;
	width: 260px;
	height: 25px;
	padding-top: 11px;
	font-size: 13px;
}
#toplinks ul li {
	float: left;
}

#toplinks ul li  a{
	color: #333;
	text-decoration: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333;
	padding-right: 4px;
	padding-left: 4px;
}
#toplinks ul li a:hover {
	text-decoration: underline;
}

#toplinks ul .rightlink a {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
}


#mainbodytop h2 {
	padding-left: 10px;
	font-weight: normal;
	font-size: 22px;
}

#mainbodytop h2 a {
	color: #636;
	text-decoration: none;
}

#mainbodytop img {
	padding-left: 1px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#mainbodytop h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
	width: 200px;
}

#mainbodytop h3 a {
	font-size: 12px;
	font-weight: bold;
	color: #636;
	text-decoration: none;
}
#mainbodytop .roundcontent {
	background-image: url(../media/home/moffat-dumfries-galloway.jpg);
	height: 200px;
	width: 310px;
	float: left;
	padding-right: 4px;
	background-repeat: no-repeat;
	padding-top: 10px;
	margin-bottom: 10px;
}

#mainbody #mainbodybottom {
	background-image: url(../media/home/moffat-town-scotland.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 15px;
}

#mainbodybottom #bottomleft {
	width: 590px;
	padding-right: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	padding-left: 10px;
	float: left;
}
#bottomleft h2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	padding-bottom: 15px;
}

#bottomleft p {
	padding-bottom: 13px;
	font-size: 13px;
	color: #333;
}

#bottomleft h4 {
	color: #333;
	font-size: 15px;
	font-weight: bold;
}
#bottomleft h3 {
	font-size: 22px;
	font-weight: bold;
	color: #636;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	text-align: right;
}
#bottomleft h3 a {
	color: #636;
	text-decoration: none;
}

#bottomleft h3 a:hover {
	text-decoration: underline;
}

#bodyheaders {
	padding-right: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

#center #bodyheadertext {
	font-size: 14px;
	background-color: #D9E8D9;
	color: #360;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#center #bodyheadertext p {
	padding: 0px;
	font-weight: bold;
	font-size: 14px;
}

#bodyheaders h2 {
	background-color: #D9E8D9;
	color: #360;
	font-size: 14px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	text-align: left;
}
#eventpage #bodyheaders h2 {
	color: #660;
	background-color: #DDA;
	margin-bottom: 5px;
}

#eventpage #center #bodyheadertext {
	color: #660;
	background-color: #DDA;
	padding-left: 0px;
}

#widebody #bodyheaders h2 {
	margin-bottom: 5px;
}


#center ul {
	margin-left: 30px;
	color: #333;
	font-size: 14px;
}

#center ul li a {
	color: #636;
	text-decoration: none;
}

#center a {
	color: #636;
}

#bodyheaders #lhs {
	float: left;
	width: 177px;
	padding-right: 4px;
}
#bodyheaders #lhs h3 {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 10px;
}
#bodyheaders #lhs h3 a {
	color: #333;
	text-decoration: none;
}
#lhs ul li {
	list-style-type: none;
	padding-top: 7px;
	padding-left: 10px;
}

#lhs ul li a{
	font-size: 13px;
	color: #333;
	list-style-type: none;
	text-decoration: none;
	font-weight: bold;
}

#bodyheaders #center {
	float: left;
	padding-right: 4px;
	width: 598px;
	color: #333;
}
#eventpage #center {
	float: left;
	padding-right: 4px;
	width: 598px;
	color: #333;
	padding-bottom: 40px;
}
#widebody #bodyheaders #lhs + #center {
	width: 769px !important;
	padding: 0px !important;
}
#widebody #bodyheaders > #center img{
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}
#widebody #bodyheaders > #center {
	width: 930px;
	padding-left: 20px;
}

#eventpage #center p a{
	color: #663;
	font-weight: bold;
}

#center h3 {
	font-size: 15px;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#center h4  {
	text-align: right;
	margin-right: 20px;
}

#center h4 a {
	color: #636;
	text-decoration: none;
	font-size: 15px;
}


#center h5 {
	font-size: 13px;
	padding-left: 10px;
}

#eventpage #center p {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#center p {
	padding-top: 5px;
	padding-left: 10px;
	font-size: 13px;
	padding-bottom: 5px;
}


#center .centerbodydiv {
	padding-top: 10px;
	padding-bottom: 20px;
}
#commentForm p #btnSubmit {
	width: 160px;
	border: 0px none #FFF;
	font-weight: bold;
	color: #636;
	font-size: 14px;
	margin-left: 100px;
	margin-top: 5px;
}

.centerbodydiv img {
	float: left;
	padding-right: 20px;
}
#aboutpage .centerbodydiv .centerbodydivtxt {
	float: left;
	padding-right: 10px;
	width: 368px;
}

.centerbodydiv .centerbodydivtxt {
	float: left;
}


.centerbodydivtxt img {
	float: right;
}

.centerbodydivtxt h4 {
	margin-top: 10px;
	text-align: right;
}

#bodyheaders #rhs {
	float: left;
	width: 177px;
}

#rhs #rhsbg {
	width: 177px;
	background-color: #E8F0E8;
	background-repeat: repeat-y;
	padding-bottom: 30px;
}
#eventpage #rhs #rhsbg {
	width: 177px;
	background-color: #F3F2DD;
}
#rhsbg h3    {
	font-size: 13px;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
}
#rhsbg h3 a {
	color: #333;
	text-decoration: none;
}
#rhsbg h3 a:hover {
	text-decoration: underline;
}

#rhsbg p {
	font-size: 13px;
	padding-left: 10px;
}
#rhsbg form p {
	padding: 0px;
	clear: both;
}

#eventpage #rhsbg h3 {
	font-size: 12px;
	font-weight: normal;
	padding-right: 10px;
	padding-bottom: 20px;
	color: #660;
}

#rhsbg form  {
	padding-left: 10px;
}
#rhsbg form p label{
	font-size: 13px;
	color: #333;
	font-weight: bold;
}
#rhsbg form p select{
	width: 157px;
	margin-bottom: 15px;
	margin-top: 3px;
}
#rhsbg form p input{
	width: 153px;
	border: 2px solid #333;
	margin-top: 3px;
	margin-bottom: 15px;
}
#rhsbg form p button{
	height: 30px;
	width: 71px;
	background-image: url(../media/events/search-events-moffat.jpg);
	background-repeat: no-repeat;
	border: 0px none #FFC;
	display: block;
}

#mapdiv {
	float: left;
	width: 300px;
	height: 255px;
	background-image: url(../media/home/moffat-map.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	overflow: hidden;
	margin-left: 30px;
}

#mapdiv h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	color: #636;
}

#mapdiv p a {
	color: #333;
	font-size: 15px;
	text-decoration: none;
}
#center h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 10px;
	padding-top: 20px;
}
#mainnav #directory {
	float: left;
	width: 783px;
	font-family: Arial, Helvetica, sans-serif;
}

#directory h1  {
	font-size: 16px;
	font-weight: bold;
	color: #633E97;
	padding-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

#directory img {
	margin-right: 10px;
	margin-left: 18px;
	margin-bottom: 20px;
	border: none;
}

#directory a {
	color: #FFF;
	text-decoration: none;
	border: none;
}

#directory p {
	font-size: 13px;
	color: #666;
	padding-bottom: 10px;
}

#roundfoot {
	background-image: url(../media/home/vist-moffat-in-scotland.jpg);
	background-repeat: no-repeat;
	height: 10px;
	width: 970px;
	background-position: left bottom;
}

#footer {
	background-image: url(../media/home/moffat-dumfries-and-galloway.jpg);
	background-repeat: no-repeat;
	height: 60px;
	width: 990px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}

#footer #footerleft {
	float: left;
	width: 270px;
	position: relative;
	left: 20px;
}

#footer #footerright {
	width: 220px;
	float: left;
	text-align: right;
	position: relative;
	left: 470px;
}

#footerright #facebook {
	padding: 0 0 5px 0;
}

#footerright #facebook a, #footerright #facebook img {
	display: inline-block;
	vertical-align: middle;
}

#footerright p a {
	color: #333;
	text-decoration: none;
}

#center #blogtop {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #636;
	padding-right: 15px;
}

#blogtop h3  {
	font-size: 16px;
	color: #636;
	font-weight: bold;
}
#blogtop p {
	font-size: 13px;
	color: #333;
}
#blogwrapper {
	text-align: center;
}

#center .blogPost {
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 415px;
	text-align: left;
}
.blogPost p {
	padding-top: 20px;
	padding-left: 0px;
}


.blogPost h1 {
	font-size: 15px;
	font-weight: bold;
	color: #306;
	padding-bottom: 10px;
}
.blogPost h5  {
	padding-bottom: 20px;
	padding-left: 0px;
	padding-top: 10px;
}

.blogPost img {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #636;
	border-bottom-color: #636;
	float: none !important;
	padding: 0px !important;
}
#commentForm  {
	color: #636;
	text-align: left;
	width: 415px;
	margin-right: auto;
	margin-left: auto;
}

#commentForm h3 {
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#commentForm form p label {
	width: 100px;
	float: left;
	padding-top: 3px;
	font-weight: bold;
	font-size: 13px;
}
#commentForm form p {
	margin-bottom: 10px;
}
#commentForm form p #CommentTitle , #commentForm form p #PostedBy, #commentForm form p #Email{
	width: 250px;
	border: 1px solid #333;
	float: left;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
#commentForm form p textarea {
	width: 250px;
	height: 100px;
	border: 1px solid #333;
	float: left;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
#commentForm form p  #btnSubmit{
	border: 0px none #FFF;
	background-color: #FFF;
	font-size: 14px;
	font-weight: bold;
	color: #636;
	margin-top: 5px;
	width: 180px;
	float: none;
	margin-left: 0px;
	padding: 0px;
	position: relative;
	left: 80px;
}

#commentForm #alert {
	border: 2px solid #636;
	padding: 10px;
	width: 480px;
}

#commentForm #alert p {
	margin: 0px;
	padding: 0px;
}
.blogPost {
	width: 415px;
}
.blogPost h2 {
	background-color: #FFF !important;
}
.blogPost a {
	font-weight:bold;
	color: #636;
}
.blogPost .info, .commentBox .info {
	font-size: 13px;
	color: #333;
	font-weight: normal;
}
.blogPost h1, .blogPost h1 a {
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #636;
}
h2#comments {
	font-size: 16px;
	font-weight: bold;
	color: #636;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #636;
	border-bottom-color: #636;
	background-color: #FDF;
	padding-top: 5px;
	padding-bottom: 5px;
}
.commentBox  {
	background-color: #FDF;
	width: 415px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.commentBox h4 {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	text-align: left;
	padding-left: 10px;
	padding-top: 30px;
	padding-bottom: 10px;
}
.commentBox p  {
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 40px;
}
.commentBox h3  {
	font-size: 14px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 0px;
}

ul.latestEvents, ul.latestEvents li {
	padding: 0;
	margin: 0;
	list-style-type:none;
}

ul.latestEvents {
	margin: 8px;
	padding-top: 8px;
	margin-top:0;
}

ul.latestEvents li {
	color: #666;
	font-size:11px;
	margin-bottom: 8px;
}

ul.latestEvents a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

ul.latestEvents a:hover {
	color: #666666;
}

#center #contactleft {
	width: 550px;
	float: left;
}
#center #contactright {
	float: left;
	width: 200px;
}
#widebody #events #center {
	width: 770px;
}


#contactleft form p {
	margin-top: 5px;
	margin-bottom: 5px;
}
#contactleft form label {
	width: 185px;
	display: block;
	text-align: right;
	float: left;
	padding-top: 2px;
	margin-right: 15px;
}
#contactleft form input , #contactleft form textarea, #contactleft form select{
	width: 200px;
	float: left;
}
#contactleft form p textarea {
	height: 130px;
}

.dataNav {
	border: 1px solid #360;
	padding: 5px;
	position: relative;
	width: 763px;
	margin: 0 auto 10px auto;
}

.dataNav span.numbers {
	float: left;
}

.dataNav span.links {
	float: right;
}

.dataNav span.links img {
	margin-right: 5px;
	float: none !important;
	padding: 0 !important;
}

.businessDir td a {
	color: #060 !important;
}

.businessDir th {
	font-size: 13px;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #360;
	color: #360;
	background-color: #D9E8D9;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
}

.businessDir td {
	padding-top: 5px;
	padding-bottom: 4px;
}

.businessDir  {
	background-color: #EFE;
	width: 775px;
	margin: 0 auto 10px auto;
	font-size: 12px;
}
.businessDir tr .centred, .businessDir tr .centered {
	text-align: center;
}
.businessDir tr td {
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #360;
}

.businessDir tr td img {
	float: none !important;
	padding-top: 0px;
	padding-bottom: 2px !important;
}

p + .formBox form {
	margin-left: 70px;
	margin-top: 20px;
	margin-bottom: 20px;
}

p + .formBox form p label {
	width: 100px;
	float: left;
	display: block;
}

p + .formBox form p #businessSearch {
	width: 177px;
}

p + .formBox form p #businessSubmit {
	margin-left: 100px;
}

.searchResults {
	text-align: center;
}

.searchResults h3 {
	font-size: 16px;
	font-weight: normal;
	color: #333;
	font-style: italic;
	margin-left: 50px;
	text-align: left;
}

.searchResults .searchResult h4 {
	font-size: 15px;
	color: #360;
	text-align: left;
}
.searchResults .searchResult h4 a, .searchResults .searchResult h4 a:visited {
	color: #360;
}

.searchResults .searchResult {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-bottom: 15px;
}

.searchResults .searchResult p, .searchResults .searchResult p a, .searchResults .searchResult p a:visited {
	color: #333;
	font-size: 13px;
}

.searchResults form {
	margin-left: 50px;
}

.searchResults form p {
	padding-right: 5px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.searchResults form p label {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-top: 2px;
	padding-right: 5px;
}
#contactinfo {
	width: 250px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
#contactinfo h3 {
	font-size: 18px;
}
#contactinfo p {
	font-size: 13px;
}
#contactbuttons {
	float: left;
	width: 250px;
}
#contactbuttons img {
	float: left;
}

#eventbutton {
	width: 71px !important;
	height: 30px !important;
	border: none !important;
	float: none !important;
}

.bannerList {
	list-style-type: none;
	padding-top: 15px;
	float: left !important;
	width: 900px !important;
}

.bannerList li {
	float: left !important;
}
.bannerList li img {
	float: left !important;
}

#plainText {
	font-family: Arial, Helvetica, sans-serif;
}

#plainText h1, #plainText h2, #plainText h3 {
	color: #636;
}

#plainText h1 {
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 16px;
}

#plainText h2 {
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 16px;
}

#plainText h3 {
	font-size: 16px;
	padding-bottom: 13px;
}

#plainText p {
	font-size: 13px;
	color: #333;
	padding-bottom: 13px !important;
}

#attractionfinder #PageId {
	width: 230px;
}
#attractionfinder #PageId option {
	width: auto;
	
}