/* CSS Document */

/* Each of these control the look of the text and features on the site. 
Once opened in Dreamweaver if you open Window>css styles palette you will see a list of
the css tags highlight one and then click on the edit icon (it's next to the bin icon)
Another box opens and this allows you to change the tags attributes*/

/* This tag has general settings for the page*/

body {
	background-color: #E6E6E6;
	background-image: url(../images/nav_bar_bg.jpg);
	background-repeat: repeat-x;
	margin-top: 0px;
}

/* This is the tag for the left hand menu style. Its shows size, colour, line-height (leading). 
Also it has styles set up for how the links work a:link is the colour of the link, a:hover is
the colour when you rollover the link, a:visited is the colour once that link has been clicked*/

.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	margin-right: 5px;
	margin-left: 15px;
	line-height: 20px;
}
.menu a:link {
	color: #003399;
}
.menu a:hover {
	color: #FF6600;
}
.menu a:visited {
	color: #003399;
}
.menu_tags {
	margin-left: 5px;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 15px;
}
.footer a:link {
	color: #FFFFFF;
}
.footer a:visited {
	color: #FFFFFF;
}
.sub_menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	margin-right: 5px;
	margin-left: 15px;
}
.sub_menu a:link {
	color: #666666;
}
.sub_menu a:hover {
	color: #FF6600;
}
.sub_menu2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	margin-right: 5px;
	margin-left: 20px;
	color: #333333;
}
.sub_menu2 a:link {
	color: #333333;
}
.sub_menu2 a:visited {
	color: #333333;
}
.sub_menu2 a:hover {
	color: #FF6600;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
		color: #666666;
}
.h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}

/* This is the Phone No tag - change to change the phone number style */

.phone {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #666666;
}

/* End of Phone number tag */

.description {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
}
.bullet_points {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.body_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #333333;
}

.a_z {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	line-height: 20px;
	color: #686868;
	margin-left: 10px;
}
.a_z a:link {
	color: #333333;
}
.a_z a:visited {
	color: #333333;
}
.a_z a:hover {
	color: #FF6600;
}
.blue_heading {
	font-size: 24px;
	color: #006699;	
}
.spaced_heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	letter-spacing: 0.2em;
	}
	
.graph_panel {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #003399
}

.graph_dims {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000
}
	
/* -----------------------------------------------------------
				          Price Tables
----------------------------------------------------------- */

.pricetable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #333333;
	text-align: left;
	width:90%;
	background-color: #FFFFCC;
}

.pricetable_narrow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #333333;
	text-align: left;
	width:90%;
	background-color: #FFFFCC;
}

.pricetable th {
	background-color:#FFFFCC;
	border-bottom: 1px solid #dadada;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333;
}