﻿/*	This is the main wrapper for the whole page
	Use this to centre and fix the width of the design
	Use quote to nullify it and have the design use
	the whole window space available                */
* {
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 740px;
	margin: 10px auto;
	background-image: url('../images/side_bar.jpg');
	background-repeat: repeat-y;
}

/* IMPORTANT: DO NOT REMOVE */
.clearFloats{
	clear:both;
}

/* Global Design Elements */

html {
	/* Sets the Global Font for the all pages */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight:normal;
}

h1 {
	font-size: 2em;
	font-style: italic;
	font-weight: normal;
	text-indent: 175px;
	padding: 30px 0px 0px 0px;
}

h2 {
	font-size: 1.8em;
	text-indent: 175px;
	font-weight: normal;
}

h3 {
	font-size: 1.8em;
	color: white;
	text-align: right;
}

h4 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 15px;
	color: black;
}

a.rLink:link {
	color: white;
	text-decoration: none;
}

a.rLink:visited {
	color:white;
	text-decoration: none;
}

a.rLink:hover {
	color: black;
	background-color: white;
}

a.xLink:link {
	font-size: 0.9em;
	color: white;
	text-decoration: none;
}

a.xLink:visited {
	font-size: 0.9em;
	color:white;
	text-decoration: none;
}

a.xLink:hover {
	font-size: 0.9em;
	color: black;
	background-color: white;
}

p {
	font-size: 0.9em;
	text-align:justify;
	line-height: 1.4em;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 15px;
}

.underlineText {
	font-size: 0.9em;
	text-align:justify;
	text-decoration: underline;
	line-height: 1.4em;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 15px;
}

ul{
	font-size: 0.9em;
	list-style-type: circle;
	list-style-position: outside;
	padding-left: 30px;
}

li {
	padding-bottom: 5px;
}

.navigation_text{
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
}

.quote_text{
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: gray;
}

.address_text{
	font-size: 0.8em;
	color: white;
}

.addressdetail_text {
	font-size: 0.8em;
	font-weight: bold;
	color: black;	
}

.copyright_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
}

/* WRP Design Elements */
/*	These are the main DIV tags, use these as containers for
	the other elements and items within the page design  */	
.wrpHeader{
	width: 100%;
	height: 125px;
	background-image: url('../images/mid_tone.jpg');
}

	.wrpImage {
	width: 205px;
	height: 125px;
	float: left;
	background-color: white;
}

	.wrpPageTitle {
	/*	change this % if you use side navigation - see above */
		width: 500px;
		float: right;
		padding-top: 80px;
		padding-right: 10px;
	}

.wrpNavigation{
/*	Uncomment the two lines if you want a side navigation bar
	Remember to change %'s for wrpPageTitle, wrpBody and wrpColumn below */
	
/*	width: 20%;
	float:left; */
	
/*	comment this out if use the above */
	/* NOT IN USE */
}

.wrpContent {
	width: 100%;
}

/* The following are within the wrpContent */
	
	.wrpBody{
	/*	change this % if you use side navigation - see above */
		width: 484px;
		float: right;
		padding-top: 10px;
		margin-left: 10px;
		margin-right: 15px;
	}
	
	.wrpColumn{
	/*	change this % if you use side navigation - see above */
		width: 160px;
		float: left;
		padding: 50px 20px 0px 20px;
		background-image: url('../images/logo.jpg');
		background-repeat: no-repeat;
	}

/* wrpContent ends her */

.wrpFooter{
	width:100%;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: left;
	background-color: white;
}

.wrpCopyright{
	width:100%;
	padding-top: 10px;
}

/* Other Desgin Elements */

.contFloatingBox_Left{
	width: 248px;
	float: left;
	padding: 200px 0px 0px 10px;
}

.contFloatingBox_Right{
	text-align:center;
	width: 176px;
	padding: 3px 3px 8px 3px;
	margin: 5px 5px 0px 5px;
	float: right;
	background-color: #CCCCCC;
}

/* Form Controls */
fieldset{
	width:440px;
}

legend{
	color:black;
	padding-right:10px;
}

.frmRow{
	clear:both;
	padding-top:5px;
	height:35px;
}

.frmLabel{
	font-size: 0.8em;
	text-align:right;
	float:left;
	width:100px;
	margin-right:6px;
}

.frmControl{
	float:left;
}

textarea{
	width: 440px;
}

.icons{
	border: 0px;
}

/* News Divs */
.news_header{
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px black solid;
}

.news_body{
	text-align: justify;
	background-color: #E0DAC5;
	padding: 5px 0px 40px 10px;
}

	.news_image{
		float: right;
		margin: 0px 3px 0px 5px;
}

.news_footer{
	font-size: 0.7em;
	background-color: silver;
	padding-bottom: 10px;
	border-top: 2px black solid;
	border-bottom: 1px black solid;
	text-align: right;
	margin-bottom: 40px;
}





