.top {
margin-left: 1em;
}

.copyright {}

body {
margin: 0em;
padding: 0em;
text-align: center;
color: #ffffff;
background-color: #000000;}

#container {
text-align: left;
margin: auto;
width: 800px;
background-color: #ffffcc;
border-left: 2px #008080 solid;
border-bottom: 2px #008080 solid;
border-right: 2px #008080 solid;
color: inherit;}

#header {
}

/*Begin Heading formatting*/

h1 {
margin: 0em;
padding: 0em;
}

h1 img {
display: block;
border: 0;
width: 800px;
height: 187px;
}

h3 {
color: #008080;
font-family: sans-serif, Arial, Verdana, Helvetica;
margin: .5em;
background-color: inherit;}

h4 {
font-family: sans-serif, Arial, Verdana, Helvetica;
background-color: inherit;
color: #000000;
margin-top: 0;
margin-bottom: 0;
margin-left: .8em;}

/*end of heading formatting*/

/*Begin styling for the maincontent elements*/

#maincontent {
padding-left: 1em;
padding-right: 1em;}

#maincontent p {
color: #000000;
background-color: inherit;
font-family: sans-serif, Arial, Verdana, Helvetica;
font-size: 90%;
text-align: justify;
margin-top: 1em;
margin-left: 1em;
font-weight: normal;}

p.bold {
color: #000000;
background-color: inherit;
font-family: sans-serif, Arial, Verdana, Helvetica;
font-size: 90%;
text-align: justify;
margin-top: 1em;
margin-left: 1em;
font-weight: bold;
}

div.imgcentre {
text-align: center;
}

p#bigger {
color: #000000;
background-color: inherit;
font-family: sans-serif, Arial, Verdana, Helvetica ;
font-size: 100%;
text-align: justify;
margin-top: 1em;
margin-left: 1em;
font-weight: normal;
}



.textlist ul li {
display: list-item;
list-style-type: square;
font-family: sans-serif, Arial, Verdana, Helvetica;
font-size: 80%;
text-align: justify;
color: #000000;
background-color: inherit;
font-weight: bold;}

#maincontent a{}

#maincontent a:link {
color: inherit;
background-color: inherit;
text-decoration: none;
font-weight: bold;
}

#maincontent a:visited {
color: inherit;
background-color: inherit;
text-decoration: none;
font-weight: bold;
}

#maincontent a:hover {
color: inherit;
background-color: #99ffff;
text-decoration: none;
font-weight: bold;
}

#maincontent a:active {
text-decoration: none;
color: inherit;
background-color: #FF6600;
font-weight: bold;
}

#maincontent p br {
margin: 0;
padding: 0;
line-height: 1px;
}

/*end of styling for maincontent div*/

/*Begin styling delimited list class horipics*/

dl.horipics {
background-color: #008080;
color: inherit;
display: block;
width: 350px;
text-align: center;
padding: 5px;
float: left;
margin-left: 10px;
}

.horipics dt img {
width: 350px;
}

.horipics dd {
color: #ffffff;
background-color: inherit;
font-family: sans-serif, Arial, Verdana, Helvetica;
font-size: 80%;
margin: 0em;
padding: 0em;
font-weight: bolder;}

/*End styling delimited list class horipics*/

/*Begin styling delimited list class vertipics*/

dl.vertipics {
clear: both;
color: inherit;
background-color: #008080;
text-align: center;
padding: 5px;
margin-left: 20px;
width: 480px;
}

.vertipics dt img {
text-align: center;
width: 480px;
/*border: 1px #000000 solid;*/
}

.vertipics dd {
color: #ffffff;
background-color: inherit;
font-family: sans-serif, Arial, Verdana, Helvetica;
font-size: 80%;
text-align: center;
margin: 0em;
padding: 0em;
font-weight: bolder;}

dl.vertipicstall {
background-color: #008080;
color: inherit;
text-align: center;
padding: 5px;
margin-left: 80px;
width: 340px;
}

.vertipicstall dt img {
width: 340px;
height: auto;
/*border: 1px #000000 solid;*/
}

.vertipicstall dd {
color: #ffffff;
background-color: inherit;
font-family: sans-serif, Arial, Verdana, Helvetica;
font-size: 80%;
text-align: center;
margin: 0em;
padding: 0em;
font-weight: bolder;}

/*Begin styling delimited list class vertipics*/

/*Begin styling for side navigation*/

#sidenav {
width: 120px;
float: left;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
margin-top: 20px;
background-image: url(../images/menbot.gif);
background-repeat: no-repeat;
background-position: 0% 100%;
background-color: #008080;
color: inherit;
}

#sidenav h4 {
font-family: sans-serif, Arial, Verdana, Helvetica;
color: #ffffff;
background-color: inherit;
text-align: center;
padding: .5em;
margin: 0em;
background-image: url(../images/mentop.gif);
background-repeat: no-repeat;
background-position: 100% 0px;}

