/* Cascading Style Sheet for fessendenhall.com */

form { 
	display: inline;
	}

body {
	font-size: .8em;
	font-family: verdana, arial, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	background-color: #000070;
	}

/* the container sizes and positions the entire page */
#container {
	position: relative;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	text-align: left;
	padding: 5 5 0 5;
	background-color: #FFFFFF;
	}

#header {
/*	height: 25px; */
	padding: 0px 0px 0px 0px;
/*	border: 1px solid #000070; */
/*	border-bottom: none; */
	}
	
#header .logo {
	float: left;
	border: none;
	}

/* content encloses the page text area(s) with blue 1px border */
#content {
	border: 1px solid #000070;
	border-top: none;
	padding: 5px 5px 6px 5px;
	}

#pagetext {
	margin-left: 250px;
	height: 600px;
	}

#pagetext .logo {
	border: none;
	float: right;
	}

#pagetextwide {
	margin-left: 0px;
/*	height: 600px; */
	}

/* Deafult/Login Page settings only */
#LoginPageTextLeft {
	position: absolute;
	width: 400px;
	}

#LoginPageTextRight {
	margin-left: 400px;
	height: 370px;
	}

#LoginPageTextRight .logo {
	border: none;
	}

#LoginPageBottom {
	text-align: center;
	}

h1 {
	color: #000070;
	text-align: left;
	font-weight: normal;
	}

.LoginTable {
	width: 100%;
	font-size: 1em;
	font-family: verdana, arial, sans-serif;
	border-collapse: collapse;
	}
	
.LoginTable td {
	width: 70%;
	vertical-align: top;
	}

.LoginTable th {
	padding-top: 3px;
	padding-right: 15px;
	width: 30%;
	vertical-align: top;
	text-align: right;
	font-weight: normal;
	}

h5 {
	color: #000070;
	text-align: center;
	margin-bottom: -3px;
	}

h6 {
	color: #000070;
	text-align: center;
	margin-bottom: 3;
	margin-top: 3;
	}

.error {
	color: red;
	border-top: 1px solid #000070;
	margin-top: 5px;
	padding-top: 5px;
	}
	
body#home li.home, 
body#product li.product, 
body#orders li.orders, 
body#reports li.reports,
body#settings li.settings {
	border-bottom: 1px solid #FFF;
	color: #000000;
	background-color: #FFFFFF;
	}

body#home li.home a:link, body#home li.home a:visited, 
body#product li.product a:link, body#product li.product a:visited, 
body#orders li.orders  a:link, body#orders li.orders a:visited, 
body#reports li.reports a:link, body#reports li.reports a:visited,
body#settings li.settings a:link, body#settings li.settings a:visited {
	color: #000070;
	background-color: #FFFFFF;
	}

a:link, a:visited, a:active {
	color: #000070;
	font-weight: bold;
	background-color: transparent;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline overline;
	font-weight: bold;
	background-color: #BBC5CF;
	}

/* =============================================== */
/* above this line tested and in use on this site    */
/* =============================================== */

h3 {
	color: #000070;
	font: 1.5em 'Times New Roman';
	font-style: italic;
	margin-top: 10px;
	margin-bottom: -12px;
	}

hr {
	color: #000070;
	height: 2px;
	width: 100%;
	text-align: center;
	margin-top: 12;
	}
		
ul#navtop {
	list-style-type: none;
	margin: 15 0 0 0;
	padding-left: 200px;
	padding-bottom: 24px;
	border-bottom: 1px solid #000070;
	font: bold 11px verdana, arial, sans-serif;
	}

ul#navtop li {
	float: right;
	width: 125;
	height: 21px;
	background-color: #000070;
	color: #FFFFFF;
	margin: 2px 4px 0 4px;
	text-align: center;
	border: 1px solid #000070;
	}
	
ul#navtop a:link, ul#navtop a:visited {
	display: block;
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
	padding: 4px;
	}
	
ul#navtop a:hover {
	background-color: #BBC5CF;
	color: #FFFFFF;
	}
	
.NavMenu {
	border-collapse: collapse;
	}
	
.NavMenu td, .NavMenu th {
	font-size: .8em;
	border-top: 1px solid #000070;
	padding: 5px 0 5px 0;
	}

.NavMenu th {
	width: 15%;
	}

.NavMenu img {
	border: none;
	}
	
#navleft {
	position: absolute;
	top: 105px;
	width: 165px;
	height: 435px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
/*	background-image: url(images/NavLeftBackground.jpg); */
	}

#navleft ul {
	list-style: none;
	margin: 0;
	padding: 75 0 0 0;
	}

#navleft li   {
	border-bottom: 1px solid #BBC5CF;
	}

#navleft li a:link, #navleft li a:visited {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #BBC5CF;
	border-right: 1px solid #BBC5CF;
	background-color: #000070;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#navleft li a:hover {
	background-color: #BBC5CF;
	color: #FFFFFF;
	}