body {
	font-size: medium; 
	font-family: Arial, Helvetica, sans-serif;
	color: #191970; 
	background-color: white;
	background-image: url(/images/background.gif);
	margin: 0;
	padding: 4em 0.5em 0.5em;
}
/* ie win hack, */
* html body {
	padding: .5em;
}
/* end ie hack */
	
img {
	border: 0;
}
a img {
	border: 0;
}
a  { 
	color: #191970; 
}
a:hover  { 
	color: red; 
	text-decoration: none; 
}
p {
	font-size: .8em;
}
/* table {
	font-size: .8em;
}  */
th  {
	color: #f5f5f5;
	background-color: #191970;
}
th a {
	color: #f5f5f5;
	text-decoration: none;
}
th a:hover  {
	color: #b22222;
	text-decoration: none;
}
td  {
	color: #191970;
}
h1  {
	font-size: 1.3em;
	text-align: center;
}
h2  {
	font-size: 1.1em;
}
h3 {
	font-size: 1em;
	font-weight: bold;
}
h4, h6  {
	font-size: 1em;
}
h5  {
	font-size: .8em;
}
h6  {
	color: #FF0000;
}
td label {
	padding:5px;
}
.alert {
	color: red;
	text-align: center;
}
/*
  Presidents day style
div.alert { background-color: #FDBFC2; width: 70%; margin: 0 auto; border: 1px solid red; padding: 2px;}
.alert h3, .alert p { margin: 0;}

*/
.error, .warning {
	color: red;
}
.small {
	font-size: .8em;
}
.hide {
	display: none;
}
.invisible {
	visibility: hidden;
}
.inProgress {
	display: block;
	width: 50em;
	height: 10em;
	background-color: white;
	margin: 0 auto;
	text-align: center;
}
#mhv {
	float:left;
	width:20%; 
	margin: .5em 0 0;
	background-color:#ddd;
	border: 2px solid blue;
	text-align:center;
	font-size: .7em;
	clear:both;
}
#mhv .cash, p em {
	color:green;
}
#mhv .mh {
	color:red;
}
#mhv a {
	text-decoration:none;
}
#mhv a:hover {
	color:red;
}
/* front page logo */
#logo {
	font-size: 1.5em;
	text-align: left;
	background-color: white;
	background-image: url(/images/blue_gradSmall2.gif);
	background-position: 0 -25px;
	margin: 17px 0 0;
	padding: 0 0 15px 1em;
	position: relative;
}
*>html #logo {  /* hack to get ie/mac to display logo correctly  */
	height: 1.5em;
}
#logo img {
	margin: 0;
	vertical-align: top;
}
#logo span {
	position: absolute;
	top: 14px;
	left: 188px;
	color: white;
	font-size: .8em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	border-top: 2px solid #191970;
	text-shadow: #666 3px 3px 3px;
}
* html #logo span {
	top: 10px;
	left: 175px;
	padding: 3px;
	border-top: none;
	filter: Shadow(Color=#666666, Direction=225, Strength=5);
}
/* rest of site logo */
#insidelogo {
	font-size: 1.4em;
	margin: 0 .5em;
	padding: .25em 0 0 0;
	text-align: left;
}
/* site wide footer  */
div#footer h5 {
	margin: .5em;
	width: 48%;
}
div#footer #feedback {
	float: right;
	width: 45%;
	text-align: right;
}

#login {
	margin:40px; 
	padding: 40px; 
	width:250px; height:150px; 
	border:thick outset #191970; }
#verbiage {
	position:absolute;
	top:100px;
	left:450px;
	width:300px;
	height: 486px;
}
#underlogin {
	margin-left:40px; 
	width:350px; 
	font-weight: bold; 
	font-size: .8em; 
	color: #191970;
	text-align:center;
}

/*  main manu  */
#ContractorMenu, .subnav {
	margin: 0 0 0 .5em;
	padding: 0;
	list-style: none;
}
/* ie/win hack \*/
* html #ContractorMenu {
	position: absolute;
	left: 0;
	top: 40px;
	right: 0;
}
* html .ieHover {
	height: 8em;
}
/* end hack */

