@media screen, print {
body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:.95em;
	padding: 0; 
	margin: 0;}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;}
	
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;}

li {
	font-family: Verdana, Arial, Helvetica, sans-serif;}

#spacerdiv {
	margin: 0;
	padding: 0px; 
	background: #fff;}

#dhsdiv {
	margin: 0; 
	padding: 0;
	width: 99.8%;
	background-color: #fff;}

#dhsdiv h1 {
	text-transform: uppercase;
	color: #7BA9A9; 
	font-family: Garamond, serif;
	background-color: #fff;}

div#hph1 {
	margin: -18px 0 0 0; 
	padding: 0;}

h1.logo { 
	float: left;
	width: 115px;
	text-align: center;
	margin: 22px 0 0 0;
	padding: 0;}

h1.name {
	float: left;
	font-size: 1.4em; 
	padding: 0; 
	margin: 25px 0 0 0;
	background-color: #fff;
	width: 30%;
	height: 70px;}

div#pics {
 	float: right;
	width: 55%;
	height: 72px;
	overflow: hidden;
	margin: 15px 0 0 0; 
	padding: 0; 
	text-align: right;}

#pics img {
	margin: 5px 3.5px 0 0;
	padding: 0; 
 	width: 100px;
	height: 65px;
	border: 1px solid #666;}

h1.acronym { 
	float: left;
	font-size: 4.5em;
	margin: 22px 0.2em 0 0.1em;
	padding: 0;  	
	line-height: 0.9em;
	background-color: #fff;}

h1.acronym a{ 
	color: #7BA9A9; 
	background-color: #fff;
	text-decoration: none;}

h1.acronym a:hover{ 
	color: #7BA9A9; 
	background-color: #fff;
	text-decoration: none;}

h1.acronym a:visited{ 
	color: #7BA9A9; 
	background-color: #fff;
	text-decoration: none;}

div#rotatingpics {
	height: 68px;
	overflow: hidden;
	margin: 0; 
	padding: 0; 
	text-align: left;}

#rotatingpics img {
	margin: 0 5px 0 0;
	padding: 0; 
	border: 1px solid #000;
 	width: 100px;
	height: 65px;}

#searchdiv {
	float: right;
	padding: 2px 0 2px 0;
	margin: 2px 3.5px 0 0;}

.searchform {
	padding: 0;
	margin: 0;
	white-space: nowrap;}

.searchform fieldset {
	border: none; 
	margin: 0;
	padding: 0;}

.searchform input {
	border: 1px solid #3F3331;
	padding-left: 0.1em;
	font-weight: bold;
	background-color: #F7EFDB;}

.searchbutton {
	border: #3F3331 1px solid;
 	background-color: #F2E3C0;
	padding: 0; 
	margin: 0; 
	font-weight: bold; 
	font-size: 0.8em; 
	color: #036; 
	font-family: Verdana, Arial, Helvetica, sans-serif;} 

#dhsdiv h1.secondheading {
	clear: left; 
	float: left; 
	width: 70%;
	font-size: 1.4em; 
	padding: 0 0 2px 0; 
	margin: 2px 0 0 1px;
	background-color: #fff;}

/* push code */
.push {position:absolute;left:-5000px;width:100px;}

/* skip to somewhere - <span class="skip"><a id="top">&nbsp;</a></span> fixes hasLayout bug in IE */
.skip { position:absolute; margin:0; padding:0; font-size:.001em;}

/* code to make the push link show upon tab navigation */
a:active.push, a:focus.push, div a:active.push, div a:focus.push { position:static; width:auto; height:auto; left:0; background:#c1c1c1; color:#3F3331; }	

a:active, a:focus, a:hover {color:#003; text-decoration: none;}
a:visited {color: #c00;}


/* clearfix for floats in div */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */
/* end clearfix */
/* IE/Win Guillotine Bug fix caused by links in a float. Add a block element around the links and apply clearfix and style the margin 0  */
.nomargins{ 
	margin: 0 auto;}

.listnav li a { 
	white-space: nowrap;}

#navbar{
	clear: both; 
	font-size: small; 
	margin: 0; 
	padding: 0; 
	width: 100%; 
	font-family: Verdana, Arial, Helvetica, san-serif; 
	list-style-type: none; 
	background-color: #587878; 
	text-align: center;}

#navbar UL {
	padding: 0;
	margin: 0;}

#navbar UL LI{ 
	display: inline;}

#navbar UL LI A{
	line-height: 2.1em;
	padding: 0.2em 0.5em;
	color: #fff; 
	background-color: #587878;
	text-decoration: none; 
	font-weight: bold;}

#navbar UL LI A:hover{
	color: #fff;
	background-color: #98B3B3;
	border-top: 2px solid #587878; 	
	border-bottom: 2px solid #587878;}

#leftnav{ 
	clear: both; 
	font-size: small; 
	margin-right: 10px; 
	padding: 8px; 
	width: 115px;
 	float: left; 
	font-family: Verdana, Arial, Helvetica, san-serif; 
	background-color: #dfebf7;
	text-align: left; 
	display: block;}

#leftnav A{
	color: #006; 
	text-decoration: underline;}

#leftnav A:hover{
	color: #006; 
	background: #dfebf7; 
	text-decoration: none;}

#footer{
	clear: both; 
	padding-top: 0.5em; 
	padding-right: 0.5em; 
	padding-bottom: 0.5em;
 	padding-left: 0.5em;  
	border-top-width: 1px; 
	border-top-style: solid; 
	border-top-color: #123466; 
	text-align: center;
	background-color: #fff;}

