html, body{
  padding: 0;
  margin: 0;
}
html{
 min-height: 100vh;
}
body
{
background:#0e3d6d /*url('../images/sparkles-bg.jpg')*/;
margin:0;
/*margin-bottom: 10px;*/
/*background: linear-gradient(to bottom, white, #0e3d6d);
/*min-height: 100vh;*/
}

img
{
border:0;
}

#lists a
{
font-weight:bold;
text-decoration:none;
color:#7e8901;
}

#lists a:hover
{
color: #fff;
}

.container
{
width:958px;
margin-left: auto;
margin-right: auto;
background-color: white;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
min-height: 55vh;
}


.container a
{
color:#27b59f;
text-decoration:none;
/*font-weight:bold;*/
}

.containerSub
{
margin:0px; padding:20px 20px 20px 20px;
border: 1px solid #464646;
}

.sectionHeaders
{
font-family:georgia, arial; font-size:18px; position: relative; top:290px; margin:0px;  color: #7e8901; font-weight:bold;
}

.contentmain
{
font-family:'Maven Pro', sans-serif, verdana;
font-size:13.5px;
color:#343636;
padding:5px;
margin:0 auto; 
/*margin-bottom: 10px;*/
/*background:#d5e4e7 url('../images/dragonfly-corner.png') no-repeat right bottom;*/
background: linear-gradient(0deg,rgba(213,228,231,0.6),rgba(213,228,231,0.6)),url(../images/dragonfly_back.png) no-repeat center bottom;
    background-size: 20%;
width:900px;
min-height:450px;
line-height: 1.5;
}

.content
{
font-family:'Maven Pro', sans-serif, verdana;
font-size:13.5px;
color:#343636;
padding:5px;
margin:0 auto; 
/*margin-bottom: 10px;*/
background:white url('../images/dragonfly-corner-silver.png') no-repeat right bottom 20px;
width:900px;
min-height:200px;
line-height: 1.5;
}

.content p, .contentmain p
{
margin-left:10px;
margin-right:10px;
}

.content h1, .contentmain h1
{
font-family: 'Maven Pro', 'Kaushan Script', cursive, verdana;
font-size: 24px;
margin-top: 10px;
color:#0e3d6d;
}

.content h2, .contentmain h2
{
font-family: 'Maven Pro', 'Kaushan Script', cursive, verdana;
font-size: 16px;
margin-top: 10px;
color:#0e3d6d;
}

.content img
{
margin:10px;
border:1px solid white;
border-radius: 5px;
}

#lists
{
margin-left: 15px; padding-left: 0; list-style: none;
}

#lists li
{
padding-left: 10px; background-repeat: no-repeat; background-position: 0 .6em;
}

.new-art-heading
{
font-size:15px;
color:#525656;
}

.media-lists li
{
padding-left: 10px; padding-left: 0;
}

.media-lists li a
{
padding-left: 10px;
color: yellow;
}

.artworks
{
float:right; width:400px; text-align:center;
}

.artworks img
{
margin-left: 10px;
margin-bottom:10px;
}


.footer
{
background:#000;
text-align:center;
font-family: arial;
font-size: 9px;
color: #ee7e1f;
line-height: 1.5;
padding-top:5px;
}

.footer a
{
font-family: arial;
font-size: 9px;
color: #999213;
text-decoration: none;
}

.footer a:hover
{
text-decoration: underline;
}

/* Menu */

.menu { width:960px; margin: 0 auto; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.menu ul { display: block; padding: 0px; margin: 0px; list-style: none; text-align: center; } 
.menu ul li { display: inline; padding: 0px 15px; margin: 0px; list-style: none; } 
.menu ul li a { font-family:'Maven Pro', verdana, gerogia; font-size:13px; color: #7e8901; /*font-weight:bold;*/ text-decoration:none; line-height:2; }
.menu ul li a:hover { color: #ffffff; }

/*sub menus*/

#menu li:hover ul.menus {
  display: block
}

#menu a.home {
  background: #c00;
}

#menu a.prett {
  padding: 0 27px 0 14px
}

#menu a.prett::after {
  content: "";
  width: 0;
  height: 0;
  border-width: 6px 5px;
  border-style: solid;
  border-color: #eee transparent transparent transparent;
  position: absolute;
  top: 15px;
  right: 9px
}

#menu ul.menus .submenu {
  display: none;
  position: absolute;
  left: 100%;
  background-color: #0e3d6d;
  top: 52%;
  /*width: 180px;*/
}

#menu ul.menus .submenu li {
  background-color: #0e3d6d;
}

#menu ul.menus .has-submenu:hover .submenu {
  display: block;
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: sticky;
  top: 0;
  /*width: 100%;*/
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
}

.jssocials-shares{margin:.2em 0}.jssocials-shares *{box-sizing:border-box}.jssocials-share{display:inline-block;vertical-align:top;margin:.3em .6em .3em 0}.jssocials-share:last-child{margin-right:0}.jssocials-share-logo{width:1em;vertical-align:middle;font-size:1.5em}img.jssocials-share-logo{width:auto;height:1em}.jssocials-share-link{display:inline-block;text-align:center;text-decoration:none;line-height:1}.jssocials-share-link.jssocials-share-link-count{padding-top:.2em}.jssocials-share-link.jssocials-share-link-count .jssocials-share-count{display:block;font-size:.6em;margin:0 -.5em -.8em}.jssocials-share-link.jssocials-share-no-count{padding-top:.5em}.jssocials-share-link.jssocials-share-no-count .jssocials-share-count{height:1em}.jssocials-share-label{padding-left:.3em;vertical-align:middle}.jssocials-share-count-box{display:inline-block;height:1.5em;padding:0 .3em;line-height:1;vertical-align:middle;cursor:default}.jssocials-share-count-box.jssocials-share-no-count{display:none}.jssocials-share-count{line-height:1.5em;vertical-align:middle}