* {
	margin: 0;
	padding: 0px;

}




/* BODY */

body {
	font: 10px/12px Arial;
	margin: 0;
	padding: 0;
	padding-left: 0;
	padding-right: 0;
	width: 17cm;
	

}


.innerbody {
	margin-top: 2px;
	width: 17cm;
}	
	
.innerbody a:link { 
	text-decoration: none; 
}

.innerbody a:visited { 
	text-decoration: none;
}

.innerbody a:hover { 
	text-decoration: none;
}

.innerbody a:active { 
	text-decoration: none;
}




/* HEADER */
.header {
	overflow: hidden;
	display: none;
	float: none;
	margin: 0;
	padding: 0;
	padding-left: 0;
	padding-right: 0;
}

.header .Inner {
	display: block;
	font-size: 2em;
}

.header .Inner h1 {
	display: block;
	text-align: left;
	padding-left: 0;
	padding-right: 0;
}




/* HEADER NAV */

.NavInner {
	padding:6px 0 6px 0;
	margin:0px;
	display:block;
	float: left;

}

.NavInner a{
	font: 14px/1.4em Arial, Bold;
	text-decoration:none;
	display: block;
	margin: 0 0 0 0;
	/*Padding cannot go on left or right sides */
	padding: 0.5em 0em 0.5em 0em;
	width: 25%;
	float: left;
	overflow: hidden;
	text-align: center;
}	
		
.NavInner .current{
	text-decoration:none;
	display: block;
	width: 25%;
}
.NavInner a:link{
	font-weight: bold;
}

.NavInner a:visited{
	font-weight: bold;
}


.NavInner a.current {
/*Colors defined in blackstyle.css*/
}

.NavInner a:hover{
/*Colors defined in blackstyle.css*/
}

.NavInner a:active{
/*Colors defined in blackstyle.css*/
}

/* END OF HEADER NAV */







/* TOP LEFT COVER FOR LOGO */
.logo {
	background: url(./images/Logo.png) no-repeat top;

}


/*Logo defined in blackstyle.css*/
/* ENDING OF LOGO AREA */ 






/* LEFT NAV (for Services) */


.LeftNav {
	padding: 0;
	margin:0;

}

.LeftNav ul {
	text-decoration:none;
	display: block;
	list-style:none;
	font: 14px/1.2em san-serif;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-bottom: 0;

	
}


.LeftNav ul li{
	text-decoration:none;
	display: block;
	float: left;
	margin: 0 0 0 0;
	overflow: hidden;
	width: 15%;
}	
	
	
.LeftNav ul li.current{
	text-decoration:none;
	display: block;
}

.LeftNav ul li a{
	font: 14px/1.4em Arial, Bold;
	text-decoration:none;
	display: block;
	padding: 0.5em 2em 0.5em 2em;
	text-align: center;
}




.LeftNav ul li a:link{
	font-weight: bold;
}

.LeftNav ul li a:visited{
	font-weight: bold;      
}

.LeftNav ul li a.current {
/*Colors defined in blackstyle.css*/
}

.LeftNav ul li a:hover{
/*Colors defined in blackstyle.css*/
}

.LeftNav ul li a:active{
/*Colors defined in blackstyle.css*/
}


/* End of LeftNav */







/* SIDE BAR */

.SideBarOuter {
	overflow: hidden;
	display: none;
	margin:0;
	height: auto;
	padding: 0;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	width: 2cm;
}

.SideBarMidi {
	display: block;
	border: 1px;
  	margin-right: 2px;
}

.SideBarInner {
	display:block;
  	margin: 0 0 5px;
	padding: 5px;
	text-align: left;
}

.SideBarInner img {
	text-align: center;
}

.SideBarInner span {
	display: block;
	padding: 3px;
	margin-bottom: 8px;
	overflow: hidden;
}

