/* hcbhp.css */
/* css hcbhp.org */
/* September 29, 2008 */

/*************************************/
/*   basic elements                  */
/*************************************/

body {
	margin: 0;
	padding: 0px;
	border: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #85876D; /*olive brown */
	}

/* zero browser default margins and padding to have nav column look right */
/* have to add margin to paragraph tag or else paragraphs have no space between them */
* {margin: 0; padding: 0;} 
	
h1, h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0; 
	}
		
h1 {
	font-size: 1.2em;
	font-weight: normal;
	padding-bottom: 0.5em;
	color: #C63F0B; /* red orange */
	padding-left: 5px;
	}
		
h2 {
	font-size: 1em;
	color: #000000;  /* black */
	font-weight: bold;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
h3, h4 {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;	
	}
	
h3 {
	margin-left: 1em;
	font-size: 0.9em;
	padding-top: 10px;
	color: #5252AB; /* purple */
	}

h3.darker {
	margin-left: 1em;
	font-size: 0.9em;
	padding-top: 15px;
	color: #333366; /* purple */
	}

h3.bg {
	margin-left: 1em;
	font-size: 0.9em;
	padding-top: 3px;
	color: #222222; /* purple */
	background-color: #D5CFF6;
	margin-top: 20px;
	padding-bottom: 3px;
	padding-left: 10px;
	}
	
h3.bgcal {
	margin-left: 0.5em;
	font-size: 0.9em;
	padding-top: 3px;
	color: #222222; /* purple */
	background-color: #D5CFF6;
	margin-top: 20px;
	padding-bottom: 3px;
	padding-left: 10px;
	}
	
h3.weblinks { /* h3 header on web links page, not blue
so as not to confuse with links on page */
	margin-left: 1em;
	font-size: 0.9em;
	padding-top: 10px;
	color: #000000; /* black */
	}
			
h4 {
	margin-left: 1.5em;
	font-size: 0.8em;
	padding-top: 5px;
	color: #5252AB; /* purple */
	}
		
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	padding: 0px;
	margin: 1em;
	}
	
p.homenews {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	padding: 0px;
	}

p.nomargin9pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	padding: 0px;
	margin-bottom: -0.5em;
	}
		
p.nomargin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 0px;
	margin-bottom: -0.5em;
	}
	
p.left25px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-left: 25px;
	}
	
p.cal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	margin-bottom: -0.5em;
	margin-left: 0.5em;
	}	
		
p.revdate { /* version date of page */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;
	color: #555555;  /* dark grey */
	margin: 0;
	text-align: left;
	padding-bottom: 10px;
	padding-left: 10px;
	}
	
p.sitename { /* home page */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #777777;  /* grey */
	text-align: center;
	padding-top: 20px;
	}
	
form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	padding: 0 0 5px 5px;
	}
	
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 0 0 5px 5px;
	}
	
tr.sans8em {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 0 0 5px 5px;
	}
	
/******************************************/         
/*   generic classes                      */
/******************************************/        
	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
.clearfix {display: inline-block;} /* fix for IE-mac */

/* hides from IE-mac \*/
*html .clearfix {height: 1%;}
.clearfix {display: block;}
/* return for IE-mac */


/*****  FONTS  *****/
	
.font08em {
	font-size: 0.85em;
	}

.font1em {
	font-size: 1em;
	}

.Arial08em {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	}

.email { /* used when typing out e-mail addresses with [at] */
	font-family: "Times New Roman", serif;
	font-size: 1em;
	}

.greytext {
	color: #444444;
	font-size: 0.8em;
	}

