/*_________________________________________________________________________________________*/
/* BACKGROUND COLOUR CHOOSE HERE */
/* Body - main section of document margins and background */
body{margin-top: 0.1in; background-color: #000060;}
/*_________________________________________________________________________________________*/






/*_________________________________________________________________________________________*/
/*TOP MENU CHOOSE STYLE HERE */
/* The styles for the menu bar across the top of the page, this is in the file output_data.php */
.topmenutable{width: 100%; padding: 2px;}
td.topmenu {background: #f0f8ff; font-family: arial; font-size: 8pt; font-weight: bold; text-align: center; color: #000060; vertical-align: top}
a.topmenulink {background: #f0f8ff; font-family: arial; font-size: 8pt; font-weight: bold; text-align: center; color: #000060; vertical-align: top}
a.topmenulink:hover {background: #f0f8ff; font-family: arial; font-size: 8pt; font-weight: bold; text-align: center; color: #dd0000; vertical-align: top}
/*_________________________________________________________________________________________*/




/*_________________________________________________________________________________________*/
/* STANDARD LISTINGS CHOOSE STYLE HERE */
/* listingstable simply sets the table in the background to be the right size */
.listingstable {width: 100%;}
/* td.listings sets the border and background colours for the listings box*/
td.listings {padding: 3px; font-weight:bold; background: #f0f8ff; font-family: arial; font-size: 10pt; text-align: left; color: #000000; border-left: 2px solid #F0F8FF; border-top: 2px solid #9999FF; border-bottom: 2px solid #191970;}
/* a.listingslink is the sets the text style and colour. a.listingslink:hover for when the */
/* mouse is moved over the link. */
a.listingslink {font-weight:bold; font-family: arial; font-size: 10pt; text-align: left; color: #0000BB;}
a.listingslink:hover {font-weight:bold; font-family: arial; font-size: 10pt; text-align: left; color: #dd0000;}
/*_________________________________________________________________________________________*/




/*_________________________________________________________________________________________*/
/* CATEGORY LISTINGS (business listings) CHOOSE STYLE HERE */
/* .catlistingtable sets the width of the table in the background to the right size */
.catlistingstable {width: 100%;}
/* td.catlistings sets the style of the box or boxes holding the listings, such as background, borders etc */
td.catlistings {padding: 3px; font-weight:bold; background: #f0f8ff; font-family: arial; font-size: 10pt; text-align: left; color: #000000; border-left: 2px solid #F0F8FF; border-top: 2px solid #9999FF; border-bottom: 2px solid #191970;}
/* a.catlistingslink and a.catlistingslink:hover set the font and colour for the links for category listings */
a.catlistingslink {font-weight:bold; font-family: arial; font-size: 10pt; text-align: left; color: #0000BB;}
a.catlistingslink:hover {font-weight:bold; font-family: arial; font-size: 10pt; text-align: left; color: #dd0000;}
/*_________________________________________________________________________________________*/




/*_________________________________________________________________________________________*/
/* NEWS BACKGROUND IMAGE OR COLOURS */
/* Behind the news can be an image. This is for the view_news function inside the file called output_data.php.*/
.newsbackdroptable {width: 100%; background-image: url("newsbackground3.jpg")}
/*_________________________________________________________________________________________*/



/*_________________________________________________________________________________________*/
/* FRONT PAGE NEWS LISTINGS CHOOSE STYLE HERE - AND COLOUR CHANGE FOR ROLLOVER NEWS HEADLINE */
/* Used in the file output_data.php in the function view_news() not to be mixed up with */
/* the file view_news.php which displays the news stories themselves */
/* td.newscenter sets the no-background so the image set in .newsbackdroptable can be seen, */
/* it also aligns the text within these boxes */
td.newscenter {padding: 5px; background: none; vertical-align: top; text-align: center; width: 50%;}
tr.newscentertr {background: none; vertical-align: middle;}
/* a.newscenterheadline sets the style of the link text to view the news report */
/* a.newscenterheadline:hover sets the change when the mouse is over the headline taxt */
a.newscenterheadline {color: #ffffff; font-weight: bold; font-size: 14pt; font-family: 'arial narrow', arial; vertical-align: center; text-decoration: underline;}
a.newscenterheadline:hover {color: #ff0000; font-weight: bold; font-size: 14pt; font-family: 'arial narrow', arial; vertical-align: center; text-decoration: underline}
/* td.newscenterpreview is the style for the preview text next to the headline */
td.newscenterpreview {padding: 5px; width: 50%; color: #ffffff; font-weight: bold; background: none; font-size: 10pt; font-family: arial; vertical-align: center; text-align:center;}
/*_________________________________________________________________________________________*/





/*_________________________________________________________________________________________*/
/* DEFAULT NEWS PAGES STYLE - THE PAGES THAT APPEAR WHEN A HEADLINE IS CLICKED ON */
/* SET THE FONT HERE AND THE COLOURS FOR WHEN DEFAULT STYLES ARE USED */
/* These styles are used in the file view_news.php */
/*Newsbod - Layout for the news pages that come up after clicking the link on the front page*/
.newsbod{margin-top: 0.1in; background-color: #ffffff ;font-family: arial; font-weight: bold; font-size: 10pt; color: #F0F8FF }
/* .newspagestable sets the width of the page */
.newspagestable {width: 100%;}
/* td.newspagestitle is the style for the title at the top of the news page */
td.newspagestitle {padding: 3px; color: #000000; background: #eeeeee; font-size: 25pt; font-family: 'arial narrow'; vertical-align: top; text-align:left; font-weight: bold;}
/* td.newspagestext is the style of the text used for the main story and this is the same box where the picture is too. */
td.newspagestext {padding: 4px; color: #000000; background: #eeeeee; font-size: 12pt; font-family:arial; vertical-align: top; text-align:left; font-weight: medium;}
/* td.newspagespicture isn't used generally, but is handy if using a HTML file for upload */
/* and the default styles want to be used */
td.newspagespicture {color: #000000; background: #eeeeee; font-size: 10pt; font-family:arial; vertical-align: top; text-align:left; font-weight: bold;}
/*_________________________________________________________________________________________*/




/*_________________________________________________________________________________________*/
/* CONTACT FORM PAGE, CONFIRMATION PAGE, AND MAILING LIST CONFIRMATION PAGE CHOOSE STYLE HERE*/
/* The contact form styles found in contact.php, sendemaillist.php and semdemailinglist.php */
/* .contacttable is to ensure the full width of the page is used */
.contacttable{width: 100%; border: 0px;}
/* .contacttablesent is for the confirmation page on sendemail.php and sendemailinglist.php */
.contacttablesent{width: 400px; border: 0px;}
/* td.contact is for the text that the address and contact request is written in and */
/* on the sendemail.php and sendemaillist.php general text */
td.contact {color: #FFFFFF; font-weight: bold; background: #000060; font-size: 10pt; font-family:arial; vertical-align: top;}
/* td.contactform is the table data styles for the contact form fields which contains */
/* form fields and the text used for the headings explaining each field */
td.contactform {color: #FFFFFF; font-weight: bold; background: #000060; font-size: 10pt; font-family:arial; vertical-align: top;}
/*_________________________________________________________________________________________*/




/*_________________________________________________________________________________________*/
/* MAILINGLIST */
/* td.mailinglist holds the table data for holding the mailing list text, box and submit button */
/* Note, the confirmation page for the mailing list uses the styles from the contact form */
/* confirmation page not listed in this section but under the heading CONTACT FORM PAGE..... */
td.mailinglist{text-align: center; color: #ffffff; background: none; font-size: 10pt; font-weight: bold; font-family: arial; padding: 4px;}
/*_________________________________________________________________________________________*/



/*Styles that don't usually need to be changed*/

/* The table data that holds the columns and keeps the data at the top with a vertical align */
td.fplistingsholder {vertical-align: top;}

/*General link styles in case there are any links put on that don't have a specific link style*/
A:hover{color: #FF0000;}
A{text-decoration: none; color: #0000BB}