body { 
border: 0; 
margin: 0; 
padding: 0; 
font-size:110%; 
font-family: Arial, Helvetica, sans-serif;
background-image:url(../img/bodyBG.jpg);
background-position:left top;
background-repeat:repeat-x; 
background-color:#ffffff;
margin-top: 0px;
}

a
{
  outline: none;
}


h1 { font-family:  Georgia, Times New Roman, Times, serif; font-weight: normal; font-size: 1.8em;	margin:-8px 0 10px 0; padding-top:0; }

h2 { 
font-family:  Arial, Verdana, sans-serif; font-weight: normal; font-size: 2.0em; color:#000000;  
}

h3 { 
font-family:  Arial, Verdana, sans-serif; font-weight: normal; font-size: 1.8em; color:#000000;  
}

h3 { 
font-family:  Arial, Verdana, sans-serif; font-weight:normal; font-size: 1.4em; color:#cdbe70;  
}

#container {
width: 990px;
padding:0px;
margin:auto;
background-image:url(../img/bg_page.jpg);
background-repeat:repeat-y;
background-color:transparent;
}

#header {
position: relative;
background-image:url(../img/header.jpg);
background-repeat:no-repeat;
background-position:top center;
background-color:transparent;
min-height:160px;
height:160px;
width:990px;
overflow:hidden;
margin-top: 0px;
}

/* head */
#head {
	position: absolute;
	top: 112px;
	right: 332px;
	width: 358px;
	color:#cdbe70;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	text-align:center;
	height: 12px;
}

#head a:link {
margin-right:10px;
color:#494544;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none; 
}
	
#head a:hover{
margin-right: 10px;
color:#cc9900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; 
}	 

#head a {
margin-right:10px;
color:#494544;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}



#head a:visited { 
margin-right: 10px;
color:#494544;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; 
text-decoration:none;
}

#navigation {
background-color:#000000;
margin: 0 auto;
padding-left:15px;
padding-top:5px;
padding-right:15px;
padding-bottom:5px;
width: 960px;
height: 20px;
clear: both!important;
font-size:0.6em;
color:#eedd82;
}

#navigation a {
text-decoration: none;
color: #cfac06;
}

#navigation a:hover {
text-decoration: none;
color:#cc9900;
}

#content {
width:990px;
color:#151255;
background-image:url(../img/bg_page.jpg);
background-repeat:repeat-y;
background-color:transparent;
}

#leftjo { 
 color:#666666;
font-family:trebuchet ms, arial, helvetica, sans-serif;
font-size:12px;
background-color:transparent;
background-image:url(../img/left.jpg);
background-position:left;
background-repeat:repeat-y;
min-height:300px;
height:auto;
 width:30px;
 padding-top:10px;
 padding-left:20px;
  padding-right:0px;
  padding-bottom:10px;
 float: left;
 text-align:left;
}

#rightjo { 
background-color:transparent;
background-image:url(../img/bg_page.jpg);
background-position:right;
background-repeat:repeat-y;
min-height:300px;
height:auto;
 width:910px;
 padding-top:10px;
 padding-left:10px;
  padding-right:20px;
  padding-bottom:10px;
 float: right;
 text-align:left;
 color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}

#rightgallery { 
background-color:transparent;
background-image:url(../img/bg_page.jpg);
background-position:right;
background-repeat:repeat-y;
 height:auto;
 width:970px;
 padding-top:10px;
 padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
 float: right;
 text-align:left;
 color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}


#rightindex{ 
background-color:transparent;
background-image:url(../img/bg_page.jpg);
background-position:right;
background-repeat:repeat-y;
 height:auto;
 width:900px;
 padding-top:10px;
 padding-left:80px;
  padding-right:10px;
  padding-bottom:10px;
 float: right;
 text-align:left;
 color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}

/* Safari Mac fix for Footer */

body:last-child:not(:root:root) #menu { height:auto !important; }
body:last-child:not(:root:root) .menulist { margin-right:5px; }    

div.menulist {
width:80px;
float: left;
margin: 10px 10px 10px 10px;
text-align:left;
color:#151255;
}

div.menulist h3 {
font-size: 0.6em;
font-weight: normal;
margin: 0;
padding: 0;
}

div.menulist h3 span {
font-size: 1em;
}

div.menulist span {
font-size: 0.6em;
}

div.menulist ul {
padding:0 0 3px;
margin:0;
list-style:none;
}

div.menulist ul li {
padding:0;
margin:0;
line-height: 15px;
}

div.menulist ul li a {
font-size: 0.6em;
color:#000000;
font-weight: normal;
text-decoration:none;
}

div.menulist ul li a:hover {
text-decoration:none;
color:#cdbe70;
}

#footer {
background-image:url(../img/footer.jpg);
background-repeat:no-repeat;
background-position:top center;
margin: 0 auto;
padding-left:15px;
padding-top:5px;
padding-right:15px;
padding-bottom:5px;
width: 960px;
height: 47px;
clear: both!important;
font-size:0.6em;
color:#494544;
text-align:center;
}


#footer a {
font-weight: normal;
text-decoration: none;
color: #494544;
}

#footer a:hover {
text-decoration: none;
color:#cc9900;
}

#baseline {
background-image:url(../img/bg_page.jpg);
background-repeat:repeat-y;
background-color:transparent;
margin: 0 auto;
padding-left:15px;
padding-top:20px;
padding-right:15px;
padding-bottom:5px;
width: 960px;
height: 30px;
clear: both!important;
font-size:0.6em;
color:#494544;
}


#baseline a {
font-weight: bold;
text-decoration: none;
color: #494544;
}

#baseline a:hover {
text-decoration: none;
color:#cc9900;
}

	

a#headerlink {
position:absolute;
left:219px;
top:72px;
color:#fff;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

.spacer {
height:60px;
line-height:60px;
padding:0;
margin:0;
clear: both;
}





/* remove the bullets, padding and margins from the lists  - NAVIGATION MENU - */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:right;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:10px;
width:100px;
padding:7px 0;
color:#b68605;
background:#ffffff;
text-decoration:none;
margin-right:1px;
text-align:center;
}
/* style the links hover */
.menu :hover{
color:#000;
background:#cccccc;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:100px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
.style2 {color: #cdbe70}



/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:900px; 
height:750px;
background-color:#ffffff;
margin:0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:10px 0 0 0; 
list-style-type:none; 
position:relative; 
width:900px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#ffffff; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #444;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:46px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-280px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
border-left:40px solid #ffffff;
border-right:40px solid #ffffff;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}




/*trying out map*/

#map01 { 
min-height:252px;
height:252px;

 width:320px;
 padding-top:0px;
 padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
 float: left;
}

#map02 { 
min-height:252px;
height:252px;

 width:240px;
 padding-top:0px;
 padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
 float: left;
}

#map03 { 
min-height:252px;
height:252px;

 width:240px;
 padding-top:0px;
 padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
 float: left;
}

#map04 { 
min-height:252px;
height:252px;
 width:240px;
 padding-top:0px;
 padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
 float: left;
}

#map05 { 
min-height:252px;
height:252px;
 width:240px;
 padding-top:0px;
 padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
 float: left;
}

#map06 { 
min-height:252px;
height:252px;
 width:320px;
 padding-top:0px;
 padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
 float: left;
}