#ContractorMenu li, .subnav li {
	padding: 0;
	margin: 0;
	float: left;
	width:16.6%;
	list-style: none;
	text-align: center;
	white-space: nowrap;
	font-weight: bolder;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 76%;  /* 8pt; */ 
	font-style: italic
}
.subnav li {
	width: 50%;
}
#ContractorMenu li a, .subnav li a {
	padding: 2px;
	display: block;
	border-top: 2px #0000CC solid;
	border-left: 2px #0000CC solid;
	border-bottom: 3px #000066 solid;
	border-right: 4px #000066 solid;
	color: #FFFFFF	; 
	text-decoration: none; 
	background-color: #191970
	}

#ContractorMenu li a:hover, .subnav li a:hover, .ieHover {
	display: block;
	background-color: #191970;
	color: #FFFF00;
	}
#ContractorMenu li.external a {
		background-color: #191970;
		color:#f88;
}

#ContractorMenu .ContractorMenuDown {
	font-weight: bolder;
/*	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-style: italic */
	}

#ContractorMenu .ContractorMenuDown a {
/*	padding: 2px;
	display: block;   */
	border-top: 2px #222288 solid;
	border-left: 2px #222288 solid;
	border-bottom: 3px #7777DD solid;
	border-right: 4px #6666CC solid;
	color: #191970	; 
	text-decoration: none; 
	background-color: #CCCCCC	
}
.ContractorMenuDown {
/*	padding: 2px;
	display: block;   */
	border-top: 2px #222288 solid;
	border-left: 2px #222288 solid;
	border-bottom: 3px #7777DD solid;
	border-right: 4px #6666CC solid;
	color: #191970	; 
	text-decoration: none; 
	background-color: #CCCCCC	
}

#status {
	width: 100%;
	font-size: .8em;
}
#status th {
	background-color: #191970;
	color: white;
}
#status, #status th, #status td {
	border: 1px solid;
	vertical-align: top;
}
#status table {
	margin-left: 2em;
}
#status table td {
		border: none;
}
#status .ControlNum {
	width: 100px;
}

#RequestForm table {
	width: 100%;
	border: 0;
}
#RequestForm th {
	background-color: transparent;
	color: #191970;
	font-weight: bold;
	text-align: left;
}
#RequestForm .highlight {
	color: red;
}

#expense strong {
	text-decoration: underline;
}
#expense table {
	border: 1px solid #191970;
	font-size: .8em;
}
#expense td {
	text-align: center;
	vertical-align: top;
}
#expense table select, #expense table input {
	width: 9em;
	display: block;
	margin: 0 auto;
}
#roofType td {
	padding: .5em;
}

#subNav {
	position: relative;
}
#subNav:hover ul, #subNav.ieHover ul {
	display: block;
	margin: 0;
	padding: 0;
	left: auto;
}
#subNav.ieHover ul {
	left: 0;
}

#subNav ul {
	padding: 0;
	margin: 0;
	top: auto;
	left: -999em;
	list-style: none;
	position: absolute;
	width: 100%;
}
#subNav ul  li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	width: 100%;
}
#subNav ul  li a {
	display: block;
	margin: 0;
	padding: 0;
}
#header {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;  
	background-image: url(/images/background.gif);
	margin: 0;
	padding: 0;
}
/*  ie win hack, */
* html #header {  
	position: static;
	width: 100%;  
	margin-bottom: 25px;
}
/* end ie win hack */
#textSize {
	float: right;
	width: 9em;
	list-style: none;
	margin:0;
	padding: 0;
}
#textSize li {
	float: left;
	margin:0;
	padding: 0;
	width: 1em;
}
#textSize li.label {
	width: 5em;
}
#textSize li a {
	display: block;
	text-decoration: none;
}
.textSmall {
	font-size: small;
}
.textMedium {
	font-size: medium;
}
.textLarge {
	font-size: large;
}
#DataFrame {
	visibility: hidden;
	width: 0;
	height: 0;
}
#datanewswrapper {
	position: absolute;
	top: 60px;
	left: 0;
	width: 99%;
	height: 87.5%;
	margin: 0 0 0 .5em;
	padding: 0;
	border: none;
	background: red;
}
#photoForm {
	width: 100%;
}
#photoForm table {
	width: 100%;
}
#photoForm .selectlabel {
	padding-top: .5em;
	text-align: right;
}
#photoForm th {
	width: 2em;
	text-align: center;
	font-size: 2em;
	color: white;
	padding: .5em;
}
#photoForm td table td {
	padding: .35em;
}
#photoForm .stepOne td {
	background: #fcc;
}
#photoForm .stepOne th {
	background: #c00;
}
#photoForm .stepTwo td {
	background: #ffd;
	vertical-align: top;
}
#photoForm .stepTwo th {
	background: yellow;
	color: black;
}
#photoForm .stepTwo table {
	width: 100%
}
#photoForm .stepTwo .odd td {
	background: #ff9;
}
#photoForm .stepThree td {
	background: #9f9;
}
#photoForm .stepThree th {
	background: #060;
}