.SideBarInner span h2 {
	display: block;
	font-variant: small-caps;
	font: 1.8em/1.5em;
	margin-bottom: 5px;
	padding-top: 0.2em;
}

.SideBarInner p {
	margin-right: 5px;
	text-align: right;
	font-size: 1.2em;
	margin-bottom: 5px;
	display: inline;
	line-height: 1.3em;
}

/* End of SIDE BAR */




/* CONTENT */

.ContentInner {
	display: block;
	border-top-style: none;
	margin: 0 0 1em;
	padding-right: 0px;
	padding-bottom: 2em;
	padding-left: 0px;
	line-height: 1.2em;
	padding-left: 0px;
	padding-right: 0px;
	width: 17cm;

}

.ContentInner h2 {
	font-size: 36px;
	line-height: 1.2em;
	margin-bottom: 0.2em;
}

.ContentInner h3 {
	font-size: 22px;
   	line-height: 1.2em;
	margin-bottom: 0.2em;
}


.ContentInner h4 {
	font-size: 16px; 
	line-height: 24px;
	margin-bottom: 0.2em;
}


.ContentInner p span {
  	font: 75px/55px Arial;
  	text-align:justify;
	margin-right: 0.1em;
}


.ContentInner p {
  	font: 1.6em/1.2em Arial;
  	text-align:justify;
	margin-bottom: .5em;
}

.ContentInner ul {
	font-family: Arial;
}



.ContentInner li {
	font: 1.6em/1.2em Arial;
}





.ContentInner blockquote {
	padding: 5px;
	width: 90%;
	margin: 15px 5%;
	text-align: center;
	font-size: 1.6em;
	line-height: 1.7em;
	overflow: hidden;
}

.ContentInner blockquote em {
	margin-left: 5px;      
	margin-right: 5px;
	font: 1.8em "Bookman Old Style";
}

/* End of CONTENT */







/* FOOTER */

.footer {
	display:inline;
	overflow: hidden;
	margin: 0;
	padding: 0;	
	font-size: 10px;
	line-height: 1.2em;
	text-align: center;
	width:20cm;

}

.footer .inner {
	display:block;
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;

}

.footer .inner p {
	margin: 0.5em 1em 1em 1em;
	padding: 0.5em 0pt;
}








/* @group =Generic Stackables> */

.FloatLeft {
	float: left;
}

.FloatRight {
	float: right;
	display: block;
}

.ClearLeft {
	clear: left;
}

.ClearRight {
	display: block;
	clear: right;
}

.breaker {
	float: none;
	clear: both;
	height: 0;
}

.clearback {
	background: transparent;
}

.hide {
	display: none;
}





/* SERVICE TEXT BOX */
/* I've added this variation of the box with the intention of using it in the body of the Services page to allow two coloum of boxes. */

.ServiceTextBox { 
	padding: 0.5em;
	overflow: hidden;
	display: block;
	float: left;
	margin: 2%;
	text-align: left;
	font-size: 14px;
	line-height: 1em;
	width: 42%;
}



.ServiceTextBox li {
  font: 14px/16px Helvetica, Arial;
}


.ServicesTextBox ul {
  font: 14px/16px Helvetica, Arial;
}



/* End of SERVICE TEXT BOX */

/* A BREAKER to seperate Services */
.breaker{
float:none;
clear:both;
height:0px;
}




/* CONTANER FOR MAPS */
.Map {
	width: 100%;
	height: 410px;
	text-align: center;
}

 





/* I've added this variation of the box with the intention of using it in the body of a page. */
.textbox { 
	padding: 0.5em;
	overflow: hidden;
	clear: both;
	margin: 0.5em 2em 1em 2em;
	text-align: left;
	font-size: 1.4em;
	line-height: 1.1em;
	
}


.box {
	padding: 0.5em 0.5em 0.5em 0.5em;
	overflow: hidden;
	clear: both;
	margin: 0.5em 2em 1em 2em;
	text-align: center;
	font-size: 12px;
	line-height: 1em;
	font-style: italic;
}


