/* Replace your current styles as follows: */
body {
	margin: 0px;                                     /* no margin around document body */
	padding: 0px;					 /* no padding around document body */
	font-family: Arial, Helvetica, sans-serif;       /* default font family */
	font-size: 11pt;                                 /* default font size (should be 11px) */
	color: #36464F;                                  /* default text color */
	background-color: white;                         /* document background */
}

p { margin: 12px 0px; }

A:link { Color: #326EAC; Text-Decoration:None;  font-weight: normal; }
A:active { Color: #326EAC; Text-Decoration:underline;  font-weight: normal; }
A:visited { Color: #326EAC; Text-Decoration:None;  font-weight: normal; }
A:hover { Color: #E6450F; Text-Decoration:underline;  font-weight: normal; }
A img {	border: none;  } /* link images with no border */

form { margin: 0px; }  /* IE sets useless margins around forms */

h1 { color:#326EAC ;}

/* --------------- Header Required Styles --------------- */
/* --------------- Top Menu next to the Logo --------------- */
td.topmenu { Color: #ff3700; font-size: 8pt; padding: 3px 10px 0px 0px;  }
A:link.topmenu { font-size: 8pt;}
A:active.topmenu { font-size: 8pt;}
A:visited.topmenu { font-size: 8pt;}
A:hover.topmenu {font-size: 8pt;}

/* --------------- Application or Facility Name --------------- */
.ApplicationFacility { font-size: 28pt; font-weight: bold; font-style: italic; color: #696969;  }
.ApplicationLocation { font-size: 14pt; font-weight: bold; color: #696969;  }
.Welcome { font-size: 9pt; padding: 0px 10px 5px 0px; }


/* --------------- Footer Styles --------------- */
.Footer { font-size: 8pt; text-align: center;}


/* --------------- Menu under the logo --------------- */
td.topmenu1 { BACKGROUND-COLOR: #326EAC; 
	      color:#ffffff;
              BORDER: 1px solid #326EAC; 
	      font-size: 12pt;    }

td.topmenu2 { BACKGROUND-COLOR: #326EAC; 
	BORDER: 1px solid #326EAC; 
	BORDER-RIGHT: 1px solid #ffffff; 
	font-size: 0pt;    }
A:link.topmenu2 { Color: #ffffff; font-size: 9pt;}
A:active.topmenu2 { Color: #ffffff; font-size: 9pt;}
A:visited.topmenu2 { Color: #ffffff; font-size: 9pt;}
A:hover.topmenu2 { Color: #E6450F; font-size: 9pt;}

/* --------------- Left Menu --------------- */
td.leftmenu1 { BACKGROUND-COLOR: #326EAC;
               color: #ffffff;
	       font-size: 12pt;    }

td.leftmenu2 { BACKGROUND-COLOR: #326EAC;
               color: #ffffff;
	       font-size: 8pt;
               padding: 0px 0px 4px 5px;    }
A:link.leftmenu2 { Color: #ffffff; font-size: 8pt;}
A:active.leftmenu2 { Color: #ffffff; font-size: 8pt;}
A:visited.leftmenu2 { Color: #ffffff; font-size: 8pt;}
A:hover.leftmenu2 { Color: #E6450F; font-size: 8pt;}

.indented
   {
   text-align: justify;
   padding-left: 10%;
   padding-right: 10%;
   }

.mainfont { font-family: Arial, Helvetica, sans-serif;
            font-size: 11pt;  }

.calendar { font-size: 10pt;}
/* --------------- Normal Cell --------------- */
td.normalcell {padding: 5px 5px 5px 5px;    }

/* --------------- Scroller Header --------------- */
td.scrollheader {padding: 5px 5px 5px 5px;
                 background-color: #ffffff;
                 color: #326EAC;
                 font-size: 10pt;
                 font-weight: bold;
                 font-style: italic;
                 text-align: center;
                 vertical-align:middle;
                 border-width: 1px;
                 } 
/* --------------- Mission Statement --------------- */
table.mission {
	border-width: thick;
	border-spacing: ;
	border-style: outset;
	border-color: #326eac;
	border-collapse: separate;
	background-color: white;
}
th.mission {
	border-width: 1px;
	padding: 1px;
	border-style: none;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
td.mission {
	border-width: 1px;
	padding: 1px;
	border-style: none;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}


/* --------------- Color Palette --------------- */
.ColorPalette { padding: 5px;}
/* Primary Colors */
.Orange {BACKGROUND-color: #FF3700; color: #ffffff; }  
.Gray  {BACKGROUND-color: #C5BCA4;}
.DarkGray {BACKGROUND-color: #696969; color: #ffffff; } 

/* Secondary Colors */
.Purple {BACKGROUND-color: #865F7F;}
.LightPurple {BACKGROUND-color: #8B819E;}
.Blue {BACKGROUND-color: #5C7F92;}
.LightBlue {BACKGROUND-color: #9DB1C9;}
.Green {BACKGROUND-color: #70A489;}
.LightGreen {BACKGROUND-color: #BAC48C;}
.Tan {BACKGROUND-color: #C88F42;}
.LightTan {BACKGROUND-color: #AA9E6E;}
.PaleGray {BACKGROUND-color: #DCD4C2;}


/* --------------- Styles to draw Boxes on the page --------------- */

.OrangeBox {
	width: 283px; 
	padding: 0px; padding-bottom:2px; margin-bottom: 8px;
	font-size : 11px ; color: #414042;
	background-color: #DDDEDB;
	background-image:url(/80hsm/Images/bkgbottomtools.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.OrangeBox p {
	margin: 0px 8px 8px 0px;
	padding-left: 9px;
	border-left: 1px;
	border-right: 1px;
}
.OrangeBox h1 {
	color: #ffffff;
	font-size: 1em;
	margin: 0px;
	padding: 5px 9px;
	background-image:url(/80hsm/Images/bkgtools.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

.OrangeBoxLinksOnly A:link { Color: #414042; }
.OrangeBoxLinksOnly A:active { Color: #414042; }
.OrangeBoxLinksOnly A:visited { Color: #414042; }
.OrangeBoxLinksOnly A:hover { Color: #E6450F; }
}
.OrangeBox h2, .DarkGrayBox h2, .LightGrayBox h2 {
	color: #FF3700;
	font-size: 1em;
	margin: 0px;	
}

/* --------------- Dark Gray entry box --------------- */

.DarkGrayBox {
	padding-bottom : 8px;
	color: #063868;
	font-size : 11px ;
	width : 500px ;
	background-color: #ffffff;
	background-image:url(/80hsm/Images/bkgbottomintegration2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float:left;
	border-color: #6B6B6B;
}
.DarkGrayBox h1 {
	color: #ffffff;
	font-size: 1em;
	margin: 0px;
	padding: 5px 9px;
	background-image:url(/80hsm/Images/bkgintegration2.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;

}
.DarkGrayBox td  {
	border-left:  1px Solid #6B6B6B;
	border-right:  1px Solid #6B6B6B;
	background-color: #ffffff;
	margin: 0px 8px 8px 0px;
	padding-left: 9px;
	background-image: none;	
}
.DarkGrayBox p, .LightGrayBox p{ color:#999999; margin: 2px 0px; }

/* --------------- Light Gray entry box --------------- */
.LightGrayBox {
	margin-top:15px;
	padding-bottom : 8px;
	color: #063868;
	font-size : 11px ;
	width : 248px ;
	background-color: #ffffff;
	background-image:url(/80hsm/Images/bkgbottomWhite2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	border-color: #ADADAD;
}
.LightGrayBox h1 {
	color: #ffffff;
	font-size: 1em;
	margin: 0px;
	padding: 5px 9px;
	background-image:url(/80hsm/Images/column2dark2.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
.LightGrayBox td  {
	border-left:  1px Solid #ADADAD;
	border-right:  1px Solid #ADADAD;
	background-color: #ffffff;
	margin: 0px 8px 8px 0px;
	padding-left: 9px;
	background-image: none;
}
.LightGrayBoxPadding {
	float: Left;
	width: 6px;
	border-color: 2px #ADADAD;
}