/*  body and text style definitions*/
html {
	height: 100%;
	padding: 0;
	margin: 0;
	background: #cfd2e3 url("/images/misc/background2.png") repeat-y fixed center center;
}
 
body {
	height: 100%;
	color: #002469;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	padding: 0;
	margin: 0;
	line-height: 1.8em;
}
 
p, pre {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
}
 
p.folder_link {
	font-size: 0.9em;
}

h1 {
	font-size: 1.7em;
	color: #002469;
	font-weight: normal;
	margin: 1.2em 0em 1.2em 0em;
}
 
h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
}
 
iframe {
	border: 1px solid #002469;
}

img {
	border: 0;
}

/* definitions for bullet lists */
.list_content ul {color: #ffffff; font-size: 0.9em; line-height: 1.5em; padding: 0; margin: 0; list-style: none}
.list_content h1 {color: #ffffff; font-size: 1.1em; padding: 0; margin: 0; font-weight: bold}
.list_content p {color: #ffffff}
.list_content ul a {color: #ffffff}
.list_main {width: 370px; margin: 1.2em 0em 1.2em 0em; background-color: #002469; border: #b8b8d0 4px solid}
.list_main_right {float: right; width: 370px; margin: 1.2em 0em 1.2em 0em; background-color: #002469; border: #b8b8d0 4px solid}
.list_main_left {float: left; width: 370px; margin: 1.2em 0em 1.2em 0em; background-color: #002469; border: #b8b8d0 4px solid}
.list_border {border: #ffffff 1px solid}
.list_content {width: 80%; margin-left: auto; margin-right: auto; padding: 1.2em 0em 1.2em 0em}

/* definitions for enquiry form*/
.form_main {float: right; text-align: left; color: #ffffff; width: 380px; margin: 50px 0px 0px 20px; background-color: #002469; border: #b8b8d0 4px solid}
.form_border {border: #ffffff 1px solid}
.form_content {width: 80%; margin: 0}
.form_main h1 {color: #ffffff; font-size: 1.7em;	margin: 6px; font-weight: normal}

/* link styles */
a:link {color: #002469; text-decoration: underline; font-weight: bold}
a:active {color: #ff0000; text-decoration: underline; font-weight: bold}
a:visited {color: #002469; text-decoration: underline; font-weight: bold}
a:hover {color: #ff0000; text-decoration: underline;	font-weight: bold}
a.pdf {font-size: 0.8em; margin: 1.2em 1.2em 1.2em 0em; line-height: 3.5em; background: url("/images/misc/pdf.png") no-repeat scroll center left; padding: 20px 0px 6px 32px}
a.doc {font-size: 0.8em; margin: 1.2em 1.2em 1.2em 0em; line-height: 3.5em; background: url("/images/misc/doc.png") no-repeat scroll center left; padding: 20px 0px 6px 32px}
a.brochure {margin: 1.2em 1.2em 1.2em 0em; line-height: 3.5em; background: url("/images/misc/pdf.png") no-repeat scroll center left; padding: 20px 0px 6px 40px}
a.size1{font-size: 1.0em; padding: 0.3em; text-decoration: none}
a.size2{font-size: 1.4em; padding: 0.3em; text-decoration: none}
a.size3{font-size: 1.8em; padding: 0.3em; text-decoration: none}

.news{background-color: #f3eeba; border: 1px solid #002469; margin: 6px 0px 6px 0px; padding: 12px}
.news img{float: left; border: 1px solid #002469; margin: 0px 12px 0px 0px; padding: 0px}
.news p{margin: 0px;}

.jobs{background-color: #f3eeba; border: 1px solid #002469; margin: 6px 0px 6px 0px; padding: 12px;}
.jobs p{margin: 0px;}

/*  div id and class definitions  */
#container {
	width: 800px; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	margin-left: auto; 
	margin-right: auto; 
	background-color: #fffac2;
}

#header {
	width: 800px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: right; 
	padding: 4px; 
	border-bottom: 1px solid #002469;
}

#header p{
	font-size: 12px; 
	line-height: 12px; 
	padding: 4px; 
	margin: 0px;
}

#banner {
	float: left; 
	text-align: left; 
	margin-bottom: 0px; 
	margin-top: 15px;
}

#banner_right {
	float: right; 
	text-align: right; 
	margin-bottom: 0px; 
	margin-top: 15px; 
	padding-top: 0px;
}

#content {
	float: left; 
	text-align: left; 
	width: 800px; 
	min-height: 400px;
}

#footer {
	clear: both; 
	width: 800px; 
	bottom: 0; 
	padding-top: 4px; 
	margin-top: 12px; 
	font-size: 0.9em; 
	border-top: 1px solid #002469;
}

#form {
	float: right; 
	text-align: left; 
	width: 380px; 
	background-color: #b8b8d0; 
	border: 1px solid #002469;
	margin:60px 0px 0px 20px;
}

#gallery {
	float: right; 
	padding-left: 20px; 
	margin-top:60px;
}

#gallery img {
	border: 1px solid #002469; 
	margin:9px 0px 9px 9px;
}

#gallery img.center {
	border: 1px solid #002469;
	margin:9px 9px 9px 18px;
}

#gallery img.map {
	float: right; 
	border: 1px solid #002469; 
	margin: 0;
}

#right {
	float: right; 
	margin-left: 0;
}

#right p {
	font-weight: bold;
}

/* code and definitions for the navigation drop down menus  */
.menu {width: 800px; text-align: center; float: left; margin: 0; padding: 0}
.menu ul {padding: 0; z-index: 500; margin: 0}
.menu li {float: left; background-image: url("/images/misc/menu_bg.png"); background-color: #002469; border: #cfd2e3 4px solid; list-style: none; margin-right: 5px; font-weight: bold}
.menu li.right {margin-right:0}
.menu a {border: #ffffff 1px solid; color: #ffffff; text-decoration: none; display: block; width: 100px; line-height: 1.8em; height: 1.8em; font-variant: small-caps}
.menu a.drop {width: 12em}
.menu b {float: right; margin-right: 5px}
* html .menu a{border: #ffffff 1px solid; color: #ffffff; text-decoration: none; display: block; width: 100px; line-height: 17px; font-variant: small-caps}
* html .menu a:visited {border: #ffffff 1px solid; color: #ffffff; text-decoration: none; display: block; line-height: 17px; font-variant: small-caps}
* html .menu a:hover {border:#002469 1px solid; color: #002469; position: relative; background-color: #ffffff; background-image: url("/images/misc/menu_bg_hover.png"); text-decoration: underline}
* html .menu li ul {visibility: hidden; position: absolute; left: -5px; top: -5px; background-color: transparent}
* html .menu li ul.house {left: 102px; top: -5px; visibility: hidden; position: absolute; background-color: transparent}
.menu li:hover {position: relative}
.menu a:active , .menu a:focus {border:#ffffff 1px solid; color: #ffffff; background-color: #002469}
.menu li:hover > a {border:#002469 1px solid; color: #002469; background-color: #ffffff; background-image: url("/images/misc/menu_bg_hover.png"); text-decoration: underline}
.menu li ul {visibility: hidden; position: absolute; left: -4px; top: -4px; background-color: transparent}
.menu li ul.house {left: 102px; top: -4px; visibility: hidden; position: absolute; background-color: transparent}
.menu li:hover > ul {visibility: visible}
.menu ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul a:hover ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility: visible}