/**************** Body and tag styles ****************/
* {margin: 0;}
body, h1, h2, h3, h4, h5, h6, p, blockquote, label, fieldset, ul, ol, dl, li, object, table, th, tr, td  {padding: 0;}
body {
	font: 100%/1.3 Verdana, Arial, Helvetica, sans-serif;
	color: #000; background-color: #ccc;
}
h1 {
	font-size: 1.4em;
	color: #fff;
	position: absolute;
	top: 47px;
	left: 270px;
}
h2, h4 {
	font-size: 1.2em;
	font-style: italic;
	margin-bottom: .7em;
	color: #480C6E;
}
h3, h4 {
	font-size: .9em;
	font-style: italic;
	margin-bottom: .4em;
}
h5 {
	font-size: .8em;
	margin-bottom: .5em;
	padding: .4em;
	color: #fff; background-color: #480C6E;
}
img {
	border:none;
}
a {text-decoration: underline;}
a:link {color: #480C6E; background-color: inherit;}
a:visited {color: #800080; background-color: inherit;}
a:hover {color: #999; background-color: inherit; text-decoration: none;}
a:active {color: #ddd; background-color: inherit; text-decoration: none;
}
/**************** Header styles ****************/
#header {
	height: 116px;
	width: 100%;
	min-width: 998px;
	background: url(../images/jpg/top_repeat.jpg) repeat-x left top;
	position: relative;
}
#tvrlogo {
	width: 340px;
	height: 116px;
	background: url(../images/jpg/top_title.jpg) no-repeat left top;
	position: absolute;
	top: 0;
	left: 0;
}
#tvrlogocars {
	background: url(../images/jpg/car_image_right.jpg) no-repeat left top;
	width: 348px;
	height: 116px;
	position: absolute;
	top: 0;
	right: 0;
}
#header h1 {z-index: 100;}
#header a {text-decoration: none;}
#header a:link, #header a:visited, #header a:hover, #header a:active {
	color: #fff; background-color: inherit;
}
/**************** Navigation styles ****************/
#navbar, #adminnavbar {
	height: 20px;
	font: bold .64em Arial, Helvetica, sans-serif;
	color: #480C6E; background-color: #fff;
	padding-top: 2px;
	min-width: 998px;
}
#navbar ul {
	margin-left: -3px;
}
#navbar li, #adminnavbar li {
	list-style: none;
	display: inline;
	padding: 0 10px 0 13px;
	border-left: 1px solid #480C6E;
}
#navbar a, #adminnavbar a {text-decoration: none;}
#navbar a:link {color: #999; background-color: inherit;}
#navbar a:visited {color: #999; background-color: inherit;}
#navbar a:hover {color: #000; background-color: inherit;}
#navbar a:active {color: #ccc; background-color: inherit;
}
#adminnavbar {
	color: #480C6E; background-color: #F0F8FF;
	border-top: 1px solid #480C6E;
	border-bottom: 1px solid #480C6E;
	margin-top: 10px;
	height: 26px;
	padding: 0 0 0 10px;
	line-height: 26px;
}
#adminnavbar p {float: left;}
#adminnavbar ul {
	margin-left: 10px;
	float: left;
	width: 42em;
}
#adminnavbar a:link {color: #39f; background-color: inherit;}
#adminnavbar a:visited {color: #39f; background-color: inherit;}
#adminnavbar a:hover {color: #000; background-color: inherit;}
#adminnavbar a:active {color: #ccc; background-color: inherit;
}
/**************** Content styles ****************/
#maincontent {
	width: 988px;
	padding: 10px 10px 0 10px;
	float: left;
	margin-bottom: 10px;
}
#rightcontainer, #leftcontainer {
	width: 150px;
	float: left;
}
#leftcontainer {
	margin-right: 10px;
}
#leftcontainer a:link {color: #fff; background-color: inherit;}
#leftcontainer a:visited {color: #fff; background-color: inherit;}
#leftcontainer a:hover {color: #480C6E; background-color: #fff;}
#leftcontainer a:active {color: #480C6E; background-color: #fff;
}
#latestnews, #classifieds, #futureevents, #forums {
	width: 150px;
	float: left;
}
#latestnews p, #classifieds p, #futureevents p, #forums p {
	font-size: .58em;
	margin-bottom: .8em;
}
#forums p {
	margin-bottom: .8em;
}
.rightcontainercontent p a {
	font-weight: bold;
}
.leftcontainercontent {
	background-color: #480C6E; color: #fff;
}
.leftcontainercontent, .rightcontainercontent {
	padding: 0 10px;
	float: left;
	width: 130px;
}
.rightcontainercontent, .maincontainercontent, .maincontainercontent828, .admincontainercontent {
	background-color: #fff; color: #000;
	padding: 0 10px;
}
.maincontainercontent, .maincontainercontent828, .admincontainercontent {
	padding: 5px 0 0 10px;
	float: left;
}
.admincontainercontent {
	padding-right: 10px;
}
.maincontainercontent {width: 658px;}
.maincontainercontent828 {width: 818px;}
.admincontainercontent {width: 968px;
}
.maincontainercontent p, .maincontainercontent828 p {
	font-size: .8em;
	line-height: 1.4;
	margin-bottom: 1em;
}
.maincontainercontent p, .maincontainercontent h2 {
	padding-right: 10px;
}
.purpletoprad, .purplebottomrad, .whitetoprad, .whitebottomrad, .whitetoprad668, .whitebottomrad668, .whitetoprad828, .whitebottomrad828, .whitetoprad988, .whitebottomrad988 {height: 10px; float: left;}
.purpletoprad, .purplebottomrad, .whitetoprad, .whitebottomrad {width: 150px;}
.whitetoprad668, .whitebottomrad668 {width: 668px;}
.whitetoprad828, .whitebottomrad828 {width: 828px;}
.whitetoprad988, .whitebottomrad988 {width: 988px;}
.purpletoprad {background: url(../images/gif/purpleradtop150.gif) no-repeat left top;}
.purplebottomrad {background: url(../images/gif/purpleradbottom150.gif) no-repeat left top;}
.whitetoprad {background: url(../images/gif/whiteradtop150.gif) no-repeat left top;}
.whitebottomrad {background: url(../images/gif/whiteradbottom150.gif) no-repeat left top;}
.whitetoprad668 {background: url(../images/gif/whiteradtop668.gif) no-repeat left top;}
.whitebottomrad668 {background: url(../images/gif/whiteradbottom668.gif) no-repeat left top;}
.whitetoprad828 {background: url(../images/gif/whiteradtop828.gif) no-repeat left top;}
.whitebottomrad828 {background: url(../images/gif/whiteradbottom828.gif) no-repeat left top;}
.whitetoprad988 {background: url(../images/gif/whiteradtop988.gif) no-repeat left top;}
.whitebottomrad988 {background: url(../images/gif/whiteradbottom988.gif) no-repeat left top;}
#latestnews, #classifieds {
	margin-bottom: 10px;
}
#contentarea {
	width: 668px;
	float: left;
	margin-right: 10px;
}
#contentarea828 {
	width: 828px;
	float: left;
}
.imageandcaption {
	width: 209px;
	height: 245px;
	text-align: center;
	float: left;
	margin-right: 10px;
}
.imageandcaption p, .galleryimageandcaption p {
	font-size: .58em;
	line-height: 1.2;
	margin: 3px -10px 0 0;
}
.galleryimageandcaption p {
	margin: 0;
}
.classifiedsiframe {
	width: 130px;
	height: 255px;
}
/**************** Events styles ****************/
table {
	float: left;
	margin-bottom: 1px;
}
table#eventstable p {
	font-size: 1em;
}
table, th, td {
	border-collapse: collapse;
	border: 1px solid #999;
	padding: 5px;
	font-size: .8em;
}
th {
	color: #480C6E;
	background: #ccc url(../images/gif/thbg_gradient20pxH.gif) repeat-x left top;
	text-align: left;
	font-size: .9em;
}
th.thdate, th.thtime {width: 5.2em;}	
th.thname, th.thcontact {width: 10em;
}		
td {
	vertical-align: top;
}		
td.tdimagecell {
	width: 100px;
	text-align: center;
}
/**************** Gallery styles ****************/	
.galleryimagecontainer {
	text-align: center;
	width: 808px;
	margin-right: 10px;
}
.galleryimageandcaption {
	width: 153px;
	height: 190px;
	text-align: center;
	float: left;
	margin: 0 10px 5px 0;
}
/**************** Contact styles ****************/
.contactleft, .contactright {
	width: 313px;
	float: left;
	padding-right: 10px;
}
.contactright {
	width: 293px;
	padding-left: 20px;
}
.contactleft {
	border-right: 1px solid #ccc;
	min-height: 82px;
}
.contactright p.lastp, .contactleft p.lastp {margin-bottom: 0;}
/**************** Links styles ****************/	
.linkscontainer {
	float: left;
	width: 646px;
	margin-bottom: .5em;
	border: 1px solid #480C6E;
}
.linksimgcontainer {
	float: left;
	height: 150px;
	width: 150px;
}
.linkscontainer p {
	font-size: .7em;
	padding-left: 160px;
}
/**************** Admin styles ****************/
.admincontainercontent p, .admincontainercontent label {
	font-size: .7em;
	line-height: 1.3;
	margin-bottom: .8em;
}
#loginarea {
	width: 200px;
	margin: 0 auto .5em;
	text-align: left;
}
#loginarea label {
	width: 90px;
	float: left;
}
input#username, input#password {
	width: 100px;
	float: left;
	margin-bottom: .5em;
}
#loginarea br {clear: both;}
input#loginsubmit {margin-left: 90px;
}
/*---------- Home ----------*/
#hometext {
	width: 300px;
	float: left;
	background-color: #F0F8FF;
	padding: 10px;
	margin-bottom: 10px;
}
#hometext label, #imageuploadcontainer label, #contactdetails label {
	width: 110px;
	float: left;
	font-weight: bold;
}
#hometext input#regionname, #hometext textarea#welcometext {
	width: 180px;
	float: left;
}
#hometext br, #imageuploadcontainer br, #contactdetails br {clear: both;}
input#homesubmit, input#addimagesubmit, input#contactsubmit, input#contactaddress2, input#contactaddress3 {margin-left: 110px;
}
#newsitems {
	width: 626px;
	float: right;
	margin-bottom: 1em;
}
#newsitems textarea#newstext {
	width: 239px;
	margin-right: 5px;
	display: block;
	float: left;
}
#newsitems #countcharsbutton {
	width: 115px;
	margin-bottom: 5px;
}
#imageuploadcontainer {
	width: 948px;
	float: left;
	padding: 10px;
	background-color: #FFFAF0;
}
input#addimagefile, input#imagecaption, input#regionname, textarea#welcometext, input#imageupdatecaption, textarea#contactintrotext, input#contactname, input#contactaddress1, input#contactaddress2, input#contactaddress3, input#contacttown, input#contactcounty, input#contactpostcode, input#contacttel, input#contactemail {
	margin-bottom: .5em;
}
.editimagecontainer, .editgalleryimagecontainer {
	width: 229px;
	height: 266px;
	text-align: center;
	border: 1px solid #480C6E;
	background-color: #fff;
	float: left;
	padding: 10px 0;
	margin: 5px 5px 0 0;
}
.editimagecontainer p, .editgalleryimagecontainer p {
	margin-bottom: 0;
}
input#imageupdatecaption {
	width: 209px;}