.box em {
	margin: 0.5em;
	display: block;
}



.pusher {
	height: 250px;
	display: block;
}

.pusher-20 {
	height: 20px;
	display: block;
	width: 75%;
}

.HZRule {
	display:block;
	height: 1px;
	margin-top: 0.2em;
	margin-bottom: 1.5em;
}

.HZRuleDecorative {
width:99%;
	display: block;
	overflow: visible;
	height: 5em;
	margin-top: 2em;
	margin-bottom: 1.5em;
	margin-left: 1em;
}

.HZRuleDouble {
	width:99%;
	display: block;
	overflow: visible;
	height: 1em;
	margin-top: 2em;
	margin-bottom: 1.5em;
	margin-left: 1em;
}
	
/* @end */










/* BREAK FLOAT */
/* Whats this??? */

.breakfloat-left {
	clear: left;
}

.breakfloat-right {
	clear: both;
}





/* @group Accessibility Info */

.Access{
	display: none;
	overflow: hidden;
	margin: 0em 0em 0em 0em;	
	text-align: left;
	padding: 0em;
	
}

.Access .font {
	display: inline;
}	



.Access .theme {

 
}






.compliance {
	float: right;
}




.Specials {
	display: block;
	float: right;
	margin-top: -6.5em;
	height: 6.5em;
	text-align: center;
	margin-bottom: -1em;
	width: 100%;
	padding: 0;
	font-size: 10px;
}

.SpecialsBody {
	height: 3.9em;
	float: left;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.SpecialsBody h3 {
	font: bold 28px/30px "Lucida Grande";
	display: block;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 2em;
	float: left;
	margin-left: 5em;

}

.SpecialsBody p {
	font: 12px/13px "Lucida Grande";
	display: block;
	padding: 0.5em;
	text-align: left;
	float: left;
	margin: 0;
}

.Dockling {
	display: block;
	text-align: right;
	margin-top: -1px;
	float: right;
	margin-right: 5em;
}

.specialsLogo {
	width: 36px;
	height: 36px;
	margin-left: 10px;
	float: left;
}

.AccessLogo {
	float: right;
	margin-right: 1em;
	margin-left: 1em;
	display: block;
	clear: both;
}
	
/* @end */


/* THE END */










/* UNUSED STUFF */

/*Not been split across to color css file yet as these are marked unused - CJ */

/* @group Rounded Lozenge */

.lozenge {
  text-decoration:none;
  display: block;
  list-style:none;
	font: 12px/13px bold;
	height: 24px;
	margin: 3px 18px;
}

.lozenge li {
	float: left;
	display: block;
	height: 24px;
}

.lozenge .middle {
	display: inline;
	float: left;
	background: url(./images/lozengeMiddle.png) repeat-x;
}

.lozenge .tick {
	display: inline;
	float: left;
	background: url(./images/lozengeDot.png) repeat-x;
	width: 24px;
}

.lozenge .endcapL {
	display: inline;
	float: left;
	background: url(./images/lozengeLeft.png) repeat-y;
	width: 13px;
}

.lozenge .endcapR {
	display: inline;
	float: left;
	background: url(./images/lozengeRight.png) repeat-y;
	width: 13px;
}

.lozenge li a {
	text-decoration: none;
	font: bold 10px/10px "Lucida Grande";
	display: block;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	height: 10px;
	color: #e1e1e1;
	padding-top: 7px;
}

.lozenge li a:link {
	text-decoration: none;
	font: bold 10px/10px "Lucida Grande";
	display: block;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	height: 10px;
	color: #e1e1e1;
	padding-top: 7px;
}

.lozenge li a:hover {
	text-decoration: none;
	font: bold 10px/10px "Lucida Grande";
	display: block;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	height: 10px;
	color: #eaefd7;
	padding-top: 7px;
}
	
/* @end */