html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-size: 100%;
}

a {
	outline: 0;
}

body {
	text-align: center; /* Centers the page content container in IE 5 browsers. */;
	padding: 0px 0px 0px 0px;
	background-image: url(https://testsiteslunchbox.neocities.org/images/pixels.png);
	line-height: 1.2em;
	font-size: 1em;
	color: #2d2e2e;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
}

body img {
	border: 0px;
	text-decoration: none;
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

h1, h3 {
	color: #1C140E;
	margin: 5px 0px 5px 10px;
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
}

h2 {
  color: #1C140E;
	margin: 5px 0px 5px 5px;
	font-size: 0.7em;
}

h1 {
  margin: 0px 0px -5px -15px;
  padding: 0px 0px 0px 0px;
	font-size: 1.4em;
	line-height: 1em;
}

h3 {
  margin: 0px 0px 25px -10px;
	font-size: 1.8em;
}
a, a:link {
	color: #ff8b00;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #ff1200;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #ff1200;
	text-decoration: underline;
}
a:focus {
	color: #2170bd;
}
a:active {
	color: #2170bd;
}
#outerWrapper {
	background-color: #fff;
	width: 964px;
	text-align: left; /* Redefines the text alignment defined by the body element. */;
	margin: 25px auto 25px auto;
	border: 1px #000000 solid;
}
#outerWrapper #header {
}
/*===================================
  can be used for the site name and header if not part of the masthead banner
====================================*/
#outerWrapper #header .sitename {
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	font-size: 1.7em;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 30px;
	margin-left: 25px;
	letter-spacing: .25em;
	line-height: 1em;
}
.tagline {
	font-size: small;
}
/*========================================
Top Navigation
=========================================*/
#outerWrapper #topNavigation {
	background-color: #c04037;
	min-height: 2.3em;
	padding: 10px 10px 10px 10px;
	border-bottom: solid 1px #1C140E;
}
#outerWrapper #topNavigation ul {
	list-style-type: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#outerWrapper #topNavigation li {
	float: left;
}
#outerWrapper #topNavigation a {
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 1px;
	padding: 5px;
	display: block;
}
#outerWrapper #topNavigation a:hover {
	background-color: #b28119;
	color: #000000;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#contentWrapper {
	background-position: right;
	clear: both;
	background-image: url('../images/content-bg.jpg');
	background-repeat: repeat-y;
}
#rightColumn1 {
	padding: 10px 10px 10px 10px;
	float: right;
	width: 200px;
	font-size: small;
}
#rightColumn1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
}
#rightColumn1 li {
	list-style: none;
	padding: 2px 0;
}
#rightColumn1 ul li a {
	display: block;
	color: #FFFFFF;
	padding: 4px;
	text-decoration: none;
	background-color: #c04037;
	border: 1px solid #1C140E;
	margin-top: 3px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#rightColumn1 ul li a:hover {
	color: #ffffff;
	background-color: #b28119;
	border: 1px solid #455D13;
}
.heading {
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px;
	background: #455D13;
	text-decoration: none;
	border: 1px solid #1C140E;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#rightColumn1 img a:hover {
	background-color: #ffffff;
	text-decoration: none;
}
#content {
	padding: 10px 20px 10px 20px;
	margin: 0px 220px 0px 0px;
}

#ShowDesc {
  font-size: 1.2em;
  padding: 20px 0px 0px 20px;
}

#ShowDesc p {
  margin: 0px 0px 0px 0px;
  font-size: 0.8em;
}

#ShowDesc i {
  font-size: 0.8em;
}
.clearFloat {
	display: block;
	clear: both;
}
#footer {
	background-color: #7f1d16;
	padding: 10px 10px 10px 0px;
	color: #ffffff;
}
#footer p {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	font-size: .85em;
}
#footer a:link {
	color: #ffffff;
}
#footer a:visited {
	color: #ffffff;
}
#footer a:hover, #footer a:focus {
	color: #FFFFFF;
}
#footer a:active {
	color: #999999;
}
.imglft {
	padding: 5px 10px 5px 0px;
	float: left;
}
.imgrgt {
	padding: 5px 0px 5px 10px;
	float: right;
}
.imgctr {
	display: block;
	margin: 0px auto;
}
img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}
.ctr {
	text-align: center;
}
.smltxt {
	font-size: small;
}

.Blogredirect {
  padding: 0.8em 0em 0em 9em;
  font-size: 1em;
}

form fieldset {
	padding: 1em;
	font: 80%/1 sans-serif;
	border: 2px solid #000000;
	width: auto;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 3px 3px 6px #dddddd;
	-moz-box-shadow: 3px 3px 6px #dddddd;
	-webkit-box-shadow: 3px 3px 6px #dddddd;
}
form fieldset label {
	width: 15%;
	margin-right: 0.5em;
	padding-top: 0.2em;
	text-align: right;
	font-weight: bold;
}
form fieldset legend {
	padding: 0.2em 0.5em;
	color: #000000;
	font-size: 90%;
	text-align: right;
	font-variant: small-caps;
}
.cf {
	border: 1px #353c48 solid;
	background-image: url('../images/form-bg.jpg');
	background-repeat: repeat;
}
.button {
	font: normal 90% Verdana, serif;
	height: 22px;
	border: 1px solid #CDBB99;
	background-color: #4A3527;
	color: #ffffff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
input:focus {
	border: 2px solid #993300;
}

.search {
	text-align: center;
	margin: 3px auto 8px auto;
	font-size: .8em;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
}
.search p {
	margin-bottom: 0px;
	font-size: .85em;
}
.myform {
	margin: 0;
	padding: 0;
}
.myform .textinput {
	width: 100px;
	border: 1px solid gray;
}
.myform .submit {
	font: bold 11px Verdana;
	height: 22px;
	background-color: #be8021;;
	color: #FFFFFF;
}


#topNavigation ul li {
  position: relative;
}


.dropdown-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #111; /* adjust to match your site */
  min-width: 180px;
  z-index: 9999;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}


.dropdown-content li {
  display: block;
}

.dropdown-content a {
  display: block;
  padding: 10px;
  color: #fff;
  text-decoration: none;
}

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


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


#header {
  background-image: url('/images/07banner.png');
  background-size: cover;
  background-position: center;
  height: 200px; /* Make sure this is not 0 */
  width: 100%;
}