/* --------------------------------------------------------------------- basic styles --------------------------------------------------------------------- */

html, body  {
   padding: 0px;
   margin: 0px;
	background:#FFFFFF; 
	background-image:url(../images/main-bg.jpg);
	background-repeat:repeat-x;
}

#compasscard  { 
	border:#999999 solid 1px;
	margin: 0px auto 0px auto;
	width: 800px;
	height:600px;
	position: relative;
	top:20px;
}

/* --------------------------------------------------------------------- position styles --------------------------------------------------------------------- */


#bloopanelrrect  {
   line-height: 0px;
   font-size: 0px;
   visibility: visible;
   position: absolute;
   left: 34px;
   top: 122px;
   z-index: 2;
   width: 362px;
   height: 262px;
   background-color: #001039;
   background-image: none;
}

#bodytext  {
   visibility: visible;
   position: absolute;
   left: 32px;
   top: 164px;
   z-index: 2;
   width: 290px;
}

#cardimageimg  {
   visibility: visible;
   position: absolute;
   left: 523px;
   top: 107px;
   z-index: 3;
   width: 255px;
   height: 189px;
}

#cardimg  {
   visibility: visible;
   position: absolute;
   left: 348px;
   top: 191px;
   z-index: 2;
   width: 399px;
   height: 332px;
  
}

#newstext  {
   visibility: visible;
   position: absolute;
   left: 348px;
   top: 141px;
   z-index: 2;
   width: 399px;
  
}

#clicktext  {
   visibility: visible;
   position: absolute;
   left: 270px;
   top: 554px;
   z-index: 2;
   width: 103px;
}

#footerimg  { 
	background-image:url(../images/footerimg.gif);
	background-repeat:repeat-y;
   visibility: visible;
   position: absolute;
   border-top:#FFFFFF 1px solid;
   left: 0px;
   top: 578px;
   z-index: 2;
   width: 800px;
   height: 22px;
}

#greyblocksimg  {
   visibility: visible;
   position: absolute;
   left: 199px;
   top: 361px;
   z-index: 2;
   width: 442px;
   height: 156px;
}

#handimg  {
   visibility: visible;
   position: absolute;
   left: 223px;
   top: 390px;
   z-index: 2;
   width: 174px;
   height: 176px;
}

#handsmallimg  {
   visibility: visible;
   position: absolute;
   left: 495px;
   top: 403px;
   z-index: 3;
   width: 149px;
   height: 115px;
}

#headbgimg  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 2;
   width: 800px;
   height: 106px;
}

#headtext  {
   visibility: visible;
   position: absolute;
   left: 33px;
   top: 125px;
   z-index: 2;
   width: 301px;
}

#homebgimg  { 
	background-image:url(../images/home_bgimg.jpg no-repeat);
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1;
   width: 800px;
   height: 600px;
}

#mapimg  {
   visibility: visible;
   position: absolute;
   left: 27px;
   top: 244px;
   z-index: 2;
   width: 185px;
   height: 320px;
}

#nlogoimg  {
   visibility: visible;
   position: absolute;
   left: 35px;
   top: 44px;
   z-index: 2;
   width: 764px;
   height: 46px;
}

#oatlwylogoimg  {
   visibility: visible;
   position: absolute;
   left: 26px;
   top: 446px;
   z-index: 2;
   width: 108px;
   height: 91px;
}

#sailingimg  {
   visibility: visible;
   position: absolute;
   left: 401px;
   top: 122px;
   z-index: 2;
   width: 142px;
   height: 176px;
}

#sailingsmallimg  {
   visibility: visible;
   position: absolute;
   left: 345px;
   top: 403px;
   z-index: 4;
   width: 149px;
   height: 115px;
}

#samplebodytext  {
   visibility: visible;
   position: absolute;
   left: 41px;
   top: 270px;
   z-index: 3;
   width: 215px;
}

#sampleheadtext  {
   visibility: visible;
   position: absolute;
   left: 41px;
   top: 250px;
   z-index: 3;
   width: 220px;
}

#tctext  {
   visibility: visible;
   position: absolute;
   left: 35px;
   top: 576px;
   z-index: 3;
}

#whitebg  { 
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1;
   width: 800px;
   height: 600px;
   background-color: #FFFFFF;
   background-image: none;
}

#wineimg  {
   visibility: visible;
   position: absolute;
   left: 401px;
   top: 303px;
   z-index: 2;
   width: 362px;
   height: 263px;
}

#woolwichlogoimg  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 404px;
   z-index: 2;
   width: 171px;
   height: 37px;
}

