/* Container defaults */   
h1 { color: #133D65; }  
h2, h3 {color:#9C3F13;}  
#wrapper {border-top: 2px #9C7C13 solid;}  
#contents {border: 2px #9C7C13 solid;}  
#navigation ul, #navigation li, #subnavigation ul, #subnavigation ul li {   
	list-style: none;   
	margin: 0;   
	padding: 0;   
}   
/* Topic header: largest banner on page. */   
#header {   
/*	background-color: #3B6C9C;  
	border-bottom: 1px solid :#000000;   */
	margin-top: 20px;  
	height: 100px;  
	background: #3B6C9C url(/hep/images/banner.png) top right no-repeat; border-bottom: solid 1px #414D5B; color: #000; 
}   
#header #pageheading {    
	float: left;   
	margin: 0 0 -5px 0;   
	padding: 0 5px;   
	font-size: 175%;   
	font-weight: bold; 
}
#hephead, #hepfoot { background-color: #ECECCB; }
#hepfoot a { color: #222; background-color: transparent; } 
#navigation { background: none; }  
#navigation  ul { margin-left: 18%; padding-left: 1px }  
/* Planning Tab */	  
#navigation ul li.plan {   
    background: transparent url(/hep/images/tabplanend.png) left top no-repeat;   
    padding: 0 0 0 3px;   
    margin: 0 3px 0 0;  
}  
#navigation a.plan, #navigation a.plan:visited {  
   	background: transparent  url(/hep/images/tabplanlong.png) right top no-repeat ;  
    padding: 5px 10px 4px 7px ;  
	text-decoration: none;  
	color: #000;  
}  
/* Environment Tab */  
#navigation ul li.env {   
    background: transparent  url(/hep/images/tabenvend.png) left top no-repeat;   
    padding: 0 0 0 3px;   
    margin: 0 3px 0 0;  
}  
#navigation a.env, #navigation a.env:visited {  
   	background: #fff url(/hep/images/tabenvlong.png) right top no-repeat ;  
    padding: 5px 10px 4px 7px ;  
	text-decoration: none;  
	color: #000;  
}  
/* Realty Tab */  
#navigation ul li.real {   
    background: #fff url(/hep/images/tabrealend.png) left top no-repeat;   
    padding: 0 0 0 3px;   
    margin: 0 3px 0 0;  
}  
#navigation a.real, #navigation a.real:visited {  
   	background: #fff url(/hep/images/tabreallong.png) right top no-repeat ;  
    padding: 5px 10px 4px 7px ;  
	text-decoration: none;  
	color: #000;  
}  
#navigation ul li:hover, #navigation ul li.current {   
	background-image: url(/hep/images/tabend_hvr.png);   
	background-repeat: no-repeat;  
	background-position: left top;  
	background-color: transparent;   
	border-bottom: 1px solid #fff;  
	margin-bottom: -1px;  
	}	  
#navigation a:hover, #navigation a.current, #navigation a.current:hover {   
	background-image: url(/hep/images/tablong_hvr.png);   
	background-repeat: no-repeat;  
	background-position: right top;  
	background-color: transparent;   
	border-bottom: 1px solid #fff;  
	margin-bottom: -1px;  
	}   
#subnavigation {   
	width: 18%;   
	float: left;    
	margin-bottom: 20px;   
}   
#subnavigation p {   
	margin: 0px;   
	padding: 5px 2px;   
	font-size: 75%;   
	text-align: center;   
	background: url(/images/hep/bg_subnavovr.png) repeat-x bottom;   
}   
div#subnavigation ul li a {
	background-color: #DDDEBA;
	border-bottom: 1px solid #AFB09F;
}
div#subnavigation ul li ul li a {
	background-color: #E8EEF6;
	border-bottom: 1px solid #F2EDDE;
	border-left: 5px solid #AFB09F;
}
div#subnavigation ul li ul {
	border-bottom: 1px solid #777;
	}
div#subnavigation ul li a:hover
, div#subnavigation ul li a.current {
	background-color: #CBCD97;
	border-left-color: #CBCD97;
}  
/* Related items box on the right */  
#contacts {  
	background-color: #fff;  
	color: #000;  
	border: 1px solid #000;  
	}  
