@media screen, print {
body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:.95em;
	padding: 0; 
	margin: 0;
	background: #fff url(beigeside.gif) 0 150px repeat-y;}

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;}

input.text {
	border: 1px solid #3F3331;
	padding-left: 0.1em;
	font-weight: bold;
	background-color: #F7EFDB;}

input.select {
	border: 0 0 0 0;
	background-color: #ffffff;}

.selecttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .8em;}

#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;}

/*style for LANGUAGE in top banner*/
A.language {
	padding: 0.1em 0.4em 0.1em 0.4em;
	margin-right:0.5em;
	color:#7BA9A9;
	font-weight:bold;
	font-size:1em;
	font-style: italic;
	font-family:lucida calligraphy, Monotype cursive, sans-serif;
	text-decoration:none;
	text-align:left;}

A.language:visited {
	padding: 0.1em 0.4em 0.1em 0.4em;
	color:#7BA9A9;
	font-weight:bold;
	font-size:1em;
	font-style: italic; 
	font-family:lucida calligraphy, Monotype cursive, sans-serif;
	text-decoration:none;
	background-color: yellow;}

A.language:hover {
	color:#7BA9A9;
	font-weight:bold;
	font-size:1em;
	font-style: italic; 
	font-family:lucida calligraphy, Monotype cursive, sans-serif;
	text-decoration:none;
	background-color: yellow;}
/*end style for LANGUAGE in top banner*/

.floatleft {float: left;}

.floatright {float: right;}


#leftnav{ 
 	float: left; 
	clear: both; 
	width: 125px;
	text-align: left; 
	display: block;}

#main{
	margin-left:130px;}

#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: #123466;
	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:.85em;
	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:.85em;
	font-family:arial, sans-serif;
	text-decoration:none;
	text-align:left;}

A.sidebar:hover {
	color:#000;
	font-weight:bold;
	font-size:.85em;
	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;}

.red {
	color: red;
	font-size: large;
	font-weight: bold;}

.white{
	color: white;}
 
.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;}

.datatable {
	border: 1px solid #808080;
	vertical-align: bottom;}

.datatable th {
	background:#CCCCCC;
	border: 1px solid #808080;}

.datatable td {
	border: 1px solid #808080;}
      
}

/* begin photo caption */

.picture { 
	background-color: #F9F9F9;
	border: 1px solid #CCCCCC; 
	padding: 3px;
	font-family: arial, sans-serif;
	font-size: .775em; 
}

.picture img { 
	border: 1px solid #CCCCCC;
	vertical-align:middle; 
	margin-bottom: 3px; 
}

.right { 
	margin: 0.5em 0pt 0.5em 0.8em; 
	float:right; 
}

.left { 
	margin: 0.5em 0.8em 0.5em 0; 
	float:left; 
} 
/* end photo caption */


/* Begin news float right */
.newsfloat {
	background:#F7EFDB;
	border-left:10px solid #a19f8a;
	margin:1.5em 10px;
	padding:.5em 10px;
	background-color: #F7EFDB;
	color: black;
	float: right;
	width: 250px;
	margin: 5px 50px 5px 20px;
	padding: 10px;
	text-align: left;
	}
.newsfloattitle {
	border-bottom: 1px solid #A19F8A;
	margin-top: 0;
	padding: 5px 0 5px 0;
	display: block;
	color: #000000;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	letter-spacing: 1px;
	}
.newsfloat:before{
 	color:#D0CFC4;
	font-size:4em;
	line-height:.1em;
 	margin-right:.25em;
	}
/* End news float right */

/* Start of Text Alignment formatting*/
	.textalignleft {text-align: left;}
	.textaligncenter {text-align: center;}
	.textalignright {text-align: right;}
/* End of Text Alignment formatting*/

/* Tab Text formatting. Normal tabs are a half inch so these are set to that width instead of em or pixels */ 
	.tabone {margin-left: .5in;} 
	.tabtwo {margin-left: 1in;} 
	.tabthree {margin-left: 1.5in;} 
	.tabfour {margin-left: 2in;}
/* End of Tab Text formatting */

/* Definition list formatting */
dd {margin: 0 2em 1em;}

dt {	
	font-weight: bold;
	font-size: .95em;
	margin: 0 0 0 1em;
	font-style: italic;
	}
/* End of Definition list formatting */
.strikeouttext {text-decoration: line-through;}


/**white font hyperlinks**/
.white a:link {
	color: white;
	text-decoration: none;
}
.white a:visited{
	color: white;
	text-decoration: none;
}

.white a:hover{
	color: gray;
}

/**Start Tabs**/
div.content {
    border: 1px solid #A99660;
    clear: left;
    width: 95%;	
    padding: 1em;
    overflow: hidden;
}

div.content.inactive {
	display: none;
}

ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

/**Setting the tab font and color of the tab box**/
ol#toc a {
    background: #A99660;
    color: white;
    display: block;
    float: left;
    height: 2em;
    font-weight: bold;
    padding-left: 10px;
    text-decoration: none;
}

ol#toc a:hover {
    background-color: #7E6D44;
    background-position: 0 -120px;
    color: white;
}

ol#toc a:hover span {
    background-position: 100% -120px;
    background-color: #7E6D44;
}

ol#toc li {
    float: left;
    margin: 0 3px 0 0;
}

ol#toc li a:active {
    background-color: #7E6D44;
    background-position: 0 -60px;
    color: white;
    font-weight: bold;
}

ol#toc li a:inactive {
    color: white;
    font-weight: bold;
}

ol#toc li a:active span {
    background-position: 100% -60px;
    background-color: #7E6D44;
}

ol#toc span {
    /**background: #B2A070; <!--url("../Mock%20up%203/tabs_epht.gif") 100% 0;-->**/
    background: #A99660;    
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

/**Page contents to populate active tab. Use for generating the tabs automatically based on 
the number of tabs called for in html.  It sets the standard look for the tab content area. **/
.page-1{

    display: block;
    float: left;
    border: 1px solid #CCBFA1;
    clear: left;
    width: 95%;   
    padding: 1em;
    overflow: hidden;
}

.page-2{

    display: none;
    float: left;
    border: 1px solid #CCBFA1;
    clear: left;
    width: 95%;   
    padding: 1em;
    overflow: hidden;
}

.page-3{

    display: none;
    float: left;
    border: 1px solid #CCBFA1;
    clear: left;
    width: 95%;   
    padding: 1em;
    overflow: hidden;
}

.page-4{

    display: none;
    float: left;
    border: 1px solid #CCBFA1;
    clear: left;
    width: 95%;   
    padding: 1em;
    overflow: hidden;
}

.page-5{

    display: none;
    float: left;
    border: 1px solid #CCBFA1;
    clear: left;
    width: 95%;   
    padding: 1em;
    overflow: hidden;
}
/**End Tabs**/


/**Start Bulleted Accordion List**/
.outline {
	list-style: none;
}

.outline ul {
	list-style: none;
}

.outline li {
	cursor: auto;
}

.outline li ul li{
	list-style: disc;
	font-size: small;
	font-weight: normal;
}

/**Icon for the bullets of the + and - sign**/
.olink {
	border-style: none;
	padding-right: 5px;
}
.oimg {
	border-style: none;
}
/**End Bulleted Accordion List**/