.greentext {
	color: #008800;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	}
	
.greentextbold {
	color: #008800;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	font-weight: bold;
	}
	
.italic085 { /* used in newsindex page */
	margin-left: 15px;
	font-size: 0.8em;
	font-style: italic;
	}

.redtext {
	color: #EE0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	}

.redtextbold {
	color: #EE0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	}

.pixlabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	padding: 5px 5px 5px 5px;
	margin: 0;
	}
	
/*****  MARGINS and PADDING *****/

.leftmargin {
	margin-left: 1em;
	}

.leftmargin50px {
	padding-left: 50px;
	padding-bottom: 20px;
	}
	
.leftmargin25px {
	padding-left: 25px;
	}
		
.pad30l50r {
	padding-right: 50px;
	padding-left: 30px;
	}
	
.pad50l100r {
	padding-right: 100px;
	padding-left: 50px;
	}	

/***** LINKS w/o UNDERLINE   *****/ 

.nolinkline a {
	text-decoration: none;
	}
		
.nolinkline a:hover {
	text-decoration: underline;
	}

/*****  MISCELLANEOUS FORMAT ELEMENTS   *****/
	
.mailink li { /* display envelope for e-mail link */
	list-style-type: none;
	list-style-image: url(imgs/icon-email.gif);
	margin-left: 3em;
	font-size: 0.8em;
	}
	
	
.pdf:before { /* display pdf icon */
	content: url(imgs/pdficon_small.gif);	
	}	
		
span.left { /* left justified */
	position: absolute;
	left: 151px;
	width: 334px;
	}
	
span.right { /* right justified*/
	position: absolute;
	right: 0px;
	width: 250px;
	}
	
.textlist ul { /* used in lists in body content, displays bullet */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	margin-left: 2em;
	list-style-type: disc;
	}

.textlist li {
	padding-bottom: 0.1em;
	}
	
/******************************************/         
/*   layout divs                          */
/******************************************/        

#mainwrap {  /* wrap for whole page */
	min-width: 760px;
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	}
	
#containerHome { /* next level of wrap for home page after mainwrap */
	/* EFF0E7 grey-white fills in container color */
	/* CFD1B5, dark tan is 130px wide to create navigation column */
	background: #EFF0E7 url(imgs/cfd1b5_fill.jpg) repeat-y top left;
	position: relative; /* CHANGE TO ABSOLUTE */
	}

#container { /* next level of wrap for all other pages after mainwrap */
	/* EFF0E7 grey-white fills in container color */
	position: relative;  
	background-color: #EFF0E7;
	border-left: solid #CFD1B5 10px;
	}
	
#contentHome { /* content area for home page */
	margin-left: 130px;
	padding-top: 20px;
	padding-right: 25px;
	text-align: left;
	border: 0;
	border-right: solid #CFD1B5 10px;
	padding-left: 10px;
	}

#contentSec { /* content area for all other pages */
	margin-left: 130px;
	padding-top: 20px;
	padding-right: 25px;
	text-align: left;
	border: 0;
	border-right: solid #CFD1B5 10px;
	border-left: solid #CFD1B5 10px;
	padding-left: 10px;
	}

#leftnav { /* left column navigation menu */
	width: 110px;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	border: 0;
	margin-left: 15px;
	margin-right: 0px;
	}
	
#siteinfo {
	padding: 5px 0px 10px 0px;
	margin: 0;
	border: 0;
	}
		
#hmenu { /* div to not display in print */
	border: 0;
	}
	
#footer {
	clear: both;
	padding: 5px 10px;
	font-size: 0.75em;
	color: #444444;
	text-align: right;
	background-color: #CFD1B5;  /* dark tan */
	}

#floatLeft { /* floating left area for photo etc */
	text-align: left;
	top: 0px;
	float: left;
	padding-left: 5px;
	padding-right: 10px;
	}
	
#floatRight { /* floating right area for photo etc */
	text-align: left;
	top: 0px;
	width: 300px;
	float: right;
	padding-top: 15px;
	padding-left: 20px;
	}

#floatRight225 { /* floating right area for photo etc  */
	text-align: left;
	top: 0px;
	width: 225px;
	float: right;
	padding-top: 5px;
	padding-left: 20px;
	}
	
#floatRight200 { /* floating right area for photo etc */
	text-align: left;
	top: 0px;
	width: 200px;
	float: right;
	padding-top: 5px;
	padding-left: 20px;
	}
	
#floatRight100 { /* floating right area for photo etc */
	text-align: left;
	top: 0px;
	width: 100px;
	float: right;
	padding-top: 5px;
	padding-left: 20px;
	}
	