#contacts p.contacttitle {  
	background-color: #3B6C9C;  
	color: #fff;  
	font-size: 90%;  
	border-bottom: 1px solid #000;  
	}  
#contacts p {  
	color: #000;  
	padding: 5px 10px;  
	white-space: normal;  
	text-align: left;  
	background-image: none;  
	}  
#contacts ol {  
	list-style-type: square;  
	}  
#contacts ol li {  
	font-size: 90%;  
	background: none;  
	}  
#contacts a {  
	font-weight: bold;  
	text-decoration: none;  
	}   
/* containers within #related on the right of content */   
#related {   
	width: 18%;   
	float: right;   
	margin: 0 5px;
	} 
.w20 {
	width: 20%!important;   
}
.w85 {
	width: 85%!important;   
}
#related p.relatedtitle {   
	background-color: #3B6C9C;  
	color: #fff;  
	font-size: 120%;  
	border-bottom: 1px solid #000;  
	padding-left: 8px;  
}  
#related .relateditem ul ul { margin: 0; }   
#related .relateditem .viewer {   
	margin: 10px 15px;   
	}   
/* Calendar styles */  
.hrline {  
	width: 85%;  
	color: #000066;   
	background-color: #000066;   
	height: 7px;  
	}  
.hrthin {  
	width: 100%;   
	border-top: 1px #000066 solid;   
	}  
.nopad {   
	margin: 0; padding: 0   
	}  
h2.caldate {  
	color: #ffffff;  
	background-color: #3B6C9C;  
	padding: 3px;  
	}  
h3.caloffice {  
	color: #000000;  
	background-color: #EAEBD5;  
	padding: 3px;  
	}  
.bottom {  
	border-top: 1px solid #000000;  
	margin: 25px 0 15px 0;  
	}  
.calhepp {  
	font-size: 14px;  
	font-weight: bold;  
	color: #800080;   
	}  
.calhepe {  
	font-size: 14px;  
	font-weight: bold;  
	color: #006600;   
	padding-bottom: 0;  
	margin-bottom: 0;  
	}  
.calhepr {  
	font-size: 14px;  
	font-weight: bold;  
	color: #336699;   
	}  
.topmargin {  
	font-size: 15px;  
	text-align: left;   
	padding: 15px 0 10px 0;  
	}  
table.directory {  
	border-collapse: collapse;  
	border-spacing: 0;  
	width: 100%;  
	margin-bottom: 2em;  
}  
table.directory caption {  
	margin: 0 0 3px 0;  
	text-align: left;  
	color: #3B6C9C;  
	font-size: 1em;  
	font-weight: bold;  
}  
table.directory th {   
	font-size: .85em;  
	color: #203B56;  
	background-color: #e5e5e5;  
	padding: 2px 6px;  
	border-bottom: 2px solid #6678b1;  
}  
table.directory td {  
	font-size: .8em;  
	border-bottom: 1px solid #ccc;  
	color: #000;  
	padding: 6px 8px;  
}  
table.directory tr:hover {  
	background-color: #e5e5e5;  
}  
 
/* contact page styles */  
p.topicindex {  
       width: 100%;  
       text-align: left;  
       margin-left: 5px;  
       padding-left: 0;  
       }  
p.topicindex a {  
	display: inline;  
	margin-right: 6px;  
	}  
#pagecontents a.nouline { text-decoration: none; }  
table.events { 
	border-collapse: collapse; 
	border-spacing: 0; 
	width: 100%; 
} 
table.events th.monthrow { 
	border-top: 2px solid #3B6C9C; 
	border-bottom: 2px solid #3B6C9C; 
	font-size: 1em; 
	font-style: italic;
	color: #203B56;
	background-color: #EAEBD5; 
} 
table.events th.daterow { 
	font-size: .85em; 
	border-top: 1px solid #B5C6D1;
	white-space: nowrap;
} 
table.events th, table.events td {  
	font-size: .9em; 
	color: #039;
	background-color: transparent;
	padding: 8px 8px; 
	vertical-align: top; 
}
table.events td, table.events td a { 
	font-size: .9em; 
} 
table.events td { 
	border-top: 1px solid #B5C6D1; 
} 
table.events td p { 
	margin: 0; 
	padding: 0; 
} 
table.events tr:hover { 
	background-color: #EEEFDA;
	color: inherit;
} 
table.events td a.more { 
	float: right; 
}