/* CSS Document */
html {
background-image:url(images/bodybg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	height: auto;
background-color: #0199cb;
}


body
{
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 1em;
	color: #000000;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	margin-top: 0px;
	-moz-box-sizing: margin-box;
	-moz-box-sizing: border-box;
	-moz-box-sizing: padding-box;
	background-image:url(images/bodybg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #0199cb;margin-bottom: 0px;
}

#wrapper {
height: 100%;
width: 880px;
zbackground-color: #FFF;
margin-left: auto;
margin-right: auto;


}

.topbanner
{	zfloat:left;
	height: 100px;
	width: 80%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	background-position: right;
}


#toplogo {background-image:url(IMAGES/logo.gif);	background-repeat:no-repeat; margin-left: auto; margin-right: auto;
	background-position: right top;	background-color: #FFF;	height: 100px; width: 880px; margin-top: 0px;
	padding-top: 5px;	border-right: 5px solid #FFF;	border-top:5px solid #FFF;	border-left: 5px solid #FFF;}
	
#strapline {
 display: block; height: 30px;  width: 150px; margin-left: 10px; margin-right: auto; border-left: 0px solid #FFF; border-right: 0px solid #FFF; margin-top: 0px;padding-top: 5px; padding-bottom: 5px;text-align: left; }

#strapline p {padding: 5px; color: #FFF; font-size: 1.5em; font-family:Arial, Helvetica, sans-serif; margin: 0px; text-align: left; float: left;}

.flash{	width: 600px;	height: 100px;	float: left;	margin-right: auto; margin-left: auto; padding-top: 0px;
 background-color:#FFFFFF;	}

.container{	margin-left: auto;	margin-right: auto;	margin-top: 0px;margin-bottom: 10px;	padding-bottom: 10px; border: 0px solid #FFF;
	padding: 0px;	width: 880px;	text-align:left;	zbackground-color: #FFF;	-moz-box-sizing: margin-box;
	-moz-box-sizing: border-box;	-moz-box-sizing: padding-box;	background-image:url(IMAGES/royalcres.jpg);
	background-position:center top;	background-repeat:repeat-x;	background-attachment:scroll;
	border-top: 5px solid #fff;	border-right: 5px solid #fff;	border-left: 5px solid #fff;	border-bottom: 5px solid #fff;}

.container1{	margin-left: auto;	margin-right: auto;	margin-top: 0px;margin-bottom: 10px;	padding-bottom: 10px;border: 0px solid #FFF;
	padding: 0px;	width: 880px;	text-align:left;	zbackground-color: #FFF;	-moz-box-sizing: margin-box;
	-moz-box-sizing: border-box;	-moz-box-sizing: padding-box;	background-image:url(IMAGES/bridge1.jpg);
	background-position:center top;	background-repeat:repeat-y;	background-attachment:scroll;
	border-top: 5px solid #fff;	border-right: 5px solid #fff;	border-left: 5px solid #fff;	border-bottom: 5px solid #fff;}
	
.container2{	margin-left: auto;	margin-right: auto;	margin-top: 0px;margin-bottom: 10px;	padding-bottom: 10px;border: 0px solid #FFF;
	padding: 0px;	width: 880px;	text-align:left;	zbackground-color: #FFF;	-moz-box-sizing: margin-box;
	-moz-box-sizing: border-box;	-moz-box-sizing: padding-box;	background-image:url(IMAGES/abbey.jpg);
	background-position:center top;	background-repeat:repeat-y;	background-attachment:scroll;
	border-top: 5px solid #fff;	border-right: 5px solid #fff;	border-left: 5px solid #fff;	border-bottom: 5px solid #fff;}
	
.container3{	margin-left: auto;	margin-right: auto;	margin-top: 0px;margin-bottom: 10px;	padding-bottom: 10px;border: 0px solid #FFF;
	padding: 0px;	width: 880px;	text-align:left;	zbackground-color: #FFF;	-moz-box-sizing: margin-box;
	-moz-box-sizing: border-box;	-moz-box-sizing: padding-box;	background-image:url(IMAGES/baths.jpg);
	background-position:center top;	background-repeat:repeat-y;	background-attachment:scroll;
	border-top: 5px solid #FFF;	border-right: 5px solid #FFF;	border-left: 5px solid #FFF;	border-bottom: 5px solid #FFF;}

.contentcontainer{	margin-left: auto;	margin-right: 0px;	color:#000;margin-bottom: 50px;	
	height: 500px;	width: 660px;	font-size: 0.8em;	padding-top:0px;
	padding-right:0px;	padding-bottom: 0px;	padding-left:0px;	-moz-box-sizing: margin-box;
	-moz-box-sizing: border-box;	-moz-box-sizing: padding-box;}

.contentText{	text-align: justify;	float: right;	width: 100%;	height: 450px;	overflow:auto;	background-color:#FFF;
	color: #000;	padding-top: 10px;	padding-left: 10px;	padding-right: 10px;	padding-bottom: 10px;	margin-left: auto;	margin-right: 10px;	margin-top: 10px; 	text-align: left;		border-left: 1px solid #F5F5F5;
border-right: 1px solid #F5F5F5;border-top: 1px solid #F5F5F5;border-bottom: 1px solid #F5F5F5;
 }

.contentText p {text-align: justify;	}

.contentText a {color: #ff6600; text-decoration: none;}
.contentText a:link {color: #ff6600; background-color: #FFF;text-decoration: none;}
.contentText a:visited {color: #ff6600; background-color: #FFF;text-decoration: none;}
.contentText a:hover {color: #FFF; background-color: #ff6600;text-decoration: none;}
.contentText a:active {color: #FFF;background-color: #ff6600;text-decoration: none;}

#mainNav {width: 90%; height: 33px; margin-left: 0px; margin-right: auto; color: #FFF;
	 padding: 0px; padding-left: 0px;margin-top: 40px; font-family:arial, verdana, sans-serif; font-size: 0.90em; border-left: 0px solid #ccc;
border-right: 0px solid #ccc;border-top: 0px solid #ccc;border-bottom: 0px solid #ff6600;  }
	
#mainNav ul {border-left: 0px solid #ff9933;	padding-left: 0px;	padding-right: 0px;	padding-top: 5px; padding-bottom: 10px; 
	display:inline; text-align: right;	margin-left: 0px;	margin-top: 0px;color: #FFF; }

#mainNav ul li {list-style:none; display:inline; float:left; padding-left:0px; padding-right:0px; margin-top:0px;color: #FFF;
	margin-right: 0px;  text-align: right;border-right: 5px solid #fff;padding-top: 6px; padding-bottom: 6px;background-color: #0099cb;}

#mainNav ul li a {display:inline;padding-top: 6px;padding-bottom: 6px;padding-right: 9px;padding-left: 9px;color: #FFF; 
	margin-top:0px;	margin-bottom:10px;	margin-right: 0px; margin-left: 0px;font-weight:bold; 	text-align: right;	text-decoration:none; }

#mainNav ul li a:hover {color: #fff;background-color: #ff6600; text-decoration:none; margin-top:0px;}

.mainNav{text-decoration:none;margin-top:0px; float:left; margin-left: 0px; margin: 0px; }
.mainNav a:link{color:#0099cc; text-decoration:none;margin-top:0px;}
.mainNav a:visited{color:#0099cc; text-decoration:none;margin-top:0px;}
.mainNav a:hover{color:#0099cc;text-decoration:underline;margin-top:0px;}
.mainNav a:active{color:#0099cc; text-decoration:none;margin-top:0px;}

.mainNavSelected { color: #fff; text-decoration:none;margin-top:0px;}
.mainNavSelected a{background-color: #ff6600; color: #fff; text-decoration:none;margin-top:0px;}
.mainNavSelected a:link{background-color: #ff6600; color: #fff;text-decoration:none;margin-top:0px;}
.mainNavSelected a:visited{background-color: #ff6600; color: #fff;text-decoration:none;margin-top:0px;}
.mainNavSelected a:hover{background-color: #ff6600; color: #fff;text-decoration:none;margin-top:0px;}
.mainNavSelected a:active{background-color: #ff6600; color: #fff;text-decoration:none;margin-top:0px;}

h1
{	font-size:1.7em;
	color: #FFF;
	background-color:#333333;
	font-family:Arial Bold, Helvetica, sans-serif;
	margin-top: 0px; padding: 4px;
}

h2
{	font-size:1.4em;display:inline;padding: 4px;
	color: #FFF;background-color:#ff6600;
}

h3
{	font-size:1.1em; display:inline;padding: 4px;
	color: #FFF;background-color:#333;
}

h4
{	font-size:1.0em; display:inline;padding: 4px;
	color: #FFF;background-color:#0099cb;
}


#footerArea {width: 880px ;margin-right: auto; margin-left: auto; margin-top: 0px; color: #FFF; height: 35px; border-top: 0px solid #999; padding-bottom: 10px;}
#footer {margin-left: auto; margin-right: auto; font-family: Arial, Helvetica, sans-serif; width: 98%;  padding: 12px 0px 12px 0px; font-size: 0.7em; position: relative; border: 0px solid #ff6600;  }

#footer a { margin: 0 0.5em; font-weight: bold; }
#footer a:link, #footer a:visited { color: #FFF; text-decoration: none; }
#footer a:hover, #footer a:focus { color: #ff6600; text-decoration: none; }
#footer a img { border: none; float: left; margin: -5px 9px 0 15px; position: relative; }
#footer a.hayslogo { border: none; }


.joblinks{
 font-family: Arial, Helvetica, sans-serif; font-size:100%; font-weight: bold; color: #0066cc; text-decoration: none;}
a:link.joblinks {
 font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 100%; font-weight: bold; color: #0066cc; text-decoration: underline;}
a:visited.joblinks{
 font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 100%; font-weight: bold; color: #0066cc; text-decoration: none;}
a:hover.joblinks{
 font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 100%; font-weight: bold; color: #0066cc; text-decoration: none;}
a:active.joblinks{
 font-family: Arial, Helvetica, Verdana, sans-serif; font-size:100%; font-weight: bold; color: #0066cc; text-decoration: none;}
 
p.Micro {display: none;}
table.Micro {font-family:Arial, Helvetica, Verdana, sans-serif; font-size:100%; color:#333; border-collapse:collapse;}
tr.MicroHeader {font-size:100%; font-weight:bold; color:#FFF; background-color:#030067; padding:5px; text-align:left;}
tr.MicroItem { padding:2px;}
tr.MicroAltItem { padding:2px;}



input {
text-align: left;
cursor:pointer;
width: 272px;

}

hr {
color: #ccc;
background-color: #ccc;
width: 80%;
margin-left: auto;
margin-right: auto;
}


/*********** #navBar link styles ***********/

#navBar{
	font-family: Arial, Helvetica, sans-serif;
	clear:both;
	float: left;
	width: 150px;
	height:auto;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom: 0px solid #74A6C7;
	font-weight: bold;
	display: block;
	
}


#navBar ul {list-style: none; margin: 0px; padding: 0px;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 0px solid #FFF; }
#navBar ul li{list-style: none; margin: 0px; padding: 0px; border-bottom: 0px solid #fff; }
#navBar ul li a{
	list-style: none; 
	margin: 0px;  margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px; 
	padding-left: 6px; border-bottom: 0px solid #FFF; }

#navBar ul li a:hover {
background-color: #67b35b;
}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none; margin: 0px; }


#navBar p{
margin-top: 0px;
margin-bottom: 0px;
}
#navBar img{
margin-top: 2px;
margin-bottom: 2px;
border: 1px solid #6699CC;
}


/*********** .sideLinks styles ***********/

.sideNavLinks{
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 1.0em;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;}

.sideNavLinks ul {
	display: block; 
	background-color: #0099cb;
	color: #FFF;
	text-decoration: none;
	margin: 0px;}

.sideNavLinks ul li {
	display: block; 
	background-color: #0099cb;
	color: #FFF;
	text-decoration: none;
	margin: 0px;}


.sideNavLinks a:link {
	display: block; 
	color: #FFF;
	background-color: #0099cb;
	text-decoration: none;
	border: 0px solid #8FA0CD;

	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;}
	
.sideNavLinks a:visited {
	display: block; 
	color: #FFF;
	background-color: #0099cb;
	text-decoration: none;
	border: 0px solid #8FA0CD;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;}

.sideNavLinks a:hover{
	display: block; 
	color: #FFF;
	background-color: #ff6600;
	text-decoration: none;
	border: 0px solid #005399;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 23px;
	padding-left: 6px;}

.sideNavLinks a:active{
	display: block; 
	background-color: #0099cb;
	color: #FFF;
	text-decoration: none;
	border: 0px solid #005399;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;}

.sideNavLinksSel{
	font-family: Arial,sans-serif;
		color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	font-size: 1.0em;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
	clear: both;}

.sideNavLinksSel a:link{
	color: #FFF;
	background-color: #ff6600;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	text-decoration: none;
	clear: both;
	display: block; }

.sideNavLinksSel a:visited{
	color: #FFF;
	background-color: #ff6600;
	border: 0px solid #005399;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	text-decoration: none;
	clear: both;
	display: block; }

.sideNavLinksSel a:hover{
	color: #FFF;
	background-color: #ff6600;
	border: 0px solid #005399;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	text-decoration: none;
	clear: both;
	display: block; }

.sideNavLinksSel a:active{
	color: #FFF;
	background-color: #ff6600;
	border: 0px solid #005399;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	text-decoration: none;
	clear: both;
	display: block; }
	
.sideNavLinksSel ul {
	display: block; 
	background-color: #ff6600;
	color: #FFF;
	text-decoration: none;
	margin: 0px;}

.sideNavLinksSel ul li {
	display: block; 
	background-color: #ff6600;
	color: #FFF;
	text-decoration: none;
	margin: 0px;}