/* any properties with a * infront of them are only read by IE */

/* Basic global properties */

#error-flash {
	border:1px dashed black;
	padding: 3px;
	margin-left: 30px;
	margin-right: 30px;
	background-color: #F08080; 
}

.admin_table.tr {
	border = 1px solid black;	
}

#red_star {
	color: red;
}

body {
	margin: 0px;
	padding: 0px;
	font: 76% Veranda,Tahoma,Arial,sans-serif; 
	background: #f4f4f4 url(../images/bg.gif) top center repeat-y; 
	color: #303030;
	z-index: 0;
}

/* this was added by AT */
p { line-height:1.6em; }

img {
	border: none;
}

table {
	width: 690px;
}

tr {
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;	
}

th {
        text-align: left;
}

td {
	font: 12px Veranda,Tahoma,Arial,sans-serif; 
}
	
.errorExplanation {
	border: 1px dashed red;	
	width: auto;
	padding: 5px;
}


#site-map {
	text-decoration: underline;
}

/* Main page contense */
#wrap {
	position: relative;
	background: #ffffff;
	color: #303030;
	margin-left: auto;
	margin-right: auto;
	width: 760px; /* this is the width of the page */
	padding: 0px;
	z-index: 0;
}

/* main content incuding text etc. */
/* position relative taken out to show menu properly */
#content {
	clear: none;
	margin: 0 140px 0 140px;
	padding-top: 14px;
	* padding-top: 0px;
	border-right: 1px solid #ccc;
	padding-left: 13px;
	padding-right: 13px;
	*padding-left: 10px;
	*padding-right: 10px;
	width: 100%;
}

/* the div class rather than the ID, this is used by all other blocks cause drupal is odd */
.content {
	padding-top: 0px;
}

/* Header including image */
#header {
	position: relative;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}

/* the search box now in the header */
#Search {
	padding-right: 5px;
	text-align: right;
	position: relative;
	float: right;
	height: 100%;
}

/* Left hand side menu */
#avmenu {
	position: relative;
	clear: left;
	float: left;
	margin: 0px;
	padding: 0px;
	/*width: 140px;*/
	background-color: #f0f0f0;
	padding-bottom: 8px;
}

/* The Footer*/
#footer {
	position: relative;
	clear: both;
	margin: 0px;
	text-align: center;
	padding: 10px 0px 20px 0px;
	border-top: 2px solid #f0f0f0;
	width: 760px;
	color: #808080;
	font-size: 0.9em;
}

/* Right hand side menu */
#extras {
	position: relative;
	float: right;
	/*width: 129px;*/
	padding: 5px;
	font-size: 95%;
	line-height: 1.5em;
	border-left: 1px solid #ccc;
	text-align: left;
}

/* Banner placed above the content */
#Banner {
	clear: none;
	text-align: left;
	margin: 0 140px 0 140px; 
	padding: 0px;
	height: 100%; /* so the div doesnt collapse */
  	z-index: 0;
}

/* Image within the banner at the top of the page */
#Banner img { width: 100%; border: none; }


/*
 * The text formatting  declerations
 * now all declared here
 */

/* link text style */
a {
	text-decoration: none;
	color: #286ea0;
}

/* hover over link style */
a:hover {
	text-decoration: underline;
	color: #286ea0;
}

/* header 1 */
h1 {
	font-size: 1.2em;
	margin-bottom: 5px;
}

/* header 2 */
h2 {
	font-size: 1em;
	font-weight: bold;
	padding: 0;
	margin-bottom: 5px;
}

/* header 3*/
h3{
	font-size: 0.9em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

/* hide any text */
.hide { display: none; }

/* for future refernece aswell */
.tabs { z-index: 0; margin-bottom: 0px;}

/*
 * Some misc stuff that doesnt delong anywhere else
 */

/* hide the submit search button, only in the seach DIV */
.form-submit-hidden { 
	background-color: white;
	border: 1px solid white;
	color: #0076BA;
 } 

/* hide the seach div that wouldn't go to the top of the page*/
#block-search-0 {
	display:none;
}

