/* Browser: Other(Other.Other)
*/
/* ---------------------------------------------- */
/* CSS Definitions - Copyright Spiky Hedgehog Ltd */
/* ---------------------------------------------- */
/* Media: screen */
* {
	margin : 0px;
	padding: 0px;}

html, body, ul, ol, li, dl, p, blockquote, q, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img {
	border: 0px;}
	
body {
	background-color: #bbeeee;
	color: #333333;
	background-image: url(images/gradients/l2000m90-99-ffffff-99cccc.png);
	height: 100%;
	background-position: 50% 0%;
	font-family: Verdana, Helvetica, Arial, "Microsoft Sans Serif", sans-serif;
    font-size: 95%;}   
html>body {    font-size: 1em;}

p {
	line-height: 1.5em;
}

img {
	vertical-align: bottom;
	border: 0px;
	margin: 0px;}						 

ul {
	line-height: 1.5em;
	list-style-position: inside;
	list-style-type: disc;}				 

table {
	width: 100%;
	margin: 1em 0;
	border-collapse: collapse;}

th {
	background-color: #99cccc;
	color: inherit;
	font-size: 1.2em;
}

td {
}

hr {
	width: 100%;
	height: 1px;
	margin: 1em 0;
}
h1 {
	text-align: center;
	white-space:nowrap;
	overflow: hidden;
	font-size: 1.3em;
	font-style: italic;
	letter-spacing: 1px;
	margin-bottom: 1em;
}

h2 {
	text-align: center;
	white-space:nowrap;
	overflow: hidden;
	font-size: 1.2em;
	letter-spacing: 1px;
	margin-bottom: 1em;
}

.h2 {
	padding: .1em;
}

h3 {
	text-align: center;
	white-space:nowrap;
	overflow: hidden;
	font-size: 1.1em;
	letter-spacing: 1px;
}

.h3 {
	padding: .1em;
}
   
a {
	text-decoration: none;
}

a:link {
	color: #99cccc;
	background-color: inherit;
}

a:visited {
	color: #99cccc;
	background-color: inherit;
}

a:hover {
	color: #ff8800;
	background-color: inherit;
}


a:active {
	color: #99cccc;
	background-color: inherit;
}
	
acronym {
	border-bottom: 1px dotted #99cccc;
}

.address {
	margin: 0 1em;}
.centre {
	text-align: center;}
.centrepage {
	margin-left: auto;
	margin-right: auto;
	width: 761px;
}
.clearB {
	clear: both;}
.clearL {
	clear: left;}
.clearR {
	clear: right;}
.comments {
	background-color: inherit;
	color: #bbeeee;
	text-align: center;
	font-weight: bold;}
.copyright a{ 
	margin-right: 5em;}
.email {
	background-image: url(image/email.gif);
	background-repeat: no-repeat;
	background-position: 100% 5px;
	text-align: right;
	padding-right: 15px;}
.fax {
	background-image: url(image/fax.gif);
	background-repeat: no-repeat;
	background-position: 100% 5px;
	text-align: right;
	padding-right: 15px;}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.footer {
	width: 90%;
}
.headertext {
	visibility: hidden;
}
.imageleft {
	float: left;
	margin: 1em;
	border: 3px #ffffff outset;
}
.imagetextwrapper {
}.label {
	color: #99cccc;
	background-color: inherit;
	font-weight: bolder;
	margin-left: 1em;
	letter-spacing: 1px;}
.mobile {
	background-image: url(image/mobile.gif);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	text-align: right;
	padding-right: 15px;}
.padding {
	padding: 1em;
}
.phone {
	background-image: url(image/phone.gif);
	background-repeat: no-repeat;
	background-position: 100% 5px;
	text-align: right;
	padding-right: 15px;}
.smallest{
    font-size: 70%;}
.spacer {
	width: 100%;
	height: 1em;
}.subject {
	background-color: inherit;
	color: #bbeeee;
	text-align: center;
	font-weight: bold;}
.textblock {
	text-align: justify;}

.textblock p {
	margin-bottom: 1em;}
.title {
	background-color: inherit;
	color: #999999;
	text-align: center;}
.titleimagetext {
	margin: 1em;}


#menu-main {
	padding: 5px;
	height: 35px;
}

#menu-main ul {
	float: left;
	list-style: none;
	white-space: nowrap;}

#menu-main li {
	letter-spacing: 1px;
	float: left;
	padding: 10px 0 0 10px;
}
	
#menu-main ul li a {
	text-decoration: none;
	display: block;
	background-color: inherit;
	color: #99cccc;
	font-weight: bold;
}

#menu-main ul li a:hover {
	background-color: inherit;
	color: #005555;
	font-weight: bold;
}

#menu-main ul li a.current{
	background-color: inherit;
	color: #ff8800;
	font-weight: bold;
}
#menu-main li {
	padding: 2px 0 10px 18px;
}

#box {
}

#top {
	background-color: #005555;
	color: inherit;
	height: 327px;
	margin: 0 -5px;
	position: relative;
	top: -6px;}

#contents {
	font-size: .8em;
	min-height: 300px;
	padding: 1.5em 2em 1.5em 3em;
	border-top : 1px solid #99cccc}

#screeding_top {
	width: 741px;}

#screeding_top img {
}

.photo {
	margin-left: 2em;}

#contact {
	width: 41%;}

#site-design p a {
	background-color: inherit;
	color: #005555;
}

#site-design p a:hover {
	background-color: inherit;
	color: #ff8800;
}

.page {
	width: 761px;
	position: relative;
}
.pagetl {
	height: 30px;
	width: 30px;
	float: left;
	background-image: url(images/shapes/pagecornerTL.png);
}
.pagetm {
	height: 30px;
	width: 701px;
	float: left;
	background-repeat: repeat-x;
	background-image: url(images/shapes/pagesideT.png);
	background-position: top left;
}
.pagetr {
	height: 30px;
	width: 30px;
	float: left;
	background-image: url(images/shapes/pagecornerTR.png);
}
.pageml {
	height: 100%;
	float: left;
	background-image: url(images/shapes/pagesideLR761.png);
	background-repeat: repeat-y;
}
.pagemr {
	height: 100%;
}
.pagebl {
	height: 30px;
	width: 30px;
	float: left;
	background-image: url(images/shapes/pagecornerBL.png);
}
.pagebm {
	height: 30px;
	width: 701px;
	float: left;
	background-repeat: repeat-x;
	background-image: url(images/shapes/pagesideB.png);
}
.pagebr {
	height: 30px;
	width: 30px;
	float: left;
	background-image: url(images/shapes/pagecornerBR.png);
}
.pagecc {
	background-image: url(images/shapes/pagecentre.png);
	padding: 1px 0;
	margin: 0px 30px;
	width: 701px;
}
.pagein {
	width: 731px;
	margin: -15px -15px;
	position: relative;
}
	
  
#banner {
	background-image: url(images/text/gara-12824beb047eb9b5471019980321f942.gif);
	width: 662px;
	height: 67px;
	margin: 20px 20px 0 20px;
	background-repeat: no-repeat;}
#tagline {
	background-image: url(images/text/garait-a97b634785658011b815f62aa746a063.gif);
	width: 389px;
	height: 45px;
	margin: 0 20px 10px 20px;
	background-repeat: no-repeat;}