body {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #000000;
	background: #183D4A url('images/eosaut1c.gif');
}
/*===============
indicates no border around any image 
============*/
body img {
	border: 0px;
	text-decoration: none;
}
/* ============
 page container -margins auto center the container on the page 
 ==========*/
#container {
	margin: 10px auto;
	padding: 30px;
	background-color: #ffffff;
	width: 80%;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	max-width: 1200px;
}
/*=================== 
styles for top banner 
========================*/
#banner {
	background-position: left center;
	padding: 10px;
	background-color: #FFFFFF;
	background-image: url('images/family-photo.jpg');
	height: 135px;
	background-repeat: no-repeat;
	color: #000000;
	margin-bottom: 10px;
}
#banner img {
	float: right;
}
/*=================== 
styles for top menu 
======================*/
#cssmenu, #cssmenu ul, #cssmenu li #cssmenu a {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	font-family: Helvetica;
	line-height: 1;
}
#cssmenu {
	width: auto;
}
#cssmenu ul {
	zoom: 1;
	background: #182733 url(images/pattern.png) repeat left top;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #300909;
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
#cssmenu ul:before {
	content: '';
	display: block;
}
#cssmenu ul:after {
	content: '';
	display: table;
	clear: both;
}
#cssmenu a, #cssmenu a:link, #cssmenu a:visited {
	padding: 15px 20px;
	display: block;
	text-decoration: none;
	color: #ffffff;
	text-shadow: 0 -1px 1px #000000;
	border-right: 1px solid #300909;
	border-right-color: #FFFFFF;
}
#cssmenu a:hover {
	color: #000000;
	text-shadow: 0 1px 1px #9c1d1d;
}
#cssmenu li {
	float: left;
	border-right: 1px solid #871919;
}
#cssmenu li:hover {
	background: #5b1111 url(images/pattern.png) top left repeat;
}
#cssmenu li:first-child {
	border-left: none;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
/*==============
all site links unless otherwise specified
==============*/
a:link {
	font-weight: 500;
	color: #004145;
	background: transparent;
	text-decoration: underline;
}
a:visited {
	font-weight: 500;
	color: #000000;
	background: transparent;
	padding: 0px;
	text-decoration: underline;
}
a:hover {
	font-weight: 500;
	text-decoration : none;
	background: #98BDCA;
	color: #000000;
}
a:active {
	font-weight: 500;
	text-decoration : underline;
	background: #BFDFE2;
	color: #000000;
}
/*=============================
wrapper for content area/left sidebar
===============================*/
#wrapper {
	clear: both;
	margin: 15px 0px;
}
/*====================== 
styles for main content area 
=========================*/
#content {
	margin-left: 240px;
	padding: 5px;
	text-align: left;
	vertical-align: top;
}
/*===========
content area list items
==============*/
#content ul li {
	list-style-image: url('images/blue-bullet-bg.gif');
	margin: 2px;
	padding: 2px;
}
#content li li {
	list-style-image: url('images/blue-bullet-sm.gif');
	padding: 2px 0;
}
/* *****************************************************
Navigation Bar - Left hand side 
**************************************************** */
#navigation {
	width: 200px;
	float: left;
	margin-top: 15px;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li a:link, #navigation li a:visited {
	font-size: 90%;
	display: block;
	padding: 0.4em 0 0.4em 0.5em;
	border-left: 12px solid #183D4A;
	border-right: 1px solid #183D4A;
	background-color: #2F7994;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #CBDDE4;
	color: #000066;
}
#navigation ul ul {
	margin-left: 12px;
}
#navigation ul ul li {
	border-bottom: 1px solid #183D4A;
	margin: 0;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #639BAF;
	color: #FFFFFF;
}
#navigation ul ul a:hover {
	background-color: #CBDDE4;
	color: #000066;
}
/*============== 
Styles for footer 
===================*/
#footer {
	border-top: 2px solid #0D254F;
	clear: both;
	padding: 5px;
	background-color: rgb(255, 255, 255);
	text-align: center;
}
#footer p {
	margin-top: 0px;
	margin-bottom: 0px;
}
/*================== 
general styles 
=================*/
hr {
	width: 50%;
	text-align: center;
	background-color: #004145;
	height: 5px;
}
/* =================
Styles for heading tags 
=============== */
h1, h2, h3, h4 {
	color: #183D4A;
	background-color: inherit;
}
h1 {
	padding: 2px 2px 2px 8px;
	font-size: 1.5em;
	background: #CBDDE4;
}
h2 {
	font-size: 1em;
}
h3 {
	font-size: .9em;
}
h4 {
	font-size: .9em;
}
/*================
used to center anything
==============*/
.center {
	text-align: center;
}
/*================
Makes images scale to % of width
==============*/
.width100 {
	width: 100%;
}
.width90 {
	width: 90%;
}
.width80 {
	width: 80%;
}
.width70 {
	width: 70%;
}
.width60 {
	width: 60%;
}
.width50 {
	width: 50%;
}
.width40 {
	width: 40%;
}
.width30 {
	width: 30%;
}
.width20 {
	width: 20%;
}
.width10 {
	width: 10%;
}
/* ============
floats images to right or left
============*/
.imgrgt {
	float: right;
	padding: 7px;
}
.imglft {
	float: left;
	padding: 7px;
}
/*============ 
For Google search box 
==============*/
.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: #182733;;
	color: #FFFFFF;
}