/* the hand coded search block at the top of the page */
#block-search-1 {
	padding-top: 10px;
	padding-right: 5px;
	text-align: right;
	position: relative;
	float: right;
	/*height: 100%;*/
}

/* CSS for the tables on the front page */

/* introduction table */
#introduction-old {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	/*width: 370px;*/
	border: 1px solid #cccccc;
	padding: 0;
}

/* the large text on the front page */
#introduction {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #cccccc;
	padding: 0px;
	/*width: 550px;*/
	margin-bottom: 14px;
	* margin-bottom: 14px;
	margin-top: 0px;
}

/* align the image in the main welcome cell */
#introduction img {
	/*width: 450px;*/
	height: 161px;
	margin:0;
	padding:0;
	border: none;
}

#introduction p {	padding: 5px; margin-top:0px; padding-top:0px; 	}

#introduction h3 {	padding: 5px; 	}

#introduction-table {
	margin-left: auto;
	margin-right: auto;
	/*width: 450px;*/
	*width: 452px;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
}

#introduction-table td {
	border: 1px solid #cccccc;
	padding: 0;
	margin: 0;
	vertical-align: top;
}
#introduction-table td p {
	padding: 5px;
	margin: 0px;
}

#introduction-table img {
	width: 100%;
	*width: 217px;
	height: 116px;
	padding:0;
}

#holdingDiv {
	position: relative;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	clear: none;
	/*width: 370px;*/
}

/* the 2x2 table */
#smallLeft {
	float: left;
	border: 1px solid #cccccc;
	/*width: 170px;*/
	height: 100%;
	padding: 0;
}

#twobytwo {
	position: relative;
	/*width: 370px;*/
	border: 0px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

#twobytwo td {
	/*width: 170px;*/
	border: 1px solid red;
}

#smallRight {
	border: 1px solid #cccccc;
	float: right;
	padding: 0;
	clear: none;
	/*width: 170px;*/
	height: 100%;
}

#smallRight, #smallLeft, #introduction  p {
	padding: 5px;
}

/* display the breadcrumb on one line */
.breadcrumb { display: inline; }

/* formats the news headlines to make them closer together */
.view-item-frontpage p { 
	position: relative;
	padding: 5px 0 5px 0;
	margin: 0px;
}

#block-block-1 img { vertical-align: middle; }

/* div to add a back to top and contact us button on every page */
#returnToTop { padding: 0 0px 5px 0px; }

/* just used to float the contact link to the right */
#contactUs { float: right; }

/* for the big list of terms */
#changeIndent { width: 440px; }

/* this adjusts the indentation on the terms & conditions page to make it fit*/
#changeIndent ul {
	margin-left: 5px;
	padding-left: 5px;
}

/* this changes the ordered list margins on the terms & conditions page to make it fit */
#changeIndent ol {
	margin-left: 22px;
	padding-left: 0px;
}

/* add a border to the top of each advert */
.block-banner { border-bottom: 1px solid #ccc; }

/* this forces the text on an advert to display below the image*/
.block-banner img { display: block; }

/*
 * and that is the end of the new css
 */

 #site-map {
	font-size: 13.3px;
	font-family: MS Shell Dlg;
	color: #0076BA;
	position: relative;
	left: -69px;
	top: 14px;
	position:absolute;
 }

/* the news block */
#block-views-News {
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #ccc;
}

/* the news story */
 .view-News p{
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}

/* h2 of the news section */
 .view-News h2{
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/* hide the advanced seach options */
.search-advanced { display: none; }

/* hide the page info on the search results */
p.search-info { display: none; }

/* for the quick contact page */
.form-item { display: inline; }

/* the labes for each input box */
.form-item label {
	display: block;
	padding-top: 5px;
}

/* silly thing below the textfields */
/*.grippie{ } */

/* hide the more link at the bottom of the news section */
.more-link { display: none; }

/* the copyright at the bottom of the page */
.footerLink { color: #848284; }

/* take out the header in the sitemap page */
/*.site-map h2 { display: none; }*/