#lmargin1em { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-left: 1em;
	}

#spacer10px { 
	height: 10px;
	width: 10px;
	border: 0;
	margin: 0;
	}
	
#spacer15px { 
	border: 0;
	margin: 0;
	padding-top: 15px;
	}	
		
#topnav {
	margin: 0;
	border: 0;
	padding-left: 20px;
	padding-bottom: 20px;
	}
	
/******************************************/         
/*   content header <h3> as a link        */
/*      w/o underline                     */
/******************************************/        

#headerLink {
	font-weight: bold;
	margin-left: 1em;
	font-size: 0.9em;
	padding-top: 10px;
	color: #5252AB; /* purple */
	font-family: Verdana, Arial, sans-serif;
	line-height: 0.9em;
	line-height: 1em;
	}

#headerLink a {
	color: #5252AB; /* purple */
	text-decoration: none;
	}

#headerLink a:hover {
	text-decoration: underline;
	}	

/****************************************/         
/*   form components                    */
/****************************************/        

label {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	display: block;
	float: left;
	width: 15%;
	text-align: right;
	padding-right: 5px;
	}
		
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	}

/****************************************/         
/*   print layout components            */
/****************************************/        

#prnheader { /* used in print css to replace masthead */
	display: none;
	}
	
#prnfooter { /* used in print css to replace site name and footer */
	display: none;
	}
	
/*****   MASTHEAD   *****/
						
/****************************************/         
/*   masthead divs                          */
/******************************************/        
			
#homemasthead { /* home page only */
	background: #9999FF; /* color? */
	height: 150px;
	}		
	
#mastheadsec { /* secondary page masthead with right margin graphic */
	height: 115px;
	background-image: url(imgs/secBanner.jpg);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #CFD1B5;
	}

#mastheadAbout { /* About Us page masthead with right margin photo */
	height: 115px;
	background-image: url(imgs/mast_about.jpg);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #CFD1B5;
	border: 0;
	padding: 0;
	margin: 0;
	border-right: solid #CFD1B5 10px;
	}
			
/*#mastheadHow { /* How to Help masthead 
	background: #CFD1B5;  
	height: 115px;
	background-image: url(imgs/logo-small.gif);
	background-position: 110px 0px;
	background-repeat: no-repeat;
	position: relative;
	}*/
	
/*#mastheadNews { /* Newsletter pages masthead with right margin photo 
	height: 115px;
	background-image: url(imgs/callAmazons.gif);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #CFD1B5;
	border: 0;
	padding: 0;
	margin: 0;
	}*/
	
/*#mastheadStore { /* Store page masthead with right margin image 
	height: 115px;
	background-image: url(imgs/marketplace.gif);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #CFD1B5;
	margin: 0;
	padding: 0;
	}*/
	
/*#mastheadVols { /* How to Help page masthead with right margin photo 
	height: 115px;
	background-image: url(imgs/mast_vols.jpg);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #CFD1B5;
	border: 0;
	padding: 0;
	margin: 0;
	}*/

#mastheadWriters { /* Amazon Writers pages masthead with right margin photo */
	height: 115px;
	background-image: url(imgs/writers.gif);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #CFD1B5;
	border: 0;
	padding: 0;
	margin: 0;
	}
	
#mastheadLabel { /* place Ed, Supp, and Hope over pix */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #EFF0E7;
	font-size: 1.2em;
	margin: 0;
	z-index: 1;
	float: right;
	padding-right: 15px;
	padding-top: 90px;
	}

/*#banner { /* used in contact & return pages
	top: 0px;
	width: 350px;
	position: absolute;
	margin-right: 20px;
	left: 425px;
	} */
				
#mastheadBlank { /* no bg image */
	background: #CFD1B5; /* dark tan */
	height: 115px;
	}
	
#masthead { /* use with #mastheadPix */
	background: #CFD1B5; /* dark tan */
	height: 115px;
	background-image: url(imgs/logo-small.gif);
	background-position: 110px 0px;
	background-repeat: no-repeat;
	}

