/* Start of CMSMS style sheet 'hoh-css' */
/* CSS Document */

html, body{
	margin:0;
	padding:0;
	background-color:#3a3961; /*blue*/
	font-family:Lucida Grande, arial, sans-serif;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
text-align : center;
height:100%;
}

hr {
color:#100051;
background-color:#100051;
border-bottom:1px solid #100051;
}

iframe{
display:block;
 width:100%; 
border:none;
height:600px;

}

div#sitemap a{
color:#000;
}
div#sitemap a:hover{
color:#000;
text-decoration:underline;
}

div#contact{
width:200px;
}


p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #464748;
	line-height: 17px;
text-align:left;
}

ul.inline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	color: #464748;
	line-height: 17px;
text-align:left;
}

.head1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	font-weight: bold;
	color: #100051;
	line-height: normal;
text-align:left;

}
.head2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #100051;
	font-weight: bold;
	line-height: 18px;
text-align:left;
}

 div.test span{
  
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;  

}

div#weather{
float: right;
align: right;
padding-left:775px;
padding-right:80px;
margin-top:10px;


}

div#upper{
align : right;
}

.main {
color: #076672;
font-weight: bolder;
font-size: 18px;

}


.intro-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 6px;
	font-weight: bold;
	color: #100051;
}

.main-small{
color: #076672;
font-size: 14px;

}

/* set all links to have underline and bluish color */
a,
a:link {color: #100051;
   text-decoration: underline;
	font-weight: bold;


}
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   color: #100051; 
   text-decoration: underline;
	font-weight: bold;


}

a:visited {
   text-decoration: underline;
  color: #100051;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: underline;

   color: #100051;
}

div#main {
left: 85px;
position: relative;
width: 500px;
padding-right: 800px;
float: left;
	z-index: 3;

}

div#main2 {
width: 370px;
margin-left: -801px;
padding-right: 300px;
text-align : left;
float: right;
position: relative;

	z-index: 5;

}

div#main-inner {
width: 810px;
margin-left: -801px;
padding-right: 75px;
text-align : left;
float: right;
overflow : visible;
position: relative;
z-index:33;
}

div#inner-nav {
left: 20px;
position: relative;
width: 430px;
padding-right: 920px;
float: left;
overflow : hidden;
	text-align: left;
}

div#inner-news {
left: 40px;
position: relative;
width: 260px;
padding-right: 950px;
float: left;
overflow : auto;
	text-align: left;
}



div#logo {
	background-image: url(images/hoh-logo.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
height: 127px;	border:0px;
	position: relative;
align: center;
right: 440px;

}

div#head-text {
float: right;
padding-right: 590px;
margin-top: -30px;
font-style: italic;
color: #100051;
}

div#wrapper {
	background-image: url(images/wrapper.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	border:0px;
width: 1300px;
margin: 0 auto;
}
div#wrappert {
	background-image: url(images/wrapper-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border:0;
	margin-top: 20px;	
}
div#wrapperb {
	background-image: url(images/wrapper-bottom.jpg);
	border:0px;
	background-repeat: no-repeat;
	background-position: center bottom;
}

div#head-wrapper {
	background-image: url(images/head-wrapper.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	border:0px;
}
div#head-wrappert {
	background-image: url(images/head-wrapper-t.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border:0px;
}
div#head-wrapperb {
	background-image: url(images/head-wrapper-b.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	border:0px;
}

div#orange-wrapper {
	background-image: url(images/orange-wrapper.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	border:0px;
	overflow: visible;
	right: 315px;
}
div#orange-wrappert {
	background-image: url(images/orange-wrapper-t.jpg);
	background-repeat: no-repeat;
	background-position: top;
	border:0px;
}
div#orange-wrapperb {
	background-image: url(images/orange-wrapper-b.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border:0px;
}

div#green-wrapper {
	background-image: url(images/green-wrapper.jpg);
	background-repeat: repeat-y;
	background-position: top;
	border:0px;
	margin-left: 200px;
	left: 180px;
	top: auto;
}
div#green-wrappert {
	background-image: url(images/green-wrapper-t.jpg);
	background-repeat: no-repeat;
	background-position: top;
	border:0px;
}
div#green-wrapperb {
	background-image: url(images/green-wrapper-b.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border:0px;
}
div#healthblog {
float: left;
width: 350px;
padding: 10px;
background-image: url(images/blog-wrapper.jpg);
	background-repeat: repeat-y;
	background-position: top;
	border:0px;
	position: relative;
}

div#main3 {
text-align:left;
width: 205px;
padding-right: 75px;
float: right;
margin-left: -706px;
position: relative;
z-index:22;
height:1%;
}

div#mid-wrapper {
	background-image: url(images/mid-wrapper.jpg);
	background-repeat: repeat-y;
	background-position: center top;
