/* lhpca.css (from acao from gaates)*/
/*  */
/* Section 1 - basic page layout CSS for the GAATES prototype photo gallery */
/*  */
/* 
|-- body -------
| |-- container -c5--------------------|
| |                                                 |
| | |-- skipBox -c1----------------- | |
| | |                                            | |
| | |---------------------------------| |
| |                                                 |
| | |-- titleBox -c2------------------| |
| | |                                            | |
| | |---------------------------------| |
| |                                                 |
| | |-- columns -c2a----------------| |
| | |--- breadcrumb c3a --------- | | |
| | | |- content -c3-- ||- links c4 | | |
| | | |                      ||               | | |
| | | |                      ||               | | |
| | | |                      ||               | | |
| | | |--------------- -||-----------| | |
| | |---------------------------------| |
| |                                                 |
| | |-- c1a --------------------------| |
| | |                                            | |
| | |---------------------------------| |
| |-------------------------------------|
|-------
Last modified: 2009-11-24
 */
body { 	font-family: verdana, arial, ms sans serif;
	background-color:#99cccc;
	}	
.skipBox { /* c1 */
  clear:both; border:1px solid #ccc; margin-bottom:.5%;
	background-color:#ffd; padding:1%; min-height:20px; height:20px; height:auto;
}
.skipBox img {
	height:20px; width:30px;
	}
.c1a { /* c1a */
  clear:both; border:1px solid #fff; 
}
.skipBox a {text-decoration:none;}
.skipBox img {border:none;}

.homeTitleBox { /* c2   min-height: 100px; bgc: #ffd;*/
  border:1px solid #ccc; clear:both; margin-bottom:.5%;
	 background-color:#eee;
		background-image: url('../images/grad1.jpg');
		background-repeat: repeat-x;
	/* font-family:  lucida calligraphy, monotype corsiva, comic sans ms, verdana, arial, ms sans serif; font-weight:bold;font-size:3em;*/
}
.titleBox { /* c2   min-height: 100px; bgc: #ffd;*/
  border:1px solid #ccc; clear:both; margin-bottom: .5%;
	background-color:#eee;
		background-image: url('../images/grad2.jpg');
		background-repeat: repeat-x;
/*	font-family:  lucida calligraphy, monotype corsiva, comic sans ms, verdana, arial, ms sans serif; font-weight:bold;font-size:2em;*/
}
div.transbox { width:60%; margin:35px auto 40px auto; background-color:#ffd; background: url('images/grad1.jpg') repeat-x;    /* for IE */  filter:alpha(opacity=85);  /* CSS3 standard */  opacity:0.85; }
div.transbox h1 { text-align:center; margin:10px 0px; color:#000000; }

.hiddenLinks { /* c1 */ display:none;}

.columns{ /* c2a */
  border-top:1px solid #fff;  clear:both;
}

.breadBox { /*c3a*/
		border: 1px solid #ccc;
		margin-bottom:5px;
		font-size:90%;
		background-color:#eee;
		padding:0em 1em;
		}
.content { /* c3 */
  float:left; width:74%; border:1px solid #ccc;
	padding:1%; background-color:#ffd; margin-right:7px;
}
.full-content { /* c3 float:left; width:74%;*/
   border:1px solid #ccc;
	padding:1%; background-color:#ffd; margin-right:7px;
}
.content h1 {
	background-color:#fc9; 
	background-image:url('../images/grad1.jpg');
	background-repeat: repeat;
	margin-top:0px;
	width:99%;
	 /* #ded; */
	}
.links { /* c4 */
  float:right; width:21%; padding:.25em; 
	background-color:#ffd; color:#000;
/* 	font-size:1.1em;*/
	border:1px solid #ccc;
}
.container { /* c5 */
  width:95%;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	border:1px solid #69c;
	padding:1%;
}
/*  */
/* Section 2 - special css for individual pages */
/*  */
label, legend {
	font-family: arial, ms sans serif;
	font-weight:bold;
	}
input, textarea {
	font-family: arial, ms sans serif;
/* 	margin-right: 1em; */
	font-size:1em
	}
acronym, abbr {
	color:#360;
/*	text-decoration:underline; */
border-bottom:2px dotted #360;
font-weight: 600;
	}
.content li {
	padding-bottom:.5em;
	}
.content ul ul {
	padding-top:.5em;
	}
/*  */
/* .links ul {margin-left:0;padding-left:1em;} */
/* .thisPage {margin:0px 0px 0px 0px; padding:.3em; }  (for in page link menus) */
.goTops {text-align:center; padding:.25em; border:1px solid #ccc; background-color:#ded;}
.goTops a {background-color:#ffd;padding:0 10px 0 10px; font-size:.75em;}
/* */
/* formatting for site menu */
.links ul {
	margin-left:.25em;
	padding-left:0;
	border-bottom:1px solid #ccc;
	}
.links li {
	list-style-type:none;
	}
.menuItem {
 	border-top:1px solid #ccc;
	padding:.25em;
 	}
.menuItem li a:focus, .menuItem:hover {
	background-color:#ffcc99 !important;
	}
/* 2009-09-26 for iRsm "you are  here" pointer */
img.here {width:16px; height:23px:}
/*  */
/* for feedback form  2009-11-15*/
fieldset { padding:1% 5%; }
legend { font-weight: bold; color:#0000ff; }
label { font-weight: bold; } 
input.scale {height:1.5em; width:1.5em;}
/* */
/* for onThisPage menus  2009-11-15 */
.onThisPage {border:thin solid #ccc;float:right; padding:.5em;font-size:85%;background-color:#fff;}
/* */
/* for all pages - top link buttons  2009-11-15 */
a.button {border:1px solid #ccc; margin:0px 5px 0px 0px;padding:0px 5px;}
a.button:link {background-color:#eee; } 
a.button:visited {background-color:#eee; color:purple;} 
a.button:hover {background-color:#fe9;color:#000;} 

/* */