#sidenav ul {
display: list-item;
list-style-type: none;
padding: 0px;
margin: 0px;
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 90%;
text-align: center;}

#sidenav ul li {
padding-top: .3em;
padding-bottom: .3em;
}

#sidenav a {
display: block;
color: #ffffff;
background-color: inherit;
text-decoration: none;
font-size: 10pt;
border: 1px #000000 solid;
padding-top: 2px;
padding-bottom: 2px;
margin-left: .5em;
margin-right: .5em;
}

#sidenav li a:visited {
text-decoration: none;
color: #ffffff;
background-color: inherit;
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt;}

#sidenav li a:hover {
text-decoration: none;
color: #00009f;
font-family:  Arial, Verdana, Helvetica, sans-serif;

font-size: 10pt;
background-color: aqua;}

#sidenav li a:active {
text-decoration: none;
color: #00009f;
font-family:  Arial, Verdana, Helvetica, sans-serif;

font-size: 10pt;
background-color: #ff6600;}

/*End of styling for side navigation*/



/*Begin styling for the subcontent div elements*/

#subcontent {
/*border: 1px red solid;*/
float: left;
margin: 1em auto;
width: 620px;}

/*End styling for the subcontent div elements*/

/*Begin styling for floated right container*/

div.imagecaption{
float: right;
width: 300px;
margin-top: 0em;
margin-left: 1em;
margin-bottom: 1em;
margin-right: 1em;
display: inline;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
background-color: #008080;
color: inherit;
}

div.imagecaption h5 {
color: #ffffff;
background-color: inherit;
text-align: center;
font-family: sans-serif, Arial, Verdana, Helvetica;
font-size: 80%;
margin-top: 5px;
margin-bottom: 0px;
padding-bottom: 0em;}

div.imagecaption img {
}

/*end of styling for floated right container*/

#top {}

/*Styling the header navigation menu*/

#topnav {
text-align: center;
padding: 0em;
margin: 0em;
width: 800px
}

#topnav ul {
margin: 0em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
display: list-item;
list-style-type: none;
background-color: #008080;
color: inherit;
}

#topnav li {
display: inline;
}

#topnav li a {
display: inline;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
border: 1px #000000 solid;}

#topnav li a:link{
text-decoration: none;
color: #ffffff;
background-color: inherit;
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt;}

#topnav li a:visited {
text-decoration: none;
color: #ffffff;
background-color: inherit;
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt;
}

#topnav li a:hover {
text-decoration: none;
color: #00009f;
font-family:  Arial, Verdana, Helvetica, sans-serif;

font-size: 10pt;
background-color: aqua;}

#topnav li a:active {
text-decoration: none;
color: #00009f;
font-family:  Arial, Verdana, Helvetica, sans-serif;

font-size: 10pt;
background-color: #ff6600;}

/*end of header navigation styling*/

/*Styling for the anchor top link*/

div.top {margin-bottom: .5em;
clear: both;
}

div.top a {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
color: #008080;
background-color: inherit;
}


div.top a:link {

text-decoration: none;}

div.top a:visited {
text-decoration: none;
}

div.top a:hover {
background-color: #99ffff;
color: inherit;
text-decoration: none;}

div.top a:active {
text-decoration: none;
background-color: #FF6600;
color: inherit;
}

/*end of styling for the anchor top link*/

div {}

/*Styling for the footer*/

#footer {
clear: both;
padding-bottom: 1em;
border-top: 2px #008080 dotted;
padding-top: 2px;}

#footer ul {
display: list-item;
list-style-type: none;
text-align: center;
padding-top: 0em;
padding-bottom: 0em;
margin-bottom: 0em;}

#footer ul li {
display: inline;}

#footer ul li a {
padding-top: .2em;
padding-right: .1em;
padding-bottom: .2em;
padding-left: .1em;
font-size: 70%;
font-weight: bold;
font-family: Arial, Verdana, Helvetica,  sans-serif;}

#footer a:link {
color: #666666;
background-color: inherit;
text-decoration: none;}

#footer a:visited {
text-decoration: none;
color: #666666;
background-color: inherit;
}

#footer a:hover {
text-decoration: none;
background-color: inherit;
color: aqua;}

#footer a:active {
color: #cc0000;
text-decoration: none;
background-color: #FF6600;}

p.copyright{
font-weight: bold;
font-family: sans-serif, Arial, Verdana, Helvetica;
font-size: 70%;
text-align: center;
color: #cccccc;
background-color: inherit;
margin-top: 1px;
margin-bottom: 1px;
}

/*end of footer styling*/

/*Styling for Form elements begins*/

#centerform {
margin-left: 2em;
}

fieldset {
padding-top: 2em;
margin: 0;
border: none;
}

div.hidden {
height: 2em;
}

