<style type="text/css">


html, body, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, 
a {margin: 0; padding: 0; border: 0;} 

@viewport, @-ms-viewport
{zoom: 1.0;
width: extend-to-zoom}


img {max-width: 100%; height: auto;}


/*Code for link attributes*/


a:link {text-decoration: none;
background: rgb(154,202,247);
padding: 2px;
border-radius: 3px;
font-weight: bold;
color: rgb(38,10,56);
line-height: 1.5em;}

a:visited {text-decoration: none;
background: rgb(83,172,194);
padding: 2px;
font-weight: bold;
color: rgb(38,10,56);
line-height: 1.5em;}

a:hover {text-decoration: none;
background: rgb(130,131,212);
padding: 5px;
border: 1px solid rgb(90,142,191);
font-weight: bold;
color: rgb(37,25,83);
line-height: 1.5em;
-webkit-transition-duration: 0.2s; /* Safari */
transition-duration: 0.2s;}


a:active {text-decoration: none;
background: rgb(148,219,239);
padding: 5px;
border: 1px solid rgb(90,142,191);
font-weight: bold;
color: rgb(124,40,175);
line-height: 1.5em;}



.footnote5 a:link 
{text-decoration: none;
background: rgb(20,5,61);
padding: 2px;
font-weight: normal;
color: rgb(154,202,247);
line-height: 2.50em;}

.footnote5 a:visited 
{text-decoration: none;
background: rgb(9,5,63);
padding: 2px;
font-weight: normal;
color: rgb(83,172,194);
line-height: 2.50em;}

.footnote5 a:hover 
{text-decoration: none;
background: rgb(130,131,212);
padding: 5px;
border: 1px solid rgb(92,171,186);
font-weight: bold;
color: rgb(37,25,83);
line-height: 2.50em;}

.footnote5 a:active 
{text-decoration: none;
font-weight: bold;
padding: 5px;
border: 1px solid rgb(92,171,186);
font-weight: bold;
color: rgb(111,54,143);
background: rgb(148,219,239);
line-height: 2.50em;}

.left
{text-align:left;
float:left;}

.right
{float:right;
text-align:right;}

.centered
{text-align:center;}



/*Code for font attributes*/


.subhead
{font-weight: normal;
font-style: italic;
font-size: .90em;
line-height: 1.15em;
font-family: georgia, serif;
color: rgb(94,199,215);
text-align: left;}

.note
{font-weight: normal;
font-style: italic;
font-size: .70em;
line-height: 1em;
font-family: georgia, serif;
color: rgb(94,199,215);
text-align: center;}


.bali
{font-weight: bold;
font-style: italic;
font-size: .85em;
line-height: 1.25em;
font-family: tahoma, helvetica, sans-serif;
color: rgb(8,1,141);}


.italic
{font-weight: normal;
font-style: italic;
font-size: 1em;
font-family: "Book Antiqua", "Times Roman", serif;}



.italiclt
{font-weight: normal;
font-style: italic;
font-size: .85em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(154,255,255);}



.italicgrn
{font-weight: normal;
font-style: italic;
font-size: .80em;
line-height: 1.50em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(59,204,85);}



.lgbold
{font-weight: bold;
font-size: 1.15em;
line-height: 1.25em;
font-family: verdana, arial, helvetica, sans-serif;}



/*Code for image attributes*/


.sitemap
{padding: 8px;
border: 5px solid rgb(35,26,101);
background: rgb(34,45,150);
background:url(bk47b.jpg);}


/*Caption - Drop-down Navigation Box*/

#menubox
{border-radius: 25px 25px 5px 5px;
width: 35%;
height: auto;
margin-top: 75px;
margin-left: 0px;
margin-right: auto;
margin-bottom: 400px;
background: rgb(2,2,53);
background:url(bk48.jpg);
padding-top: 25px;
padding-left: 25px;
padding-right: 20px;
padding-bottom: 25px
font-weight: normal;
font-style: italic;
font-size: .95em;
line-height: 1.50em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(184,196,286);
text-align: left;}


/*Navigation Bar*/


/*Dropdown Button*/
.dropbtn 
{width: 150px;
background-color: rgb(181,170,250);
color: rgb(24,17,70);
padding: 20px;
font-size: 1em;
border: none;
cursor: pointer;}


/*The container <div> - needed to position the dropdown content*/
.dropdown
{position: relative;
float: left;}


/*Dropdown Content (Hidden by Default)*/
.dropdown-content 
{display: none;
position: absolute;
background-color: rgb(24,17,70);
font-family: verdana, helvetica, sans-serif;
font-size: .90em;
line-height: 1em;
color: rgb(181,170,250);
min-width: 150px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;}


/*Links inside the dropdown*/
.dropdown-content a 
{color: rgb(24,17,70);
padding: 12px 16px;
text-decoration: none;
display: block;}


/*Change color of dropdown links on hover*/

.dropdown-content a:hover 
{background-color: rgb(171,164,255);}


/*Show the dropdown menu on hover*/
.dropdown:hover .dropdown-content 
{display: block;}



/*Change the background color of the dropdown button when the dropdown content is shown*/
.dropdown:hover .dropbtn 
{background-color: rgb(149,155,253);}



#navspace
{width: 100%;
height: auto;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
clear: left;}





/*Where Izzat - Front Page*/


#wherecontents
{width: 98%;
height: auto;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: rgb(8,9,46);
border: 1px solid rgb(8,9,46);
position: relative;
text-align: center;}


