*{
	margin:0;
	padding: 0;
}

/* CSS Document */

/*##############################################################
  Eric Meyer's Latest version of Reset.css (includes Baseline)
##############################################################*/ 

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
ol, ul {list-style: none}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}

/*#######################
  Element Styles 
#######################*/

body {background:#8d827d left top repeat; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif}
a {
	outline:none;
	color:#425c82;
	font-weight: bold;
}
	a:hover {text-decoration:none}

h1, h2 {
	margin-bottom:15px;
	font-size:1.75em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#24150c;
}

/* Add a black background color to the top navigation */
#topnav {
	float: left;
	display: block;
	background-color: #ededf7;
	overflow: hidden;
	width: 98%;
	height: 3em;
	text-align: left;
	font-size: 1.2em;
	color: black;
	margin-top: 1em; 
	padding-left:10px;
	padding-right:14px; 
	padding-top: 20px;
}

/*#######################
  Layout Styles 
#######################*/
 
#wrapper {
	width:98%;
	margin:20px 20px;
	background-color:#fff
}

	#header {width:98%; float:left; background:#425c82 left top repeat-x}
		#header img {width:128px; height:128px; float:left}
		#header h1 {margin:20px 15px; font-family:Georgia, Times, "Times New Roman", serif; font-size:2.5em; color:#fff}

	#content_wrapper {width:98%; float:left; background:#fff left bottom repeat-y}
	
			
		#content {
	float:left;
	display:inline;
	width:95%;
	padding:20px 15px
}
			#content p {margin:15px 0; line-height:1.5em;
				font-size: 14px;}
					
			/* Form Styles */
			input, textarea {width:350px}	
			input#submit {width:auto; font-weight:bold}											
									
#footer {clear:both; padding:15px; width:930px; font-size:.95em; color:#fff; background-color:#839dba}
	#footer a {color:#c6dce4; text-decoration:none}
		#footer a:hover {text-decoration:underline}
		
#wrapper #content_wrapper #content h3 {
	color: #930;
	font-size: 14px;
}
	@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: left;
    display: block;
  }
  
/*  #header {
	
	font-size:18px;
} */
}

@media screen and (min-width: 1000px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 5;
  }
}