/* First Pix works with IE Mac, 2nd HowR is hidden from IE Mac and is for other browsers */
#mastheadPix { /* e.g., used in Sales for Survivors page */
			   /* use with #masthead */
	top: -115px;
	overflow: visible;
	position: absolute;
	right: 0px;
	padding-right: 10px;
	z-index: 1;
	margin: 0px;
	border: 0;
	height: 0;
	padding: 0;
	}
	
#mastheadPix img {
	border-color: #85876D;
	border-width: 5px;
	border-style: solid;
	}

/* Hide from IE Mac \*/
#mastheadPix { 
	top: -115px;
	z-index: 1;
	overflow: visible;
	position: relative;
	float: right;
	height: 0;
	margin-right: 10px;
	border: 0;
	padding: 0;
	}
/* Return all to css */
		
/***************************************/         
/*   home page masthead layout         */
/***************************************/        
	
#mastlogo { /* home page only */
	top: 0px;
	}

#mastright { /* home page only */
	width: 250px;
	margin-left: 500px;
	top: 0px;
	position: absolute;
	}

/***************************************/         
/*   masthead logo - not home page     */
/***************************************/        
	
#mastlogoleft { /* hcbhp logo in news pages */
	top: 0px;
	margin-left: 110px;
	border: 0;
	padding: 0;
	vertical-align: bottom;
	width: 300px;
	}

#mastlogotop { /* other pages */
	top: 0px;
	margin-left: 110px;
	border: 0;
	padding: 0;
	vertical-align: bottom;
	height: 47px;
	width: 300px;
	}
		
#mastlogobottom { /* other pages */
	top: 48px;
	margin-left: 110px;
	border: 0;
	padding: 0;
	vertical-align: top;
	width: 300px;
	}

/*****   OTHER WEB PAGE AREA LAYOUTS   *****/
			
/******************************************/         
/*   breadcrumbs                          */
/******************************************/        
		
.breadcrumbs {
	margin: 0;
	border: 0;
	}

.breadcrumbs ul {
	list-style-type: none;
	text-align: left;
	}
	
.breadcrumbs li {
	font-family: Verdana, sans-serif;
	font-size: 0.7em;
	display: inline;
	padding: 0 2px 0 2px;
	color: #666699;   /* bluish green */
	}

.breadcrumbs ul a {
	text-decoration: none;
	color: #666699;  /* bluish green */
	}

.breadcrumbs ul a:hover {
	text-decoration: underline;
	color: #0000EE;  /* blue */
	}		

/******************************************/         
/*   text menu and sitename at bottom     */
/*      of each page                      */
/******************************************/        

#siteinfo ul {
	margin: 2px;
	list-style-type: none;
	padding-left: 20px;
	text-align: center;
	}
	
#siteinfo li {
	font-family: Verdana, sans-serif;
	font-size: 0.7em;
	display: inline; 
	/* padding: 0 5px 0 9px; horiz space between links and vert lines */
	/* - need diff l & r values to ctr */
	color: #0000FF; /* blue */
	}

#siteinfo ul a {
	text-decoration: none;
	}

#siteinfo ul a:hover {
	text-decoration: underline;
	}
         
/*****   PAGE UNIQUE   *****/

/******************************************/         
/*   home page                            */
/*      events table border colo          */
/******************************************/        
		
#events, #events td { 
	border: 1px solid #CFD1B5;
	}

/******************************************/         
/*  right justify table                   */
/******************************************/        
		
#rTable, #rTable table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	color: #333366;
	border: 1px solid #CCCCFF;
	}
	
#rTable tr.bgshade {
	background-color: #D5CFF6;
	}
		
/******************************************/         
/*  image border with shadow              */
/******************************************/        
		
.imgBorder img {
	border-color:#777777;
	border-style: solid;
	border-width: 1px;
	border-bottom-width: 2px;
	border-right-width: 2px;
	}

/******************************************/         
/*   amazon writers page                  */
/*      entries w/o hover underlin        */
/******************************************/        
	
td.poem { 
	font-style: italic;
	font-weight: bold;
	color: #85876D;
	}