.editgalleryimagecontainer input#imageupdatecaption {
	width: 153px;
}
input#addnewssubmit {
	margin-bottom: 5px;
}
input#displaycount {
	width: 28px;
}
#homeform {margin-bottom: 2em;}
#htmlform textarea#htmlinput {
	width: 298px;
	margin: .5em auto 1em;
}
/*---------- Events ----------*/
table#eventsedittable {
	margin-top: .6em;
}
table#eventsedittable label {
	font-size: 1em;
	color: #480C6E;
	font-weight: bold;
}
table#eventsedittable #addimagefile {
	margin-bottom: 0;
}
table#eventsedittable tr.thickborder {
	border-bottom: 2px solid #480C6E;	
}
table#eventsedittable .aligntop {
	vertical-align: top;
}
label.locateimagelabel {
	width: 90px;
	float: left;
}
input#eventupdateimagesubmit, input#linkupdateimagesubmit {
	margin-left: 90px;
	float: left;
	clear: both;
	margin-top: 3px;
}
input#eventdate {
	width: 80px;
}
/*---------- Gallery ----------*/
.editgalleryimagecontainer {
	width: 173px;
	height: 205px;
	margin: 10px 10px 0 0;
}
/*---------- Contact ----------*/
#contactdetails {
	margin-bottom: .5em;
}
#contactdetails label {
	margin-top: .3em;
}
input#contactname, input#contactaddress1, input#contactaddress2, input#contactaddress3, input#contacttown, input#contactcounty, input#contacttel, input#contactmobile, input#contactemail,input#linktel, input#linkemail {
	width: 200px;
}
input#contactvenuewebsite, input#contactvenuemap {width: 230px;}
input#eventcontactname, input#eventcontacttel, input#eventcontactemail {
	width: 185px;
}
textarea#contactintrotext {
	width: 280px;
}
#contactdetails h4 {
	margin-top: 1.2em;
}
/*---------- Links ----------*/
input#linkwebsite {
	width: 160px;
}
/**************** Footer styles ****************/
#footer {
	float: left;
	clear: left;
	width: 1008px;
	text-align: center;
	font-size: .58em;
	padding-bottom: 10px;
}
#footer ul {
	margin: 0 0 .9em -3px;
}
#footer li {
	list-style: none;
	display: inline;
	padding: 0 10px 0 13px;
	border-left: 1px solid #fff;
}
#footer a {text-decoration: none;}
#footer a:link {color: #480C6E; background-color: inherit;}
#footer a:visited {color: #800080; background-color: inherit;}
#footer a:hover {color: #fff; background-color: inherit}
#footer a:active {color: #ddd; background-color: inherit;
}
/**************** Misc classes and styles ****************/
.bold {font-weight: bold;}
.italic {font-style:italic;}
.centrealign {text-align: center;}
.backtotop {
	text-align: center;
	font-size: .58em;
	margin: 1em 0 .4em;
	float: left;
	width: 100%;
	clear: both;
}
.smalltext {font-size: .68em;}
p.smallertext {font-size: .64em;}
.highlightbg {
	background-color:#E6E6FA;
	border: 1px solid #480C6E;
}