#yachtimg  {
   visibility: visible;
   position: absolute;
   left: 35px;
   top: 390px;
   z-index: 2;
   width: 183px;
   height: 176px;
}

#yachtsmallimg  {
   visibility: visible;
   position: absolute;
   left: 196px;
   top: 403px;
   z-index: 3;
   width: 150px;
   height: 115px;
}

/* --------------------------------------------------------------------- text styles --------------------------------------------------------------------- */

#bloopanelrrect .bottom div  {
   background: url(../images/bottomright.gif) no-repeat bottom right;
   height: 12px;
}

#bloopanelrrect .content  {
   height: 238px;
}

#bloopanelrrect .top div  {
   background: url(../images/topright.gif) no-repeat top right;
   height: 12px;
}

#bloopanelrrect .bottom  {
   background: url(../images/bottomleft.gif) no-repeat bottom left;
   height: 12px;
}

#bloopanelrrect .top  {
   background: url(../images/topleft.gif) no-repeat top left;
   height: 12px;
}

#bodytext p  {
   margin: 0px;
   color: #25408F;
   line-height: 21px;
   font-family: "Helvetica Neue Light", helvetica, sans-serif;
}

#clicktext p  {
   font: 9px/10px "Helvetica Neue Light", helvetica, sans-serif;
   margin: 0px;
   color: #666666;
}

#clicktext a:link  {
   font-style: italic; text-decoration:none; color:#25408F;
}

#clicktext a:hover  {
   font-style: italic; text-decoration:none; color:#3399CC;
}

#clicktext p a  {
   font-style: Normal;
   color: #666666;
}

#headtext p  {
   font:  bold 21px/24px "Helvetica Neue Light", helvetica, sans-serif;
   margin: 0px;
   color: #25408F;
}

#samplebodytext p  {
   font: 10px/12px "Helvetica Neue Light", helvetica, sans-serif;
   margin: 0px;
   color: #FFFFFF;
}

#sampleheadtext p  {
   font: bold 12px/14px "Helvetica Neue Light", helvetica, sans-serif; 
   margin: 0px;
   color: #FFFFFF;
}

#tctext p  {
   font: 9px/27px "Helvetica Neue Light", helvetica, sans-serif;
   margin: 0px;
   color: #FFFFFF;
}

#tctext p a  {
   font-style: Normal;
   color: #FFFFFF;
}

#tctext a:link  {
   font-style: italic; text-decoration:none; color:#ffffff;
}

#tctext a:hover  {
   font-style: italic; text-decoration:none; color:#00CCFF;
}

#cardimg p,
#cardimg form,
#newstext p {
   font: 11px/15px "Lucida Grande", helvetica, sans-serif;
   margin-right: 20px;
   padding-bottom: 10px;
   text-align: left;
   color: #333333;
}

h1 {
   font:  bold 14px/18px "Helvetica Neue Light", helvetica, sans-serif;
   margin: 0px;
   color: #25408F;
}

h2 {
   font:  bold 12px/22px "Helvetica Neue Light", helvetica, sans-serif;
   margin: 0px;
   color: #25408F;
   line-height:150%;
}


/* --------------------------------------------------------------------- button styles --------------------------------------------------------------------- */

#applybutton a:hover  {
   background-position: -133px 0%;
}

#applybutton a  {
   background: url(../images/applybutton.gif) no-repeat 0% 0px;
   display: block;
   height: 87px;
   width: 133px;
   font-size: 87px;
   line-height: 87px;
}

#applybutton  {
   visibility: visible;
   position: absolute;
   left: 642px;
   top: 16px;
   z-index: 3;
   width: 133px;
   height: 87px;
}

/* --------------------------------------------------------------------- acc menu styles --------------------------------------------------------------------- */

#lhmenu li a:hover  {
   color: #FFFFFF;
}

#lhmenu li a  {
   padding-left: 0px;
   padding-right: 0px;
   text-decoration: none;
   color: #000000;
   width: 100%;
   display: block;
}

#lhmenu li  {
   width: 100%;
   display: block;
   margin: 0px;
}

#lhmenu  {
   font: 10px/30px "Lucida Grande";
   margin: 0px;
   padding: 0px;
   list-style: none;
   text-align: left;
   position: absolute;
   left: 36px;
   top: 142px;
   z-index: 3;
   width: 113px;
}

#menubutton a:hover  {
   background-position: -162px 0%;
}

#menubutton a  {
   background: url(../images/menubutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 31px;
   width: 162px;
   font-size: 31px;
   line-height: 31px;
}

#menubutton  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 107px;
   z-index: 2;
   width: 162px;
   height: 31px;
}