td.poem a { 
	text-decoration: none;
	color: #85876D;
	}
	
td.poem a:hover { 
	text-decoration: underline;
	color: #85876D;
	}
		
.poem li {
	list-style-type: none;
	list-style-image: url(imgs/icon_paper.gif);
	margin-left: 10px;
	}

/****************************************/         
/*   news page                          */
/*      content view                    */
/****************************************/        

a.info {
	text-decoration: none;
	font-size: 0.85em;
	color:#666666;
	}
	
a.info span {
	display: none;
	text-decoration: none;
	}
	
a.info:hover span { /*the span will display just on :hover state*/
	display: block;
	position: relative;
	top: 0;
	left: 15em;
	width: 25em;
	border: 1px solid #85876D;
	background-color: #EFF0E7;
	color: #000;
	text-decoration: none;
	padding-left: 1em;
	padding-top: 5px;
	padding-bottom: 5px;
	}

/****************************************/         
/*   supplements page                   */ 
/*       numbered list                  */
/****************************************/        

ol.numbered {
	margin-left: 3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	}
				
/****************************************/         
/*   web links page                     */
/*      table menu                      */
/****************************************/        

.menu td {
	width: 10em;
	text-align: center;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	border: solid #BBBBBB 2px;
	} 

.menu a { 
	text-decoration: none; 
	padding: 0.1em; 
	}
	 
.menu a:hover {
	text-decoration: underline;
	} 

/*****  LEFTNAV MENU   *****/
	
/******************************************/         
/*   main menu navigation HOME page       */
/******************************************/        
	
#leftnav ul {
	padding-top: 20px;
	list-style-type: none;
	}

.homemenu li {
	font-family: Verdana, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	display: block;
	border-bottom: solid #FFF 2px;  /* white */
	width: 100px;
	}
	
.homemenu a {
	text-decoration: none;
	color: #000000;
	width: 100px;
	display: block;
	padding-left: 0.3em;
	padding-right: 0.3em;
	}
	
.homemenu a:hover {
	text-decoration: none;
	color: #C63F0B;
	font-weight: bold;
	}
	
/******************************************/         
/*     sponsor navigation HOME page       */
/******************************************/        
	
.sponsor li {
	font-family: Verdana, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	display: block;
	border-bottom: solid #FFF 2px;  /* white */
	width: 100px;
	}
	
.sponsor a {
	text-decoration: none;
	color: #000000;
	width: 100px;
	display: block;
	}

/******************************************/         
/*   main menu navigation NOT HOME page   */
/******************************************/        

.mainmenu li {
	font-family: Verdana, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	width: 100px;
	display: block;
	border-bottom: solid #CFD1B5 2px;
	padding-bottom: 0.2em;
	padding-top: 0.2em;
	}
	
.mainmenu a {
	display: block;
	text-decoration: none; 
	color: #000;  /* black */
	width: 100px;  /* color ??? */
	padding-left: 0.3em;
	padding-right: 0.3em;
	}
		
.mainmenu a:hover {
	text-decoration: none;
	color: #C63F0B;
	font-weight: bold;
	}
	
li.selected  { /* selected item on main menu */
	border-bottom-style: none;
	}

a.selected { /* selected item on main menu */
	font-size: 0.8em;
	color: #C63F0B;
	padding-bottom: 0.2em;
	font-weight: normal;
	padding-left: 0.5em;
	}
			
/******************************************/         
/*   submenu navigation from main menu    */
/******************************************/        

li.submenu {
	border-bottom-style: none;
	color: #0000DD;
	}

a.submenu {
	font-family: Verdana, sans-serif;
	display: block;
	color: #0000DD;
	text-decoration: none;
	font-size: inherit;
	padding-left: 0.75em;
	}
		
.submenu a:hover {
	text-decoration: none;
	color: #C63F0B;
	font-weight: bold;
	}

li.submenulast { /* last item in submenu, bottom border */
	border-bottom: solid #CFD1B5 2px;
	padding-left: 0.5em;
	}

a.submenulast {
	padding-bottom: 0.2em;
	color: #0000DD;
	width: 91px;
	}