ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, div.paragraph, blockquote, fieldset, input, p {
	margin: 0;
	padding: 0;
	color: #F71C20;
}
#content img {border:thin solid black;}
a img { border: 0; }
p img {text-align:center;display: block; margin-left: auto; margin-right: auto;}
a { text-decoration: none; }
a:hover { color: teal; }

h1 {font-size:18px;color:white;background-color:navy;background-image:linear-gradient(to top,blue,purple,navy);padding:8px;border-radius:3px}

body { font-family: Arial, Helvetica, sans-serif; color: #3E220D; margin: 0; padding: 0;background: url('/uploads/bg-small.jpg');}

p {font-size: 14px; }

h2 { font-style:italic; font-weight:bold; color:white; font-size:14pt; font-family:sans-serif; margin-top:12pt; margin-bottom:2px; line-height:130%; background-color:blue; background-image: linear-gradient(to right,#2f4b66,#CCCCFF); padding:4px;}

p {
	font-size: 1em;
	line-height: 1.5;
	margin: 0;
	padding: .5em 0;
	color: #3E0C27;
}
 #main-wrap { position: relative; margin-top: -140px; }

.sidebar {  font-family: Arial, Helvetica, Geneva; background-color:azure; background-image:linear-gradient(azure to blue;); float: right; margin: 3pt; padding: 3px; border: solid 1px #003980; width: 30% text-align:center;}

 #page { margin: 0 auto; width: 765px; z-index: 2; position: relative; box-shadow: 2px 2px 2px 2px;}
 #content { min-height: 340px; padding: 18px; background-color:white;background-image: linear-gradient(to bottom,white,#F2F2F2,white,#fbf3eb);}
 #header { padding: 0 50px; margin: 0; width: 100%; height: 90px; }
 #header, #header table { border-collapse: collapse; border-spacing: 0; }

.topnav { text-align:center;margin-left:auto;margin-right:auto; margin-bottom:18px; margin-top:18px;background-image:radial-gradient(#2f4b66,azure);padding-top:4px;padding-bottom:4px;}

.topnav a {color: #E2FFEC; text-decoration: none; padding: 8px;  font-size: 14pt; line-height: 1; border: 1px solid transparent; border-radius: 3px; }
.topnav a:hover { color: #fff; background: #2f4b66; border: 1px solid #4bb0ac; }

.active {background-image:linear-gradient(teal,blue);}

#z-menus .z-menu li a { padding: 7px; color: #ffffff; background: #1b2d3c; border: 0; border-bottom: 1px solid #274057; }

.button {margin: 0;  display: inline-block; border:1px solid teal; padding: 0 15px 0 0; background-color: #2f4b66; shadow:0 -1px 0 rgba(0,0,0,0.9); border-radius:3px;text-align:center; padding-top: 4px; padding-left:25px; padding-bottom:4px; padding-right:25px;}
.button a { font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; border: none; color: white; text-align:center;text-decoration: none; }
.button:hover {background-color:#E2FFEC;border:1px solid #E2FFEC;color:#2f4b66!important}
.button a:hover {color:#2f4b66!important}

#page li {
	margin-left: 15px;
	margin-bottom: 4px;
	margin-top: 6px;
	line-height: 130%;
	color: #3E0C27;
}

img {max-height:auto;}
textarea {background-color: #F5F9F0;width:90%;}
.text {background-color:#F5F9F0;}
.send {color:white;background-color:#f59f09;
  border: thin solid brown;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;border-radius: 2px;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.send:hover {color: black;background-color: #F5F9F0;}

@media all and (max-width: 480px) {
body {background: white;font-size:16pt;  -webkit-text-size-adjust: 100%;}
#content {max-width:100%;}
#page {max-width:98%;}
a {color:navy;}
img {max-width:99%;height:auto;}
.topnav {line-height: 26pt;}
p {max-width:98%;font-size:16pt;}
#navwrap {width:100%;}
.topnav {padding: 6px; text-align:center;margin:0px;float:center;line-height: 26pt;}
.topnav a {font-size: 18pt;font-weight:bold;color: #E2FFEC;  line-height: 1; border: 1px solid transparent; border-radius: 2px; margin-right: 2px;}
.hideme {display:none;}

}
.wide,iframe {display: block;overflow: auto;overflow-y: hidden; margin-right: auto;margin-left:auto;}