/*****************************************************************************************************

This file should contain
1.) all site wide colour, background and font styles for html tags
2.) a selection of class(.) styles that can be used in the cms text editor

reasoning : so this style sheet could be used to re-style the website

*****************************************************************************************************/

/**************************************** Website Settings *******************************************/

body
{
	background: #e6e6e6;
	color: #000;
	font: small/18px Arial, Verdana, Helvetica, sans-serif; /* Medium = 11 px - Small = 9px */
}

/**************************************** Text Settings **********************************************/

h1, h2, h3, h4, h5, h6
{
	font-weight: bold;
	line-height: 1.2em;
	margin: 0px 0px 1em 0px;
}
#contentcolumn h1, #contentcolumn h2, #contentcolumn h3, #contentcolumn h4, #contentcolumn h5, #contentcolumn h6{
	color:#00aaeb;
}
p
{
	margin: 0px 0px 1em 0px;
	line-height: 1.2em;
}
hr {
	color:#00aaeb;
	background-color:#00aaeb;
	border-color:#00aaeb;
	border:0;
	height:2px
}
li
{
	margin: 0em;
	padding: 0em; 
	line-height: 1.2em;
}
a
{
	color:#00aaeb;
	text-decoration:none;
	font-weight:bold;
}
a:hover
{
	color:#c6d54f;
	text-decoration:none;
	font-weight:bold;
}
h1 {
	font-size:2em;
}
h2 {
	font-size:1.5em;	
}
h3 {
	font-size:1.1em;	
}
h4 {
	font-size:1em;	
}

/************************************** Image Settings ***********************************************/

img { border:0px solid #000000; }

/************************************** Form Settings ************************************************/

form
{
	margin: 0px;
	padding: 0px; 
}
fieldset
{
	border: 1px solid #999;
	padding: 1em;
	margin: 0;
}
legend
{
	color: #000;
	font-size: 1.2em;
}
fieldset div
{
	clear: left;
	margin: 0.5em 0em 0em;
	padding: 0.1em 0.3em 0.1em 0em;
}
fieldset div label
{
	display: block;
	float:left;
	width: 180px;
	padding: 0em;
	margin: 0em 0.5em;
	text-align:right;
}
fieldset div input,
fieldset div textarea,
fieldset div select { border: 1px solid black; }
fieldset div input:focus,
fieldset div textarea:focus,
fieldset div select:focus { border: 1px dotted black; }
fieldset div input.error,
fieldset div textarea.error,
fieldset div select.error { border: 1px dotted red; }
fieldset div label.error
{
	/* remove the next line when you have trouble in IE6 with labels in list */
	padding-left:180px;
	margin-left: 1em;
}

label.error
{
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	text-align:left;
	width:auto;
}

/* Button Style */

.button
{
	border:0px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#646464;
	padding:3px;
}

/* Message Style */

div#message
{
	border: 1px solid #ccc;
	background-color: #ffa;
	padding: 5px;
}

/*************************************** Page Settings ************************************************/

.pagetitle {}
.pagetitle h2 { text-transform:uppercase; }
.pagetitle h3 { text-transform:lowercase; font-size:1.5em; margin-top:-10px }

/*************************************** Content Settings *********************************************/

.content
{
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
}
.contentfooter { clear:both; height:1px;}
#left {
	float:left;
	width:218px;
}
#right {
float:left;
width:411px;
border-left:#e6e6e6 1px solid;
padding-left:10px;
}
/*************************************** List Settings ************************************************/

.categorymenu { margin-bottom:1em; }
.categorymenu li {}

.listintro {}
.list {}
.listcategory { border:1px dashed #000000; margin:2em 0em; padding:2em; }
.listcategorytitle { text-transform:lowercase; font-size:1.5em; }
.listrow {}
.listdetails {}
.listtitle { margin-bottom:0em; }
.listcaption { margin-bottom:1em; }
.listselect {}
.listmore { padding: 0em; margin:0em; text-align:right; }
.listfooter {}
.listunavailable {}
 
.pagenavigation {}

.selectedtitle {}
.selectedtext {}
.selectedunavailable {}
.selectedpreviouspage {}
.selectedfooter {}

/***************** Header ***********************/
#logo h1 a {
	display:block;
	position:absolute;
	text-indent:-9999px;
	width:229px;
	height:125px;
	left:0px;
	top:0px;
	background:url(../images/logo.gif) 0 0 no-repeat;
}
/************************************** Header and Navigation ***********************************************/
#header {
	color:#FFFFFF;
	font-weight:bold;
}
#menu {
	position:absolute;
	width:431px;
	height:125px;
	left:229px;
	top:0px;
}
#topmenu
{
	overflow:hidden;
}
ul#topmenu
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border:none;
}		
ul#topmenu li
{
	padding: 0px;
	margin: 0px;
	float:left;
}

