BODY {FONT-FAMILY: Arial, Georgia, Times New Roman, sans serif; margin:0px; line-height:150%; font-size:1.2em}
p {FONT-FAMILY: Arial, Georgia, Times New Roman, sans serif}
td{line-height:150%;}
img {border-radius:15px}
H1{font-size: 1.5em; margin-top:20px; line-height:125%}
H2{font-size: 1.3em; line-height:125%}
.w {background-color:white}
p.comm {margin-bottom:12px; margin-top:12px;}
p.ans {margin-bottom:16px; margin-top:16px; font-style:italic}
A:link {COLOR: #0000AA; text-decoration: none; font-weight: bold}
A:hover {text-decoration: underline;}
A.menu:link {COLOR: #000000; FONT-SIZE: 1em; TEXT-DECORATION: none;}
a.menu:hover {text-decoration: underline; COLOR: darkblue; font-size: 1em}
li {margin-top:12px; margin-bottom:12px}
ul.m ol.m {margin-left:-15px}
div.main {max-width:900px; margin:auto; padding:12px; background-color:white}

.gallery {margin:auto; font-size:0.9em; line-height:150%; background-color:#a167de; 
border-spacing:12px 12px;  border-collapse: separate;}
hr.commentssep{color:#000080; background-color:#000080; height:2px; margin-bottom:24px; margin-top:24px}
td.pic2 {margin-left:10px; margin:10px; text-align:center; width:268px; float:left;}
td.pic {text-align:center; width:280px; margin:9px}

div.yellow-img-left {float:left; margin-right:12px;text-align:center; font-family:arial; padding:12px; background-color:#FFDD66; border-radius:12px}
div.yellow-img-right {float:right; margin-left:12px;text-align:center; font-family:arial; padding:12px; background-color:#FFDD66; border-radius:12px}
div.gray-img-right {float:right; margin-left:12px;text-align:center; font-family:arial; padding:12px; background-color:#C0C0C0; border-radius:12px}
div.gray-img-left {float:left; margin-right:12px;text-align:center; font-family:arial; padding:12px; background-color:#C0C0C0; border-radius:12px}

.graysidebar {max-width:260px; padding:18px; line-height:110%; text-align:center; background-color:#C0C0C0; font-family:arial; font-size:14px; font-weight:bold; border-radius:12px}

div.pic {background-color:#fcc13d; text-align:center; min-height:180px; padding:10px; margin-bottom:8px; border-radius:12px}
div.gallerycell {background-color:#f9d486; text-align:left; padding:12px;border-radius:12px; font-size:18px; line-height:135%}
td.gallerycell {border:1px solid black; background-color:#f9d486; text-align:left; padding:9px;}

div.commentbox1 {margin:auto; background-color:#EAEAEA; padding:12px; border:3px solid #80a6ff; max-width:85%; border-radius:15px}

.leftsidebar {border:1px solid #C0C0C0; background-color:#DADADA;width:185px;}
.rightsidebar {background-color:#DADADA;width:160px; text-align:center}
.video {width:560px; height:315px;}

@media screen and (max-width: 820px) {
.rightsidebar {display:none !important;}
}

@media screen and (min-width: 820px) {
.middlephoto2 {display:none; !important;}
}

@media screen and (max-width: 750px) {
.headermiddle {display:none !important;}
}
}

@media screen and (min-width: 700px) {
.middlephoto1 {display:none;}
.nofloat {display:block; margin:auto !important;float:none !important;}
}

@media screen and (max-width: 600px) {
.leftsidebar {display:none !important;}
.headertable {width: 100% !important;}
.indexphoto {float:none !important; margin:auto !important}
.video {width:480px; height:270px;}
}

@media screen and (max-width: 550px) {
.headerend {display:none !important;}
img,.nofloat2, div.mobile-img, div.gray-img-left, div.gray-img-right, div.yellow-img-right, div.yellow-img-left {float:none!important;margin:auto; display:block}
 .video {width:420px; height:236px;}
}

@media screen and (max-width: 450px) {
.video {width:320px; height:180px;}

.graysidebar{float:none!important; margin:auto!important}
}
@media screen and (max-width: 350px) {
.video {width:280px; height:158px;}
}

.more{display : none;}
a.showLink,
a.hideLink{
  text-decoration : none;
  color           : #36f;
  padding-left    : 8px;
}
a.showLink:hover,
a.hideLink:hover{
  border-bottom : 1px dotted #36f;
}

.dropdown{
  background-color : #c7b9ff;
}
.dropdown li{
  background-color : #c7b9ff; 
  font-weight:normal;
  
}

.dropdown,
.dropdown ul,
.dropdown li{
  margin  : 0;
  padding : 0;
}

.dropdown li{
  padding      : 6px;
  margin-right : 12px;
  border       : 0px solid #964dba;
  border-radius:12px


}


.dropdown ul{
  display  : none;
  position : absolute;
  top      : 100%;
  left     : 0;
  z-index  : 1;
}

.dropdown > .dropdownRightToLeft > ul{
  left  : auto;
  right : 0;
}

.dropdown ul ul{
  top  : 0;
  left : 100%;
}

.dropdown ul .dropdownRightToLeft ul{
  left  : auto;
  right : 100%;
}

.dropdown ul li{font-weight:normal; border:2px solid #964dba}

.dropdown li{
  position        : relative;
  display         : block;
  list-style-type : none;

}

.dropdown > li{
  display : inline-block;
}

.dropdown a,
.dropdown span{
  display         : block;
  text-decoration : none;
  white-space     : pre;
  color           : #5b1ea1;
}

.dropdown li:hover > ul{
  display : block;
}

.dropdown ul > li:hover{
  background-color : #b9a4ff;
  border       : 2px solid #964dba;
  border-radius:12px;
  color:black
}

.dropdownVertical{
  display : inline-block;
}

.dropdownVertical > li{
  display : block;
}

.dropdownVertical ul{
  top  : 0;
  left : 100%;
}

.dropdownJavaScript li:hover > ul{
  display : none;
}

.dropdownJavaScript li.dropdownOpen > ul{
  display : block;
}