body            {margin: 0px; font-family: verdana, Georgia, arial; width: 100%;}
form            {margin: 0px;}
table           {border-collapse: collapse;}
td              {border: 0px; padding: 0px; vertical-align: top;}
img             {border: 0px;}
h1              {font-size: 110%;}
p               {font-size: 90%; margin-top: 2px;}
.r							{float: right;}


table.OA        {width: 100%;}
table.OA td     {text-align: center;}
div.container   {position: relative; margin: 0 auto; width: 950px; height: 658px; text-align: left;}
div.main        {border: solid 0px #333; height: 658px; width: 950px; background: URL('images/lighthouses2.jpg') no-repeat;}

div.title       {border: solid 0px #777; height: 125px; width: 940px;}
div.left        {border: solid 0px #777; height: 530px; width: 140px; float: left;}
div.right       {border: solid 0px #f00; height: 530px; width: 170px; float: right;}

table.topmenu   {width: 610px;}
table.topmenu a {font-weight: 700; color: #777; text-decoration: none;}
table.topmenu a:hover {color: #f00;}

div.leftmenu    {border: solid 0px #f00; height: 340px; width: 140px; float: left; font-size: 85%;}
div.rightmenu   {border: solid 0px #f00; height: 340px; width: 140px; float: right; font-size: 85%;}

div.leftmenu a  {text-decoration: none; color: #000;}
div.rightmenu a {text-decoration: none; color: #000;}

a.link1         {background: url(images/A.gif) 0px 20px no-repeat; display: block;}
div.link1       {background: url(images/A1.gif) -133px 0px no-repeat;}
a.link2         {background: url(images/B.gif) 0px 20px no-repeat; display: block;}
div.link2       {background: url(images/B1.gif) -133px 0px no-repeat;}
a.link3         {background: url(images/C.gif) 0px 20px no-repeat; display: block;}
div.link3       {background: url(images/C1.gif) -133px 0px no-repeat;}
a.link4         {background: url(images/D.gif) 0px 20px no-repeat; display: block;}
div.link4       {background: url(images/D1.gif) -133px 0px no-repeat;}
a.link5         {background: url(images/E.gif) 0px 20px no-repeat; display: block;}
div.link5       {background: url(images/E1.gif) -133px 0px no-repeat;}
a.link6         {background: url(images/F.gif) 0px 20px no-repeat; display: block;}
div.link6       {background: url(images/F1.gif) -133px 0px no-repeat;}

a.link1:hover   {background: URL(images/A.gif) -134px 21px no-repeat;}
a.link2:hover   {background: URL(images/B.gif) -134px 21px no-repeat;}
a.link3:hover   {background: URL(images/C.gif) -134px 21px no-repeat;}
a.link4:hover   {background: URL(images/D.gif) -134px 21px no-repeat;}
a.link5:hover   {background: URL(images/E.gif) -134px 21px no-repeat;}
a.link6:hover   {background: URL(images/F.gif) -134px 21px no-repeat;}

div.picturearea {width: 208px; float: left; text-align: center; border: solid 0px #f00;}

div.picturebr  {width: 600px; height: 8px; font-size: 2px; border: solid 0px #f00;}
div.gallerynav {width: 150px; float: right; text-align: right;}

div.padl  {width: 30px; height: 160px; float: left; border: solid 0px #f00;}
div.padr  {width: 30px; height: 160px; float: right; border: solid 0px #f00;}
div.padt  {width: 160px; height: 33px;}


div.picturearealarge {width: 600px; text-align: left; border: solid 0px #f00;}



div.gallerynavl {width: 100px; height: 150px; float: left; text-align: left; padding: 5px;}
div.gallerynavr {width: 100px; height: 150px; float: right; text-align: right; padding: 5px;}

div.gallerynavl a {color: #777; text-decoration: none; display: block;}
div.gallerynavr a {color: #777; text-decoration: none; display: block;}

div.gallerynavl a:hover {color: #f00; text-decoration: underline;}
div.gallerynavr a:hover {color: #f00; text-decoration: underline;}



div.footer {width: 950px; text-align: center; font-size: 65%;}
div.footer a {text-decoration: none; color: #777;}
div.footer a:hover {text-decoration: underline; color: #f00;}