@charset "utf-8";
body {
	font-family: "Times New Roman", Times, serif;
	background:#ffffff;
	/* This centers the main tables. NOT the text "in" the tables. It's here as IE doesn't recognize margin-left and right with "auto" in the main_table_width style below. */
text-align:center;
	/* This is just the body colour for any text that hasn't any styles sdded to it. It "IS NOT" the background colour of the pages. That's set above. Ummm.... back this up before you revise or play around on this OK!. */
color: #000000;
margin-right: 0px;
}

.no_print {
display: none;
}

/* This is the CSS for the page mouseovers and hidden page elements. It's used for any pages that have "tabs" in them which hide the content until the user clicks a tabbed link reveling alternative content on the page. */
.mainExpand {
cursor:hand;
cursor:pointer;
font: bold .9em verdana, arial, helvetica, sans-serif;
}

/* This is the CSS for changing the width of the main tables in the site. The "auto" settings for the margins center the table. */
.main_table_width {
width: 100%;
margin: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
}  

/* This is the CSS for changing the headers of for any pages that have a "Feature" product. Anything new or improved that should be brought to attention. Used sparingly on the site, currently just on the home page.*/
.text-feature-headers_bold {
font-size: 12px;
color: #000000;
font-weight: bold;
letter-spacing: 2px;
word-spacing: 2px;
}

/* This is the CSS for changing the headers of "ALL" of the pages. It's a very large sweeping change so design with caution. */
.text-headers_bold {
font-size: 18px;
color: #000000;
font-weight: bold;
letter-spacing: 4px;
word-spacing: 2px;
font-style: italic;
}

/* This is the CSS for changing the attributes of any text that is on top of a paragraph as a "header". Changes to this CSS DOES NOT change any text attributes that are within the "anchor" tag set used to link to other documents. When mixxing headers and links on the same page it would be better to change both this AND the anchor attribute tag sets. */
.text-headers-paragraph_bold {
font-size: 12px;
color: #000000;
font-weight: bold;
}

/* Just in case you wanted to use a bold underline through out the Web site, this would be the code for that. Currently it is only used for the Carrers page. */
.text-bold_underline {
font-size: 12px;
color: #000000;
font-weight: bold;
letter-spacing: 2px;
word-spacing: 2px;
text-decoration: underline;
}

/* This is the small text for "Learn More >" and other links under a hook paragraph. That which would make the user move onto another page or dig deeper into the site. */
.text-link_small-bold {
font-size: 12px;
color: #000000;
font-weight: bold;
letter-spacing: 1px;
line-height: 8px;
}
/* This changes all of the text throughout the site, including the text in any side menus. Font size, colour, space between the lines and the right margin so it does not crowd the right border (margin-right). Any changes to this "DOES NOT" change the appearance of text links using the "a" anchor tag sets. It should be flexible enough so that one change to this code will propagate text updates through the whole site. ULP.... think about this well before you make any changes. Maybe copy all of the CSS page onto a text document so you can scoot back to the original if you really F@Q sumthin up! */
.text {
font-size: 12px;
color: #000000;
line-height: 1.5em;
margin-right: 20px;
}

.footer {
font-size: 11px;
color: #666666;
line-height: 1.5em;
margin-right: 20px;
padding-left: 10px;
padding-bottom: 10px;
}

/* This CSS controls all of the link colour, decoration setings. Again, this is a sweeping change to the site so beware. Note: a:active MUST come after a:hover in the CSS definition in order to be effective!! Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
*/

a:link, a:visited, a:active {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

/* This is the CSS for the directions text on the "Contact Us" page only. Maybe change that!
*/
#directions * {
	font-size: 12px;
}

/* This is the CSS for all the text fields that are lists, bulleted points and it can change the leading symbol to an graphic image rather than a disc or a square.
*/
li{
	font-size: 12px;
	color: #000000;
	line-height: 2em;
	letter-spacing: 0.5px;
	list-style-type: disc;
}


/* This is the CSS for the scroling News and Events section. DON'T edit this unless you have re-engaged the News and Events section by adding to it and altering the Javascript file. Currently there is only one News and Event paragraph so it has been deactivated. */
#pscroller1 {
border-right: black 0px solid;
padding-right: 1px;
border-top: black 0px solid;
padding-left: 1px;
padding-bottom: 1px;
border-left: black 0px solid;
width: 235px;
padding-top: 1px;
border-bottom: black 0px solid;
height: 180px;
}
#pscroller2 {
border-right: black 1px solid;
padding-right: 3px;
border-top: black 1px solid;
padding-left: 3px;
padding-bottom: 3px;
border-left: black 1px solid;
width: 350px;
padding-top: 3px;
border-bottom: black 1px solid;
height: 20px;
}
#pscroller2 a {
text-decoration: none
}
.someclass {
class: 
}
/* End of News and Events CSS */