overflow: hidden;
width:100%;
	border:0px;
}

div#mid-wrappert {
	background-image: url(images/mid-wrapper-t.jpg);
	background-repeat: no-repeat;
	background-position: top;
	border:0px;
margin-top: 3px;
}

div#mid-wrapperb {
	background-image: url(images/mid-wrapper-b.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border:0px;
}

div#inner-body-wrapper {
	background-image: url(images/inner-body-wrapper.jpg);
	background-repeat: repeat-y;
	background-position: center top;
overflow: hidden;
width:100%;
	border:0px;
}

div#inner-body-wrappert {
	background-image: url(images/inner-body-wrapper-t.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border:0px;
margin-top: 3px;
}

div#inner-body-wrapperb {
	background-image: url(images/inner-body-wrapper-b.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	border:0px;
}

div#footer a{
color:#FFFFFF;
}

div#foot-wrapper {
	background-image: url(images/foot-wrapper.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	border:0px;
	position: relative;
	color: #FFFFFF;

}
div#foot-wrappert {
	background-image: url(images/foot-wrapper-t.jpg);
	background-repeat: no-repeat;
	background-position: top;
	border:0px;
margin-top: 4px;
}
div#foot-wrapperb {
	background-image: url(images/foot-wrapper-b.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border:0px;
}

div#nav-wrapper {
	background-image: url(images/nav-wrapper.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border:0px;
	height: 37px;
	text-align: center;
z-index: 9;

}


}
div#nav-wrappert {
	background-image: url(images/nav-wrapper-t.jpg);
	background-repeat: no-repeat;
	background-position: top;
	border:0px;
}
div#nav-wrapperb {
	background-image: url(images/nav-wrapper-b.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border:0px;
}

div#blog-wrappert {
	background-image: url(images/blog-wrapper-t.jpg);
	background-repeat: no-repeat;
	background-position: top;
	border:0px;
}
div#blog-wrapper {
	background-image: url(images/blog-wrapper.jpg);
	background-repeat: repeat-y;
	background-position: top;
	border:0px;
	position: relative;
}
div#blog-wrapperb {
	background-image: url(images/blog-wrapper-b.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border:0px;
}


div#news-wrappert {
	background-image: url(images/news-wrapper-t.jpg);
	background-repeat: no-repeat;
	background-position: top;
	border:0px;
}
div#news-wrapper {
	background-image: url(images/news-wrapper.jpg);
	background-repeat: repeat-y;
	background-position: center top;
position:relative;
	border:0px;
}
div#news-wrapperb {
	background-image: url(images/news-wrapper-b.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border:0px;
}

img {
	border:0px;
}


/* End of 'hoh-css' */

/* Start of CMSMS style sheet 'Module: News' */
div#news {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000; 
  background: #FFE9AF;

}

div#news h2 {
   line-height: 2em;
   background: #fff;


}

.NewsSummary {
    padding: 0.1em 0.5em 1em; /* padding for the news article summary */
    margin: 0 0.5em .6em 0.5em; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #100051; 
  font-size: 100%;


}

.NewsSummary a{
  color : #100051; 
font-weight: bold;
	text-decoration: underline;

}

.NewsSummaryPostdate {
  font-size: 120%;
  font-weight: bold;
color : #100051; 

 }

.NewsSummaryPostdate a{
  
color : #100051; 

 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
  font-size: 120%;


}


.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  
line-height: 100%;

 }

.NewsSummarySummary, .NewsSummaryContent a{
color : #000000; 
 }

.NewsSummaryMorelink {
text-decoration : none;
}


.NewsSummaryMorelink a{
 color : #000000; 
}

.NewsSummaryMorelink a:hover{
 color : #000000; 
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;

  }

#NewsPostDetailSummary {
   line-height: 150%;

   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}

#NewsPostDetailHorizRule {
color : #0d6671;
}

#NewsPostDetailPrintLink a{
color: #000000;
}
#NewsPostDetailReturnLink a{
color: #000000;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}


*/
/* End of 'Module: News' */

/* Start of CMSMS style sheet 'upper menu-css' */
div#upper ul{
list-style-type: none;
}

div#upper li{
float:left;
margin: 0 0.5em;
border-right-style: solid;
padding-right :1em;
border-right-width: 1px;
}

div#upper li:last-child{
padding-right :0em;
border-right-width: 0px;
}

dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}

.activeparent {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;}

.clearfix{font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}

li.active0n h3{font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}

li.sectionheader h3 {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}

div#upper {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #464748;
float: right;
padding-right: 75px;
}

div#upper a{
color : #464748; 
}

div#upper a:hover{
color : #464748; 
text-decoration: underline;
}

li.separator {
}

/* End of 'upper menu-css' */