<!--

/* --------------------------------------------------------------------------------------------*/
/*                                      GENERAL SETTINGS                                       */
/* --------------------------------------------------------------------------------------------*/

body {
background-color:#999999;
margin:auto;
font-family:verdana,arial;
font-size:100%;
font-weight:normal;
text-align:left;
color:#303030;}

h1, h2, h3, h4, div, p, ul, li, a, img {
margin:0;
padding:0;
border-width:0;
border-style:solid;}

ul {list-style-type:none;}

/* --------------------------------------------------------------------------------------------*/
/*                                    DISPLAY, VISIBILITY                                      */
/* --------------------------------------------------------------------------------------------*/

#PageNav li a {display:block;}

/* --------------------------------------------------------------------------------------------*/
/*                                        BACKGROUND                                           */
/* --------------------------------------------------------------------------------------------*/

#PageContainer {background-color:#FFFFFF;}

#PageNav {background:url('/JLSGlobal/Images/Nav/NavBack.gif') repeat;}
#PageNav li {background:url('/JLSGlobal/Images/Nav/NavBack0.gif') repeat-x;}
#PageNav li.NavTitle {background:url('/JLSGlobal/Images/Nav/NavBack0.gif') repeat-x;}
#PageNav ul ul li {background:url('/JLSGlobal/Images/Nav/NavBack2.gif') repeat-x;}

/* --------------------------------------------------------------------------------------------*/
/*                                         POSITION                                            */
/* --------------------------------------------------------------------------------------------*/

#PageContainer div, #PageInfo ul.Gallery {float:left;}
#PageInfo img.RightSide {float:right;}

#PageContainer {overflow:hidden;}

/* --------------------------------------------------------------------------------------------*/
/*                                        WIDTHS, HEIGHTS                                      */
/* --------------------------------------------------------------------------------------------*/

#PageContainer, #PageHeader {width:760px;}

#PageNav {width:143px;}
#PageNav ul {width:135px;}
#PageNav li a {height:20px;}
#PageNav li.NavTitle {height:38px;}

#PageInfo {width:565px;}
#PageInfo div.Gallery {width:442px;}
#PageInfo ul.Gallery {width:123px;}

#Front, #Booking {width:760px;}

#PageFooter {width:770px;}

/* --------------------------------------------------------------------------------------------*/
/*                                           MARGINS                                           */
/* --------------------------------------------------------------------------------------------*/

#PageContainer, #PageFooter {margin:0 auto;}

#PageHeader {margin-bottom:2px;}

#PageNav ul {margin-right:3px; margin-bottom:20px; margin-left:3px;}
#PageNav ul ul {margin:0;}
#PageNav img {margin-top:30px;}

#PageInfo h1 {margin-top:30px; margin-bottom:10px;}
#PageInfo h2 {margin-top:10px; margin-bottom:5px;}
#PageInfo p {margin-top:5px; margin-bottom:5px;}
#PageInfo li {margin-top:10px; margin-bottom:10px;}
#PageInfo ul.SmallMarg li {margin-top:2px; margin-bottom:2px;}
#PageInfo img {margin:10px;}

#PageInfo div.Gallery {margin-top:20px;}
#PageInfo ul.Gallery {margin-top:19px;}
#PageInfo ul.Gallery img {margin:2px;}

#PageInfo ul.SiteMap li {margin-left:30px;}
#PageInfo ul.SiteMap li li {margin-left:20px;}

#Front img, #Booking img {margin:10px;}

#Front h1 {margin-top:50px; margin-bottom:70px;}
#Front p {margin-top:70px;}

#Booking p, #Booking ul {margin-top:25px;}
#Booking li {margin-top:5px; margin-bottom:5px;}

/* --------------------------------------------------------------------------------------------*/
/*                                           PADDING                                           */
/* --------------------------------------------------------------------------------------------*/

#PageContainer {padding:5px;}

#PageNav {padding:30px 5px 200px 5px;}
#PageNav li a {padding-top:2px;}

#PageInfo {padding-right:20px; padding-bottom:20px; padding-left:20px;}
#PageInfo div.Gallery img {padding:10px;}

#Front, #Booking {padding-bottom:20px;}

#PageFooter {padding-top:10px; padding-bottom:10px;}

/* --------------------------------------------------------------------------------------------*/
/*                                      BORDERS, OUTLINES                                      */
/* --------------------------------------------------------------------------------------------*/

#PageHeader img, #PageNav img, #PageInfo img, #Booking img {border:1px solid #303030;}

#PageNav, #PageNav ul {border:1px solid #303030;}
#PageNav li a {border-top:1px solid #F0F0F0; border-right:1px solid #707070; border-bottom:1px solid #707070; border-left:1px solid #F0F0F0;}
#PageNav li a:hover {border-top:1px solid #909090; border-right:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; border-left:1px solid #909090;}
#PageNav ul ul, #PageNav li.NavTitle {border:none;}

/* --------------------------------------------------------------------------------------------*/
/*                                           FONTs                                             */
/* --------------------------------------------------------------------------------------------*/

#PageContainer {font-size:0.8em;}

#PageNav li {font-size:13px;}

#PageInfo h1, span {font-size:1.3em;}
#PageInfo h2 {font-size:1em;}

#Front h1, #Booking h1 {font-size:1.3em;}

#PageFooter {font-size:12px;}

/* --------------------------------------------------------------------------------------------*/
/*                                          ALIGNMENT                                          */
/* --------------------------------------------------------------------------------------------*/

#PageInfo h1, #PageInfo div.Gallery, div.Centre, #Front, #Booking {text-align:center;}

#PageNav {text-align:center;}

#PageInfo p.LeftText {text-align:left;}

#PageFooter {text-align:center;}

/* --------------------------------------------------------------------------------------------*/
/*                                            MISC                                             */
/* --------------------------------------------------------------------------------------------*/

#PageNav a {text-decoration:none;}
#PageInfo a, #Front a {text-decoration:underline;}

#PageInfo ul.SiteMap li {list-style-type:disc;}
#PageInfo ul.SiteMap li li {list-style-type:circle;}

/* --------------------------------------------------------------------------------------------*/
/*                                            COLOUR                                           */
/* --------------------------------------------------------------------------------------------*/

a {color:#303030;}

/* --------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------*/


-->