#footer a{
	color: #3F3331;
	padding: 0.2em 0.4em 0em 0.4em;
	line-height: 1.1em;}

#footer a:hover{
	background-color: #98B3B3;
	color: #3F3331;
	text-decoration: none;
	padding: 0.2em 0.4em 0em 0.4em;
	line-height: 1.1em;}

#slogan{ 
	font-weight: bold;
	color: #7BA9A9; 
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: medium;}

#watermark{
	color:#98B3B3; 
	font-family: Verdana, Arial, Helvetica, san-serif; 
	font-size: small;}

#body{
	width: 99%;
	margin: auto;
	padding-left: 0.5em;
}

.columnLeft{
	background-color: white;
	color: black;
	float: left;
	width: 26%;
	margin: 1em 0 0 0;}

.centercolumn{
	background-color: white;
	color: black;
	float: left;
	width: 45%;
	margin: 1em 0.5em 0em 0.5em;}

.columnRight{
	background-color: white;
	color: black;
	float: left;
	width: 26%;
	margin: 1em 0 0 0;}

.portlet{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #A19F8A;
	padding: 0px;
	margin-bottom: 10px;
	background-color: #F7EFDB;}

.portletTitle{
	border-bottom: 1px solid #A19F8A;
	background-color: #F2E3C0;
	margin-top: 0;
	padding: 5px 0 5px 0;
	display: block;
	color: #3F3331;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	letter-spacing: 1px;}

.portlet a{
	display: block;
	color: #3F3331;
	padding: 0.1em 0.4em 0.1em 0.4em;
	line-height: 1.1em;}

.portlet a:hover{
	display: block;
	background-color: #98B3B3;
	color: #3F3331;
	text-decoration: none;
	padding: 0.1em 0.4em 0.1em 0.4em;
	line-height: 1.1em;}

.portlet p {
	padding: 0 0.5em 0 0.5em;}


.portlet img {padding: 10px;}

h1{
	color: #123466; 
	font-family: Verdana, arial, sans-serif;
	font-size: x-large;
	font-weight: bold;}

h2 {
	color: #123466; 
	font-family: Verdana, arial, sans-serif;
	font-size: x-large;
	font-weight: bold;}

h3 {
	color: #7BA9A9;
	font-family: Verdana, arial, sans-serif;
	font-size: large;
	font-weight: bold;}

h4 {
	color: #000000;
	font-family: Verdana, arial, sans-serif;
	font-size: medium;
	font-weight: bold;}

h5 {
	color: #000000;
	font-family: Verdana, arial, sans-serif;
	font-size: small;
	font-weight: bold;}

h6 {
	color: #000000;
	font-family: Verdana, arial, sans-serif;
	font-size:  x-small;
	font-weight: bold;}

/*styles for title (no link) on left side navigation*/ 
.sidetitle {
	display: block;
	padding: 0.1em 0.4em 0.1em 0.5em;
	color:#000;
	font-weight:bold;
	font-size:.95em;
	font-family:arial, sans-serif;}

/*style for hyperlinks in left side navigation*/
A.sidebar {
	display: block;
	padding: 0.1em 0.4em 0.1em 0.5em;
	color:#000;
	font-weight:bold;
	font-size:.90em;
	font-family:arial, sans-serif;
	text-decoration:none;
	text-align:left;}

A.sidebar:visited {
	padding: 0.1em 0.4em 0.1em 0.5em;
	color:#000;
	font-weight:bold;
	font-size:.90em;
	font-family:arial, sans-serif;
	text-decoration:none;
	text-align:left;}

A.sidebar:hover {
	color:#000;
	font-weight:bold;
	font-size:.90em;
	font-family:arial, sans-serif;
	text-decoration:underline;
	text-align:left;}

/*style for hyperlinked text left side navigation*/ 
A.titlelink {
	display: block;
	padding: 0.1em 0.4em 0.1em 0.5em;
	color:#000;
	font-weight:bold;
	font-size:.95em;
	font-family:arial, sans-serif;
	text-decoration:none;}

A.titlelink:visited {
	padding: 0.1em 0.4em 0.1em 0.5em;
	color:#000;
	font-weight:bold;
	font-size:.95em;
	font-family:arial, sans-serif;
	text-decoration:none;}

A.titlelink:hover {
	padding: 0.1em 0.4em 0.1em 0.5em;
	color:#000;
	font-weight:bold;
	font-size:.95em;
	font-family:arial, sans-serif;
	text-decoration:underline;}
/*end left side styles*/

p.box {
	font-family: "times new roman", serif;
    	font-size: medium;
    	font-weight: bold;
    	color: #000099;
	    border-width: thin;
	    border-style: solid;
	    border-color: #000099;
	    padding-left: 5px;
	    padding-right: 5px;
	    padding-bottom: 5px;
	    padding-top: 5px;}
 
.small {
	color: #000000;
	font-family: arial, sans-serif;
	font-size: small;}
     
.date {
	color: #587878;
	font-family: arial, sans-serif;
	font-size: small;
	text-align: center;} 

.formtitle{
	text-align:right;
	text-transform:uppercase;
	font-family:arial;
	font-size:.8em;
	font-weight:bold;
	color:#000000;}

.formidentifers{
	text-align:right;
	text-transform:capitalize;
	font-family:arial;
	font-size:.75em;
	color:#000000;}      
      
}