.pacifyHide {
	visibility: hidden;
}
.pacifyShow {
	vertical-align:sub;
	visibility: visible;
}
.obnoxious { color: #f00; background-color: #0f0; 
	font-size: larger; font-weight: bold; text-align:center; }
.boldunder { font-weight: bold; text-decoration: underline }
.boldred {  font-weight: bold; color: #FF0000}
.tinyitbld { font-size: x-small; font-style: italic; font-weight: bold}
#payDetail {
	border:1px solid #191970;
}
#payDetail th {
	border-left:1px solid white;
}
#payDetail td {
	border-left:1px solid #191970;
	border-bottom: 1px solid #191970;
}

/* new photo page */
.stepOne, .stepTwo, .stepThree {
  overflow: hidden;
  padding: 0 0 1em 1em;
  margin: 10px 0;
}

.stepFlag {
  float: right;
  font-size: 3em;
  text-align: center;
  color: white;
  background-color: red;
  margin: 0;
  width: 2em;
}

.stepTwo .stepFlag { background-color: yellow;}
.stepThree .stepFlag { background-color: green;}


#PhotoUploadArea {
  float: right;
  width: 200px;
  min-height: 70px;
}

#PhotoUploadArea object {
  display: block;
  width: 200px;
  height: 70px;
}

.PhotoRow {
  margin-bottom: 5px;
}

.PhotoRow ul, .PhotoRow li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.PhotoRow .PhotoThumbArea {
  float: left;
  margin-right: 10px;
  width: 100px;
  text-align: center;
}

.PhotoRow .PhotoThumbArea img {
  width: 100%;
}

.PhotoControlsArea {
  margin-left: 110px;
}

.PhotoControlsArea input {
  color: #444;
}

.PhotoControlsArea .DefaultText {
 font-style: italic;
}

#Photos .Actions  {
  margin-top: 4px;
  width: 400px;
}

#Photos .Actions ul a {
  height: 24px;
  padding-left: 16px; 
  background-repeat: no-repeat;
}

#Photos .Actions .RotateLeft a {background-image: url("/images/refresh-left.gif"); }
#Photos .Actions .RotateRight a {background-image: url("/images/refresh.gif"); }
#Photos .Actions .Delete a { background-image: url("/images/x-red.gif"); }

.UploadProgress {
  background-color: #FFFFFF;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #C5C5C5;
  border-bottom: 1px solid #C5C5C5;
  margin-top: 10px;
  width: 100%;
}

.UploadProgressBar {
  background-color: #0099FF;
  width: 1px; 
  height: 3px;
}

.PhotoRow .UploadName img {
  float: right;
  width: auto;
}

#PhotoInstructions {
  width: 50%;
  padding: 1em;
  font-weight: bold;
  font-style: italic;
  text-align: center;
}

@media print {
body {
	padding-top: .5em;
	position: static;
}
#header {
	display: none;
}
#mhv {
	display: none;
}
#status form {
	display: none;
}
#footer {
	display: none;
}