﻿BODY {
/*  background-image: url(images/bg.gif);
    background-position: center;
    background-attachment: fixed;*/
    background-color:#D15A0B;
    }

.bodytext    { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt; 
	color: #999999;
	line-height: 110%;
}

div.main {
	background-color: #FFFFFF;
}

.copyrighttext    { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8px; 
	color: #666666;
}
.copyrighttext a   { 
	font-family: verdana, arial, helvetica, sans-serif;
	color: #808080;
	text-decoration: none;
	font-weight: bold;
}

.img {
	margin: .7em 0 .7em 0;
	}
	
#specialbox {
    position: absolute;
    top: 25px;
    left: 460px;
    width: 255px;
    background-color: #FFF;
}

}.jervisbaylink { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt; 
	line-height: 130%;
	color: #666666;
	margin: 0 0 .3em 0;
}

.greenbold {
	color: #A6BE4B;
	font-weight: bold;
}

.testimonial { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt; 
	line-height: 120%;
	color: #333;
	margin: .5em 0 0.3em 0;
}

.author { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	line-height: 100%;
	color: #F63;
	margin: 0 0 1em 0;
}
.paragraph { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt; 
	line-height: 140%;
	color: #333333;
	margin: 0 0 0 1em;
}

.paraunderphoto { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt; 
	line-height: 150%;
	color: #333333;
	margin: .5em .5em 0 0;
}
.bulletpoint { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt; 
	line-height: 140%;
	color: #333333;
	margin: .2em 0 .2em 0;
}

.bodytext130h { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt; 
	line-height: 130%;
	color: #333333;
}

.leftcol { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt; 
	line-height: 150%;
	color: #666666;
}

.leftcolindex { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt; 
	line-height: 150%;
	color: #EA7816;
	font-weight: bold;
}

.leftcollightgrey { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt; 
	line-height: 150%;
	color: #999999;
}

.bodytext160h    { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt; 
	line-height: 160%;
	color: #333333;
}

.bodytext180h    { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt; 
	line-height: 180%;
	color: #333333;
}

.bodytext130h a:link   { 
	font-family: verdana, arial, helvetica, sans-serif;
	color: #336699;
	}

.bodytext130h a:visited   { 
	font-family: verdana, arial, helvetica, sans-serif;
	color: #336699;
}

.bodytext160h a:link   { 
	font-family: verdana, arial, helvetica, sans-serif;
	color: #336699;
	font-size: 8pt; 
	line-height: 110%;
}

.bodytext160h a:visited   { 
	font-family: verdana, arial, helvetica, sans-serif;
	color: #336699;
	font-size: 8pt; 
	line-height: 110%;
}

a:link {
	color: #F63;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: #F63;
   /*text-decoration: none;*/
}

/*h1 {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 8pt; 
    color: #EA7816;
	margin: 0px;
	text-align: right;
	line-height: 140%;
}*/

td h1 {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	color: #FF6633;
	font-size: 8pt;
	font-weight: bold;
	text-align: right;
	line-height: 150%;
	margin: 1em 0 0.5em 0;
}

td h2 {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	color: #333;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	margin: 1em 0 0.2em 0;
}
.tblbodablue {
    border-width: 1px;
    border-style: solid;
    border-color: #336699;
}

ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 80%;
	font-weight: bold;
    list-style: none;
	margin: 0;
	padding: 0;
	}

img {
    border: none;
} 


/*- Top Navigation--------------------------- */

.topnav a {
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
}

.topnav a:visited {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}
.topnav a:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
	
/*- END: Top Navigation--------------------------- */

/*- START: Main Navigation--------------------------- */

.menu1 {
      width: 100%;
      margin: 0;
      padding: 0px 0.5em;
      background: none;
    }
    .menu1 ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
    .menu1 li {
      margin: 0;
      padding: 0;
      float: left;
    }
    .menu1 li {
      padding-right: 1em;
    }
    .menu1 a {
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	color: #E4C388;
	font-size: 11px;
}

.menu1 a:visited {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #E4C388;
	font-size: 11px;
}
.menu1 a:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
}

/*- END: Main Navigation--------------------------- */

/*- START: Main Menu Grey Navigation--------------------------- */

.menu2 {
      width: 100%;
      margin: 0;
      padding: 0px 0.5em;
      background: none;
    }
    .menu2 ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
    .menu2 li {
      margin: 0;
      padding: 0;
      float: left;
    }
    .menu2 li {
      padding-right: 1em;
    }
    .menu2 a {
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
	font-size: 11px;
}

.menu2 a:visited {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
}
.menu2 a:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
}

/*- END: Main Menu Grey Navigation--------------------------- */

.textcentre {
	text-align: center;
}
.bgcolororange {
	background-color: #E9650C;
}


/*- START: Table Height 100%--------------------------- */

#fullheight{height:100%}

/*- END: Table Height 100%--------------------------- */


/*- Everything from here on is the pull-up menu styling--------------------------- */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_pullup.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#info h3 {margin-bottom:200px;}
/* style the outer div to give it width */
.menu {
width:750px;
height:30px;
font-size:0.85em;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:150px;
position:relative;
}
/* style the links for the top level */
.menu a:visited {
display:block;
font-size:10px;
text-decoration:none; 
color:#fff; 
width:139px; 
height:30px; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#E9650C; 
padding-left:10px; 
line-height:29px;
}
.menu a {
display:block;
font-size:10px;
text-decoration:none; 
color:#fff; 
width:139px; 
height:30px; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#E9650C; 
padding-left:10px; 
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a:visited {
width:150px;
w\idth:139px;
}

* html .menu a {
width:150px;
w\idth:139px;
}

/* style the second level background */
.menu ul ul a.drop:visited {
background:#A69A96;
}
.menu ul ul a.drop {
background:#A69A96;
}
/* style the second level hover */
.menu ul ul a.drop:hover {
background:#c9ba65;
}
.menu ul ul :hover > a.drop {
background:#c9ba65;
}
/* style the third level background */
.menu ul ul ul a:visited {
background:#e2dfa8;
}
.menu ul ul ul a {
background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover{
background:#b2ab9b;
}
.menu ul ul ul :hover > a {
background:#b2ab9b;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
bottom:31px;
left:0; 
width:150px;
}
* html .menu ul ul {
bottom:30px;
}
/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
bottom:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}


/* style the second level links */
.menu ul ul a:visited {
background:#d4d8bd; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
.menu ul ul a {
background:#d4d8bd; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu ul ul a:hover{
color:#fff; 
background:#949e7c;
}
.menu a:hover{
color:#fff; 
background:#949e7c;
}
.menu ul ul :hover > a {
color:#fff;
background:#949e7c;
}

.menu :hover > a {
color:#fff;
background:#949e7c;
}

/* make the second level visible when hover on first level list OR link */
.menu ul a:hover ul{
visibility:visible;
height:auto;
}
.menu ul li:hover ul{
visibility:visible;
height:auto;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
display:none;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
display:none;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
display:block;
bottom:0;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
display:block;
bottom:0;
}