/* outdoor_room.css */
body {
	color: black;
	background-color: #3b6f41;
}
.normal {font-family:  Verdana, Arial, sans-serif; font-size: 10px; margin-right: .25em }
.bodytext {margin-left: 1em; margin-right: .75em; font-family: Verdana, Arial, sans-serif; font-size: 11px;  line-height:16px; font-weight:500; margin-top: .5em; }
.bodytextns {margin-left: .5em; margin-right: .3em; font-family:  Verdana, Arial, sans-serif; font-size: 10px;  line-height:14px; font-weight:500; }

.bodytextin {margin-left: 2.25em; margin-right: 5.5em; margin-top:2.25em; font-weight:500; line-height:20px; font-family:  Verdana, Arial, sans-serif; font-size: 10px;  }
.bodytextinr {margin-left: 2.20em; margin-right: 3em; line-height:20px; font-family: Verdana, Arial, sans-serif; font-weight:500; font-size:10px; }
.bodytexttablef {margin-left: 1.75em; font-family:Verdana, Arial, sans-serif; margin-right:1.25em; font-size:12px; line-height:14px; font-weight:500;}
.bodytextinl {margin-left: 2.25em; margin-right: 2.5em; margin-top:.25em; color:#411755; font-weight:500; line-height:16px; font-family: Verdana, Arial, sans-serif; font-size:14px; }
.bodytextinrs {margin-left: 2.20em; margin-right: 3em; line-height:12px; font-family: Verdana, Arial, sans-serif; font-weight:500; font-size:12px; }
.bodytexttablefs {margin-left: 1.75em; font-family:Verdana, Arial, sans-serif; margin-right:1.25em; font-size:12px; line-height:14px; font-weight:500;}

.bodytexttable {margin-left: 1.75em; font-family:Arial; margin-right:1.75em; Verdana, Arial, sans-serif; font-size:12px; line-height:18px; margin-top: .75em; font-weight:500;}
.bodytextlg {font-family: Verdana, Arial, sans-serif; font-size:12px; line-height:18px; margin-top: 1.5em; font-weight:500; }

.subtitlel    {font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: 600; color: #411755; word-spacing:2px; letter-spacing: 1pt;
}
.subtitle    {font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: 600; color:#000000; word-spacing:2px;}

.title       {line-height: 12 pt; font-family: Verdana, Arial, sans-serif; font-size: 14pt; color: #386f40; font-weight:500 }

.minihighlight    {line-height: 12 pt;  font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #000000; font-weight: bold }
.minihighlighthead    {line-height: 14 pt; margin-left: 2em; font-family:Verdana, Arial, sans-serif; font-size: 13px; color: #000000; font-weight: bold }
.minihighlightw   {line-height: 14 pt;  font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold }
.minihighlightwh   {line-height: 14 pt;  font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold }

.minihighlight2    {margin-left: 1.5em; font-family: Verdana, Arial, sans-serif; font-size: 13px; font-weight:bold; color: #000000; }

.highlight    { margin-left: .5em; font-family: Verdana, Arial, sans-serif;font-size: 12px; margin-top: 2.5em color: #Bc1245 }
.highlightb    { margin-left: .75em; font-family:Arial; font-size: 12px;  color: #000000; letter-spacing: 1pt }
.highlight5    { margin-left: 1.5em; font-family: Arial; font-size: 14px; font-weight:bold; color: #00505A }
.highlightw    {  margin-left: .75em; font-family: Arial; font-size: 14px; font-weight:bold; color: #FFFFFF; letter-spacing: 1pt }
.highlightf    { margin-left: 1em; font-family: Arial; font-size: 11px; margin-top: 2.5em color: #Bc1245 }


.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 190;
left: 430px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.ulwhiteb {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
text-transform: none;
color: #00050;
text-decoration: none;
letter-spacing: 1pt;
margin-top: 10px;
}

.ulwhiteb a:link {
color: #FFFFFF;
}


.ulwhite {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: .25em;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
text-indent: 5px;
list-style-position: outside;
list-style-type: square;
padding: 6px;
margin: 2px;
}

.ulwhite a:link {
color: #FFFFFF;
text-decoration:none;
}

.ulwhite a:visited {
color: #FFFFFF;
text-decoration: none;
}

.ulwhite a:hover {
color: #12aca5;
text-decoration: none;
}

.ulwhite a:active {
color: #FFFFFF;
text-decoration: none;
}



.menu {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #FFFFFF;

}

.menu a:link {
color: #FFFFFF;
text-decoration: none;
}

.menu a:visited {
color: #FFFFFF;
text-decoration: none;
}

.menu a:hover {
color: #12aca5;
text-decoration: none;
}

.menu a:active {
color: #FFFFFF;
text-decoration: none;
}


.menu2 {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;

color: #FFFFFF;
}

.menu2 a:link {
color: #FFFFFF;
text-decoration: none;
}

.menu2 a:visited {
color: #FFFFFF;
text-decoration: none;
}

.menu2 a:hover {
color: #bbbcd7;
text-decoration: none;
}

.menu2 a:active {
color: #FFFFFF;
text-decoration: none;
}


.menu3 {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #411755;
font-weight:bold
}

.menu3 a:link {
color: #411755;
text-decoration: none;
}

.menu3 a:visited {
color: #411755;
text-decoration: none;
}

.menu3 a:hover {
color: #386f40;
text-decoration: none;
}

.menu3 a:active {
color: #FFFFFF;
text-decoration: none;
}

.menua {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #FFFFFF;
}

.menua a:link {
color: #FFFFFF;
text-decoration: none;
}

.menua a:visited {
color: #FFFFFF;
text-decoration: none;
}

.menua a:hover {
color: #F7B508;
text-decoration: none;
}

.menua a:active {
color: #FFFFFF;
text-decoration: none;
}

.lglink {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
margin-left: 25px;
font-weight: bold;
color: #00505A;
}

.lglink a:link {
color: #00505A;

}

.lglink a:visited {
color: #00505A;

}

.lglink a:hover {
color: #000000;
text-decoration: none;
}

.lglink a:active {
color: #00505A;
text-decoration: none;
}

<actionsheet> 
<action type="text/cas" codetype="text/javascript"> 
  .collapsible { onClick: "changeVisibility(event)" } 
</action> 
 
<script type="text/javascript"> 
function changeVisibility(event) { 
  var list = event.target.nextSibling; 
  var style = list.style; 
  if (style.display == "none") 
    style.display = "block"; 
  else 
    style.display = "none"; 
} 
</script> 
</actionsheet>