#wheretitle
{width: 90%;
height: auto;
margin-top: 150px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: linear-gradient(to bottom, rgba(10,137,144), rgba(142,191,203));
padding-top: 100px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 50px;
border-radius: 10px;
border-top: 1px solid rgb(142,191,203);
font-weight: bold;
font-variant: small-caps;
font-size: 2.50em;
font-style: italic;
line-height: 1.50em;
font-family: georgia, "times roman", serif;
color: rgb(12,13,59);
text-align: left;}




#whereheading
{width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
background: linear-gradient(to top, rgba(10,137,144), rgba(50,90,154));
padding: 40px;
border-radius: 5px 5px 50px 50px;
border-top: 1px solid rgb(39,42,162);
font-weight: normal;
font-size: 1.50em;
font-style: italic;
line-height: 2em;
font-family: georgia, "times roman", serif;
color: rgb(189,213,255);
text-align: center;}



#wheremain1
{width: 85%;
height: auto;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: linear-gradient(to top, rgba(10,137,144), rgba(50,90,154));
padding: 50px;
border-radius: 5px 5px 50px 50px;
border-top: 5px solid rgb(50,90,154);
border-bottom: 1px solid rgb(134,210,249);
font-weight: normal;
font-size: 1.50em;
line-height: 2em;
font-family: georgia, "times roman", serif;
color: rgb(217,230,255);
text-align: left;}



#wheremain2
{width: 85%;
height: auto;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: linear-gradient(to top, rgba(10,137,144), rgba(50,90,154));
padding-top: 75px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 75px;
border-radius: 25px;
border: 1px solid rgb(134,210,249);
font-weight: normal;
font-size: 1.65em;
line-height: 1.50em;
font-family: georgia, "times roman", serif;
color: rgb(217,230,255);
text-align: left;}


#wherefooter
{width: 85%;
height: auto;
margin-left: auto;
margin-right: auto;
background: linear-gradient(to top, rgba(10,137,144), rgba(50,90,154));
padding-top: 75px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 75px;
border-radius: 25px 25px 5px 5px;
border-top: 1px solid rgb(134,210,249);
font-weight: normal;
font-size: 1.50em;
line-height: 1.65em;
font-family: georgia, "times roman", serif;
color: rgb(217,230,255);
text-align: left;}


#wherelinks
{width: 95%;
height: auto;
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
background: rgb(8,9,46);
padding-top: 50px;
padding-left: 35px;
padding-right: 35px;
padding-bottom: 25px;
border: 1px solid rgb(76,30,93);
font-weight: normal;
font-size: 1em;
line-height: 1.75em;
font-family: calibri, helvetica, sans-serif;
color: rgb(153,164,218);
text-align: left;
float: left;}





/*Maps - Information - Islands Maps*/


#mapscontents
{width: 98%;
height: auto;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background-color:rgb(6,2,27);
border: 1px solid rgb(28,50,180);
position: relative;
text-align: center;}


#mapstitle
{width: 85%;
height: auto;
margin-top: 150px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: linear-gradient(to bottom, rgba(17,36,106,0), rgba(17,36,106,1));
padding-top: 75px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 25px;
border-radius: 25px;
border-top: 1px solid rgb(147,164,237);
font-weight: bold;
font-style: italic;
font-size: 3.00em;
line-height: 2.50em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(147,164,237);
text-align: left;}


#mapsmain1
{width: 85%;
height: auto;
margin-left: auto;
margin-right: auto;
background-color:rgb(6,2,27);
padding-top: 75px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
border: none;
font-weight: normal;
font-size: 1.35em;
line-height: 1.50em;
font-family: verdana, arial, helvetica, sans-serif;
color: rgb(147,164,237);
text-align: left;}


#mapsmain2
{width: 85%;
height: auto;
margin-left: auto;
margin-right: auto;
background-color:rgb(6,2,27);
padding-top: 75px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 75px;
border-top: 1px solid rgb(114,171,232);
border-bottom: 1px solid rgb(114,171,232);
font-weight: normal;
font-size: 1.25em;
line-height: 1.50em;
font-family: verdana, arial, helvetica, sans-serif;
color: rgb(147,164,237);
text-align: left;}




#mapsmain3
{width: 85%;
height: auto;
margin-left: auto;
margin-right: auto;
background-color:rgb(6,2,27);
padding-top: 15px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 15px;
border: none;
font-weight: normal;
font-style: italic;
font-size: .85em;
line-height: 1.25em;
font-family: calibri, arial, helvetica, sans-serif;
color: rgb(147,164,237);
text-align: left;}


#mapsfooter
{width: 85%;
height: auto;
margin-left: auto;
margin-right: auto;
background-color:rgb(6,2,27);
padding: 50px;
font-weight: normal;
font-size: 1.15em;
line-height: 1.50em;
font-family: tahoma, arial, helvetica, sans-serif;
color: rgb(147,164,237);
text-align: left;}




#mapslinks
{width: 95%;
height: auto;
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
background: rgb(0,0,82);
background:url(bk48.jpg);
padding-top: 50px;
padding-left: 35px;
padding-right: 35px;
padding-bottom: 25px;
border: 1px solid rgb(28,50,180);
font-weight: normal;
font-size: 1em;
line-height: 1.75em;
font-family: calibri, helvetica, sans-serif;
color: rgb(153,164,218);
text-align: left;
white-space: nowrap;
float: left;}




</style>



