/***********************************************/
/* photoAlbum_52.css                               */
/* Use with all files xxPhotoAlbum_52.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body { margin: 0; padding: 0; background: #EED; color: #000; line-height: 1.166; }
h1,h2 { font-family: Georgia, "Times New Roman", Times, serif; }	
h1 { font-size: 120%; color: #600; }
h2 { font-size: 130%; color: #03F; padding: 15px; }
p { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 80%; }

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/*************** mastHead *********************/

div#mastHead { margin: 0; padding: 0; width: 100%; height: 6.6em; 
	background: rgb(104,131,178) url(../images/hporch_4.jpg) 100% 0 no-repeat; position: absolute;
	z-index: 40; }
div.strapline { font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; font-weight: 700;
	font-size: 36px; color: #FF6; text-align: left; padding: 0.6em 0 0.1em 0.25em; white-space: nowrap; }
div.siteName { font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; font-weight: bold;
	font-size: 16px; color: #FF6; margin-left: 0.5em; text-align: left; white-space: nowrap; }
div#pageBar { position: relative; width: 100%; height: 2em; background-color: #FFF; border: 1px solid #660000; 
	margin-top: 14px; border-left: 0; border-right: 0; z-index: 14; }	
div.pageName { font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; font-weight: 700;
	font-size: 24px; color: #33F; padding: 0; margin-top: auto; margin-bottom: auto; text-align: center; }
	 
body > #mastHead { position: fixed; } /******** fixing the Master Head during scrolling ******/

/************** navBar ***********************/

a, a:link, a:hover, a:visited { color: #03F; text-decoration: underline; }

div#navBar { float: left; width: 19.7%; min-width: 15%; margin-top: 8.2em; height: auto; 
	border-bottom: 1px solid #600; position: absolute; background-color: #9FF; overflow: hidden; z-index: 32; }
div#navBar h1 { font-size: 1.2em; color: #03F; font-weight: bold; text-align: left; padding: 0.5em; border-top: none;
	border-right: none; border-bottom: 2px solid #600; }
div#navBar h2 { font-size: 1.2em; color: #600; text-align: left; margin: 4em 0 0 0.8em; padding-bottom: 4px; 
	border-bottom: 1px solid #600; }
div#navBar ul a:link, div#navBar ul a:visited { display: block; }
div#navBar ul { list-style-type: none; margin: 0; padding-left: 2em; }

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
div#navBar li { padding: 0.5em 0 0 0; }

/* fix for browsers that don't need the hack */
html > body #navBar li { border-bottom: none; }

/*********** end navBar *************************/
/*********** sectionLinks ***********************/

div.sectionLinks { position: relative; font-size: 90%; margin-bottom: 20px; }
div.sectionLinks h1 { margin-left: 0; padding: 0; }
div.sectionLinks a { display: block; padding: 0 0 0.4em 0; border-bottom: 1px solid #600; }
div.sectionLinks a:hover { background-color: #09F; color: #F00; }

/******* fixing the Navigation Bar during scrolling *******/

body > #navBar { position: fixed; }

/***************** info ******************************/

div#info { margin-top: 8.2em; padding-top: 0; float: right; width: 80%; border-left: 1px solid #600; z-index: 20; }
div#info h1 { margin: 0; padding: 20px; text-align: center; font-weight: 300; color: #600; border-bottom: 1px solid #600; }
div.feature { padding: 5px 5px 10px 10px; border-bottom: 1px solid #600; }
div.feature h2 { margin-bottom: -0.8em; padding-top: 10px; height: 30px; text-align: left; }
div#picName {clear: both; padding-top: 3em; font: 80% Geneva, Arial, Helvetica, sans-serif; }
div.pic {float: left; height: 122px; width: 102px; padding: 15px; margin: 5px 3px; background: #FFF; 
	border: 2px solid #000000; border-color: #AAA #444 #444 #AAA }
div.pic img {border: 2px solid; border-color: #444 #AAA #AAA #444; }
div.ls img { height: 75px; width: 100px; margin-top: 5px; }
div.pt img { height: 100px; width: 75px; margin: 0 16px; }
div.pic ul { margin: 0.25em 0 0; padding: 0; font:  bold small Arial, Verdana, sans-serif; }
div.pic li.title { display: block; list-style: none; text-align: center; white-space: nowrap; overflow: visible; }
 
/***********************************************/
/* Components                                  */
/***********************************************/

/*********** antifloat ***************/

div.antifloat { clear: both; visibility: visible; }

/************* footer ***************/

div#footer { clear: both; border: 1px solid #600; padding: 5px 5px 5px 15px; background-color: #CCC; }
div#footer p { margin: 0.5em 0 1em 2em; padding: 0; }

/********** end footer ****************/