div.row {
clear: both;
padding-top: 5px;
}

div.row label {
float: left;
width: 48%;
text-align: right;
font-family: sans-serif, Arial, Verdana, Helvetica;
color: #ffffff;
background-color: inherit;
font-size: 80%;
font-weight: bold;
letter-spacing: .1em;}

form {
width: 700px;
background-color: #008080;
color: inherit;
background-image: url(../images/formtop.gif);
background-repeat: no-repeat;
background-position: 100% 0%;}

div.row .textinput {
float: right;
width: 42%;
margin-right: 6%;
border: 1px #000000 solid;
background-color: #ccffff;
color: inherit;
font-family: sans-serif, Arial, Verdana, Helvetica;
color: #000000;
font-size: 80%;
}

div.row .textinput {
float: right;
width: 42%;
margin-right: 6%;
border: 1px #000000 solid;
background-color: #ccffff;
font-family: sans-serif, Arial, Verdana, Helvetica;
color: #000000;
font-size: 80%;
}

div.row .checkbox {
float: right;
width: 3%;
margin-right: 45%;
}

div.row select {
float: right;
width: 28%;
margin-right: 20%;
background-color: #ccffff;
color: #000000;
border: 1px #000000 solid;
}

div.row textarea {
float: right;
width: 40%;
margin-right: 8%;
border: 1px #000000 solid;
background-color: #ccffff;
font-family: sans-serif, Arial, Verdana, Helvetica;
color: #000000;
font-size: 80%;
}

.button{
clear:both;
text-align: center;
padding-top: 20px;
}

.button input {
margin-left: .5em;
margin-right: .5em;
font-family: sans-serif, Arial, Verdana, Helvetica;
color: #000000;
font-size: 90%;
font-weight: bold;
background-color: #efd7c5;
}

#enquiryform{}

.spacer {
padding: 0;
margin: 0;
width: 700px;
height: 38px;
background-image: url(../images/formbot.gif);
background-repeat: no-repeat;
background-position: 100% 0%;
}

/*End of Styling for Form elements*/

/*Begin styling for quotes*/

blockquote{
margin: 1em 0;
border: 2px #cccccc dotted;
background-color: #008080;
color: inherit;
background-image: url(../images/blockqup.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
padding-top: 25px;
}

#maincontent blockquote p{
color: #000000;
background-color: inherit;
font-family: sans-serif, Arial, Verdana, Helvetica;
padding: 0 45px;
margin-top: 1.2em;
font-weight: bold;
font-size: 90%;
}

#maincontent blockquote p.source{
background-image: url(../images/blockqdown.gif);
background-repeat: no-repeat;
background-position: 100% 100%;
padding-bottom: 40px;
margin: 0 5px 5px 0;
color: #000000;
background-color: inherit;
font-family: Times, "Times New Roman", serif;
font-size: 80%;
text-align: right;
font-style: italic;
}

/*Finish styling for quotes*/

/*Begin styling for galleries*/

#gallery {
margin-left: 1em;
background-color: #008080;
color: inherit;
width: 510px;
height: 100%;
}

.thumbnail {
padding-top: .5em;
width: 100px;
background-color: #008080;
color: inherit;
float: left;
padding-left: 1em;
padding-right: .5em;
padding-bottom: .5em;
}

.thumbnail img{
border: 1px #000000 solid;
}

.clear {
clear: left;
}

#gallery a:hover {
background-color: #008080;
color: inherit;
}

#gallery a:active {
background-color: #008080;
color: inherit;
}

.h4top {
padding-top:1em;
color: #ffffff;
background-color: inherit;
margin: 0;
height: 47px;
width: 510px;
text-align: center;
background-image: url(../images/galtop.gif);
background-repeat: no-repeat;
}

.galspacer {
background-color: #008080;
color: #cccccc;
height: 47px;
width: 510px;
background-image: url(../images/galbot.gif);
clear: left;
background-repeat: no-repeat;
font-weight: bold;
font-family: sans-serif, Arial, Verdana, Helvetica;
font-size: 70%;
text-align: center;
color: #cccccc;
padding-left: 0em;
padding-bottom: 0em;
padding-right: 0em;
padding-top: 0em;
margin: 0;
}

/*Finish styling for galleries*/

/*Begin styling gallery navigation*/

#galnav ul {
clear: left;
text-align: center;
}

#galnav ul li {
display: inline;
list-style-type: none;
padding: 0 .5em
}

#galnav ul li a {
color: #ffffff;
background-color: inherit;
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: .8em;
}

#galnav a:link, a:visited {
text-decoration: none;
}

#galnav a:hover {

color: #00009f;
background-color: #00ffff;}

#galnav a:active {
color: #00009f;
background-color: #FF6600;
}

/*Finish styling gallery navigation*/

ul {}

li {}

a {}

p {}

a:link {}

a:visited {}

a:hover {}

a:active {}