@charset "utf-8";
/* CSS Document */

/*General body */

body, input, textarea {
	background-image: url(https://www.artworkbyannarose.com/images/linen2.jpg);
	background-repeat: repeat;
	font-family:Marcellus, Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	color:#000000;
	padding:0;
	margin:0;
	max-width:100%;
	overflow-x:auto;
	overflow-y:auto;}
h1{font-size:1.5em;}
h2{	font-size:1.2em;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:3px;
	margin:0px;
	font-weight:bold;}
h3{	font-size:1em;
	font-weight:normal;
	margin:0px;
	padding:0px;}
/* ~~ miscellaneous float/clear classes ~~ */

.clearfloat{
	clear:both;}	
.fltrt { 
	float: right;
	margin-left: 8px;}
.fltlft { 
	float: left;
	margin-right: 8px;}	
.imgfltright {
	float:right;
	margin-left: 10px;
	margin-bottom: 10px;}
.imgfltleft{
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;}

/*Top menu*/

#banner	{
	width:100%;
	padding-top:10px;	
	background: rgb(165, 162, 156); 
    background: rgba(165, 162, 156, .15);
	height: auto;
	position: relative;}			
#header{
	max-width:940px;
	padding-left:0px;
	margin:0px;
	padding-right:0px;
	height:auto;
	margin: 0 auto;	}
	@media only screen and (max-width: 850px){#header{padding-right:0px}}
.headerimage{
	float: left;
	padding-right:40px;
	max-width:100%;
	top:-10px;
	height:90px;}
	@media only screen and (max-width: 850px){.headerimage {margin: 0 auto;max-width:90%;padding-right:0px;padding-left:10px;padding-bottom:10px}}
.menubox{float:left;font-size:16px;clear:both;}

@media only screen and (max-width: 850px){.menubox {margin: 0 auto;width:100%;}}
@media only screen and (max-width: 481px){.menubox {margin: 0 auto;margin-top:20px;width:100%;}}
.newstitle{text-align:right;font-size:1em;font-style:bold;padding-bottom:15px;padding-top:10px;margin:0px}

@media only screen and (max-width: 850px){.newstitle{text-align:left;}}

.emailconfirm{font-size:0.8em;text-align:right;padding-top:5px}
.topform{height:60px;padding-top:5px;float:right}
	@media only screen and (max-width: 481px){.topform{height:80px}}
.emailsubmit{float:left;padding-left:10px;height:28px;}
	@media only screen and (max-width: 481px){.emailsubmit{padding-left:8px;}}
	@media only screen and (max-width: 481px){
	input {
    border-radius: 0;
}}
.emailsubmit input[type="text"], .emailsubmit textarea {background-color : #FFFFFF;background-image:none;}
.emailsubmit input[type="submit"] {background-color:rgba(192, 192, 192, 0.8);background-image:none;padding:0 3px 0 3px;}

.nav {
	
	font-size: 1.2em;
	margin: 0 0 10px 0;
	padding: 0;
	padding-top:15px;
	list-style: none; }	
	
	@media only screen and (max-width: 850px){.nav {padding-top:10px;font-size:1em;margin: 0 0 1px 0;}}
	
.nav li {float: left;padding-left: 10px;padding-right: 10px;}	
@media only screen and (max-width: 850px){.nav li{padding-left: 1px;padding-right: 1px;}}
ul.nav li a:link{	color: #000000;text-decoration:none;}
ul.nav li a:visited{color: #000000;text-decoration:none;}
ul.nav li a:hover{	color: #000000;text-decoration:underline;}
ul.nav li a:active{color: #000000;text-decoration:underline;}
.newstitle {
	font-weight: bold;}
.button {background-color:transparent;
	font-size:inherit;
	color:inherit;
	font-style:inherit;
font-family:inherit;}
.dropbtn {
    border: none;
	background-color:transparent;
	font-size:inherit;
	color:inherit;
	font-style:inherit;
    cursor: pointer;
	font-family:inherit;}

.dropdown {
    position: relative;
	background-color:none;
    display: inline-block;}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
	z-index: 2000;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}

.dropdown-content a {
    color: black;
	font-size:0.8em;
    padding: 8px 8px;
    text-decoration: none;
    display: block;}

.dropdown-content a:hover {background-color: #f9f9f9;}

.dropdown:hover .dropdown-content {
    display: block;}


.dropdown:hover .dropbtn {
    background-color: none;}



ul.nav li.icon {display: none;}


@media screen and (max-width:680px) {
  ul.nav li {display: none;}
  ul.nav li.icon {
    float: left;
    display: inline-block;
	padding-left: 0px;padding-right: 0px;
  }
  
.dropdown-content a {
    display: inline;
	width:100%}}

@media screen and (max-width:680px) {
nav.responsive {position: relative;}
  ul.nav.responsive {position: relative;}
  ul.nav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.nav.responsive li {
    float: none;
	width:100%;
    display: inline;
  }
  ul.nav.responsive li a {
    display: block;
    text-align: left;
  }
  .nav li {width:100%;}	
  .dropdown-content {
    position: relative;
	width:100%;}
	.dropbtn {width:100%;text-align:left}
	.dropdown {
		width:100%;
    position: relative;
    display: inline;}

  .nav {padding-top:0px;font-size:1.2em;margin: 0 0 1px 0;}
  #menuhome{padding-left:0px;}
    #menuhome a{padding-left:10px;}
	
	
	.dropdown button {
    padding: 0px 1px 0px 10px;
}


}




/* Menu at bottom */

.lowerbanner{
	width:100%;
	padding-top:10px;
	background: rgb(148, 148, 148); 
    background: rgba(0, 0, 0, .23);
	clear:both;
	height: auto;
	position: relative;	}
.bannercontainer{
	max-width: 940px;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;}
	@media only screen and (max-width: 800px){.bannercontainer{ padding-left:20px;padding-right:0px;}}
.bottommenu{
	float:left;
	width:210px;
	padding-bottom:10px}
		@media only screen and (max-width: 800px){.bottommenu{ width:150px;}}
.bottommenu ul{padding:0px;margin:0px;}	
.bottommenu ul li{padding:0px;margin:0px;display:block; width:195px;}
@media only screen and (max-width: 600px){.bottommenu ul li{width:150px;max-width:100%}}
	
.bottommenu ul li a:link{	color: #000000;text-decoration:none;}
.bottommenu ul li a:visited{color: #000000;text-decoration:none;}
.bottommenu ul li a:hover{	color: #000000;text-decoration:underline;}
.bottommenu ul li a:active{color: #000000;text-decoration:underline;}
#menu1{
	border-right:2px solid rgba(0, 0, 0, .05);
	padding-right:11px;}
#menu2{
	border-right:2px solid rgba(0, 0, 0, .05);
	padding-left:11px;
	padding-right:11px;}
	@media only screen and (max-width: 800px){#menu2{ border-right:none;}}
#menu3{
	border-right:2px solid rgba(0, 0, 0, .05);
	padding-left:11px;
	padding-right:11px;}
@media only screen and (max-width: 800px){#menu3{ padding-left:0px;clear:left;}}
#menu4{		
	padding-left:11px;}
@media only screen and (max-width: 990px){#menu4{ clear:left;}}
@media only screen and (max-width: 768px){#menu4{ clear:none;}}

@media only screen and (max-width: 600px){#menu4{padding-right:0px;}}
@media only screen and (max-width: 600px){#menu2{padding-right:0px;}}
.social{
	max-width:450px;
	margin:0 auto;
	clear:both;
	padding-top:10px;}
@media only screen and (max-width: 600px){.social{ max-width:250px;}}
.copyright{
	text-align:center;
	padding-top:5px;
	clear:both;}