@charset "utf-8";
/* CSS Document */
/*----------------------------------------------*/

/*     Main Body
----------------------------------------------*/
body 
{ background:url(images/top_bg.gif) repeat-x; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; margin:0px auto; padding:0px; text-align:center; }

#container 
{ width: 902px;	margin:0 auto; padding:0; text-align:left; overflow:hidden; }

#MainContent
{ position:relative; float:left; width:720px; padding:9px; }	

/*     General layout for all pages
----------------------------------------------*/
/*     Map Layers
----------------------------------------------*/
.branchDetails
{ position:absolute; left: 54px; top: 108px; background:#ffffff; border:#60b0a3 1px solid; padding:10px; width: 251px; z-index: 100; visibility: hidden; }

/* turn selected layer on */
.v
{ visibility:visible; }

/*     End Of Map Layers
----------------------------------------------*/

.website 
{float:left; margin-left:-3500px;}

#paper 
{ position:relative; float:left; width:900px; background-color:#FFFFFF; border: #dbdbdb 1px solid; text-align:left; }

#LeftHolder 
{ position:relative; float:left; width: 140px; padding:9px;	}

#LeftNews 
{ position:relative; padding: 9px 0 0 0; width:100%; }

#footer
{ position:relative; float:left; border-top:#ffc425 6px solid; background-color:#0a766b; width:100%; height:36px; text-align:center; margin-top:8px; padding-top:12px; }

#Services
{ position:relative; float:left; border:#ffc425 1px solid; background-color:#ffffff; width:97%; padding:10px; }

.newsPic
{ margin-left:40px; }


/*     Product Page
----------------------------------------------*/
.productHolder
{ float:left; padding:8px; width:98%; margin-top:20px; border-bottom:#CCCCCC 1px solid; border-top:#cccccc 1px solid; }

.productImage
{ border:#0a766b 1px solid; margin-left:40px; }

/*     News Bulletpoint
----------------------------------------------*/
.NewsUL
{ position:relative; margin-top:0; }

.NewsLI
{ list-style:none; background:url(images/doc_icon.gif) no-repeat; line-height:11px; padding:0 0 0px 14px; margin:0 0 0 -40px; }

/*     Contact form
----------------------------------------------*/

input, select, textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 0px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	font-size:1em;
	padding:2px;
}

.ContactForm 
{ float:left; width:38em; }

label 
{
 	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 9px 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}

.ContactForm .button 
{ margin-left:110px; }


/*     font definitions
----------------------------------------------*/

.h1mover
{ position:absolute; left:-3000px; float:left; }

h1
{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#0a766b; margin: 0 0 0 0; }

h2
{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#0a766b; margin: 0 0 0 0; }

h3
{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0a766b; margin:0 0 0 0; }
h4
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0a766b; margin:0; padding:0; }

.main12
{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#535353; }

.main11
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#535353; }

.main11GRN
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0a766b; }

.main12GRN
{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0a766b; }

.main12LTGRN
{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#60b0a3; }

.main12WHT
{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; }

.err
{ color:#FF0000; }


/* 
------------------- LINKS ------------------*/

a:link
{ color:#d49c05; text-decoration:none; }

a:visited
{ color:#d49c05; text-decoration:none; }

a:active
{ color:#d49c05; text-decoration:none; }

a:hover
{ color:#0a766b; }


.whitelink:link
{ color:#ffffff; text-decoration:none; }

.whitelink:visited
{ color:#ffffff; text-decoration:none; }

.whitelink:active
{ color:#ffffff; text-decoration:none; }

.whitelink:hover
{ color:#ffc425; }

.greenlink:link
{ color:#0a766b; text-decoration:none; }

.greenlink:visited
{ color:#0a766b; text-decoration:none; }

.greenlink:active
{ color:#0a766b; text-decoration:none; }

.greenlink:hover
{ color:#d49c05; }
/*_____________ Nav Start _____________*/

#navholder
{
	position:relative;
	height:35px;
	z-index:200;
	width: 902px;
	left: -1px;
	top: -1px; 
	background-color:#28664f;
}
#nav  
{
	padding:0;
	margin:0;
	position:relative;
	list-style:none;
	width: 700px;
	font-family:arial, verdana, sans-serif;
	left: 20px;
}

#nav li.top {
	display:block; 
	float:left;	
}

/* main links */
#nav li a.top_link {
	display:block;
	float:left; 
	height:35px; 
	line-height:35px; 
	color:#ffffff; 
	text-decoration:none; 
	font-size:12px;
	cursor:pointer;
	margin: 0px auto;
}

#nav li a.top_link span 
{
	float:left; 
	display:block; 
	padding:0 10px 0 10px; 
}

#nav li a.top_link:hover
{
	color:#0a766b;
	background:#ffffff;
}

/* changes the bg col of the top link wnen on sub menu */
#nav li:hover > a.top_link span {
	background: #ffffff;
}

/* changes the text col of the top link when on sub menu */
#nav li:hover > a.top_link {
	color: #0a766b;
}

#nav table 
{
	border-collapse:collapse; 
	width:0; margin:0;
	position:absolute; 
	top:0; 
	left:0;
}

#nav li:hover 
{
	position:relative; 
	z-index:200;
}

#nav a:hover 
{
	visibility:visible; 
	position:relative; 
	z-index:200;
}


#nav ul 
{
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}

/* sub menu */
#nav :hover ul 
{
	left:0px; 
	top:35px; 
	padding:8px 10px 10px 5px;
	white-space:nowrap;
	width:140px;
	height:auto; 
	z-index:1000; 
	border-top:#d5e04d 7px solid;
	background:#d5e04d;
}

/* #nav :hover ul li 
{
	display:block; 
	height:23px; 
	position:relative; 
	width:auto;
}
*/

#nav :hover ul li a 
{
	display:block;
	list-style:none;
	font-size:12px; 
	height:20px; 
	line-height:20px; 
	width:auto;
	padding:0 5px; 
	color:#0a766b;
	font-weight:bold;
	text-decoration:none;
}

#nav :hover ul li a:hover 
{
	background:#798475; 
	color:#ffffff;
	
}