/* style for top level menu */
ul#topmenu li a
{
	display: block;
	text-indent:-9999px;
}
ul#topmenu li a:hover
{

}
li#home a
{
	background:url(../images/menu/home.gif) 0 0 no-repeat;
	width:62px;
	height:125px;
}
li#home a:hover
{
	background:url(../images/menu/home.gif) 0 -125px no-repeat;
	width:62px;
	height:125px;
}
li#home a.selected
{
	background:url(../images/menu/home.gif) 0 -125px no-repeat;
	width:62px;
	height:125px;
}
li#about-us a
{
	background:url(../images/menu/about-us.gif) 0 0 no-repeat;
	width:78px;
	height:125px;
}
li#about-us a:hover
{
	background:url(../images/menu/about-us.gif) 0 -125px no-repeat;
	width:78px;
	height:125px;
}
li#about-us a.selected
{
	background:url(../images/menu/about-us.gif) 0 -125px no-repeat;
	width:78px;
	height:125px;
}
li#about-hips a
{
	background:url(../images/menu/about-hips.gif) 0 0 no-repeat;
	width:93px;
	height:125px;
}
li#about-hips a:hover
{
	background:url(../images/menu/about-hips.gif) 0 -125px no-repeat;
	width:93px;
	height:125px;
}
li#about-hips a.selected
{
	background:url(../images/menu/about-hips.gif) 0 -125px no-repeat;
	width:93px;
	height:125px;
}
li#testimonials a
{
	background:url(../images/menu/testimonials.gif) 0 0 no-repeat;
	width:103px;
	height:125px;
}
li#testimonials a:hover
{
	background:url(../images/menu/testimonials.gif) 0 -125px no-repeat;
	width:103px;
	height:125px;
}
li#testimonials a.selected
{
	background:url(../images/menu/testimonials.gif) 0 -125px no-repeat;
	width:103px;
	height:125px;
}
li#contact-us a
{
	background:url(../images/menu/contact-us.gif) 0 0 no-repeat;
	width:94px;
	height:125px;
}
li#contact-us a:hover
{
	background:url(../images/menu/contact-us.gif) 0 -125px no-repeat;
	width:94px;
	height:125px;
}
li#contact-us a.selected
{
	background:url(../images/menu/contact-us.gif) 0 -125px no-repeat;
	width:94px;
	height:125px;
}
/* style for selected option */
ul#topmenu li a.selected
{
	color:#FFFF00;
	font-weight:bold;
}
#phone {
	position:absolute;
	height:125px;
	width:331px;
	left:670px;
	top:0px;
	background:url(../images/top-right.gif) 0 0 no-repeat;
/*	font-size:110%;*/
}
#phone-one {
position:absolute;
left:14px;
bottom:30px;
}
#phone-two {
position:absolute;
left:110px;
bottom:0px;
}
/************************* Footer **************************/
#affiliations {
	position:absolute;
	top:0px;
	left:0px;
	width:661px;
	height:50px;
	text-indent:-9999px;
	background:url(../images/affiliations.gif) 0 0 no-repeat;
}
#footeraddress{
position:relative;
width:330px;
margin-top:10px;
background:#00aaeb;
font-size:0.85em;
padding:10px;
color:#FFFFFF;
}
#footeraddress p {
	padding:0;
}
#blue-dropshadow {
	position:relative;
	float:right;
	padding-bottom:17px;
	background:url(../images/blue-dropshadow-footer.gif) bottom left no-repeat;
}
#superhighwaymen a {
	position:absolute;
	margin-top:5px;
	bottom:0px;
	right:0px;
	background:url(../images/superhighwaymen.gif) 0 0 no-repeat;
	width:74px;
	height:39px;
	text-indent:-9999px;
}
/******************** Right Column ****************************/
.blueright {
	padding:10px;
	background:#00abec url(../images/bluegradient-right.gif) top left repeat-x;
}
.blueright h1 {
	color:#FFFFFF;
}
.blueright a {
	color:#c6d54f;
}
.blueright a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
.greenright {
	color:#ffffff;
	padding:10px;
	background:#c6d54f url(../images/greengradient-right.gif) top left repeat-x;
}
.greenright a {
	color:#00aaeb;
}
.greenright a:hover {
	color:#ffffff;
}
.whiteright {
	padding:10px;
	background:#FFFFFF;
}
.whiteright h3 {
	color:#00aaeb;
}
.whiteright a {
	color:#c6d54f;
}
.whiteright h3 a:hover {
	color:#00aaeb;
	text-decoration:none;
}
.rightdropshadow {
	background:url(../images/right-dropshadow.gif) bottom left no-repeat;
	padding-bottom:12px;
}
#right-banner {
	position:relative;
	width:310px;
	height:295px;
	background:url(/images/right-banner.jpg) no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top:-8px;
	}
#right-banner h3 {
	color:#FFFFFF;
}
#right-banner a {
	color:#c6d54f;
}
#right-banner a:hover {
	color:#00aaeb;
}
/*************** Homepage **************************/
#homepage-banner {
	position:relative;
	width:290px;
	height:299px;
	background:url(/images/homepage.jpg) top left no-repeat;
	padding-top: 10px;
	padding-right: 360px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
#homepage-banner h1 {
margin:0px;
}	
#homepage-banner h3 {
	color:#FFFFFF;
}
#homepage-banner a {
	color:#c6d54f;
}
#homepage-banner a:hover {
	color:#00aaeb;
}
.content-dropshadow {
	background:url(/images/middle-dropshadow.gif) bottom left no-repeat;
	padding-bottom:18px;
}
#content-testimonials {
	margin-top:10px;
	width:660px;
	background:#FFFFFF;
}
.testimonials-column {
 float:left;
 padding:10px;
 width:199px;
}
.testimonials-column h2 {
	color:#c6d54f;
	margin-bottom:5px;
}
.column-border {
	border-left:#e6e6e6 1px solid;
}