/* CSS Document ********************************/
/* guestBook_52.css ****************************/
/* use with all Files xxGuestBook.html *********/
/***********************************************/

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

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

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

div#mastHead { margin: 0; padding: 0; width: 100%; height: 6.25em; position: absolute; 
	background: rgb(122,166,227) url(../images/hppalm_3.jpg) 100% 0 no-repeat; z-index: 40; }
div#mastHead .strapline { font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps;
	font-weight: 700; font-size: 36px; color: #903; text-align: left; padding: 0.6em 0 0.1em 0.25em; white-space: nowrap; }
div#mastHead .siteName { font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps;
	font-weight: bold; font-size: 16px; color: #903; 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: 0.6em; border-left: 0; border-right: 0; z-index: 14; }	
div#pageBar .pageName {	font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; font-variant: small-caps; 
	font-weight: 700; font-size: 24px; color: #33F; padding: 0; margin-top: auto; margin-bottom: auto; 
	text-align: center; }

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

body > #mastHead { position: fixed; }  /******** fixing the Master Head during scrolling ******/

/****************** start navBar *********************/


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 1.5em; padding-bottom: 4px; 
	border-bottom: 1px solid #600; }
div#navBar ul a:link, #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 *********************/
/*********** start sectionLinks *************/

div.sectionLinks { position: relative; font-size: 80%; margin-bottom: 20px; }
div.sectionLinks h1 { margin-left: 0; padding: 0; }
div.sectionLinks a, a:link, a:hover, a:visited { color: #03F; text-decoration: underline; }
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; }

/********************* end sectionLinks ******************/
/********************* start info *********************/

div#info { margin: 8.2em 0 0 0; float: right; width: 80%; background-color: #FFF; padding-bottom: 20px; 
	border: 1px solid #600; border-top: none; background-color: #FFF; z-index: 35; }
div#info .feature { margin: 20px; padding: 0; }
h2 { font-size: 150%; }
p { font-size: 80%; font-weight: bold; }
input { display: block; float: left; margin: 5px; padding: 2px; color: #03F; background-color: #CCC; 
	width: 12em; border: 1px solid; border-color: #AAA #444 #444 #AAA; padding-left: 0.5em; }
form { margin: 5px; padding: 5px; width: 25em; }
label { width: 12em; margin: 2px; padding: 2px; font-weight: bold; float: left; text-align: right; color: #000; }
fieldset { border: 1px solid #600; margin-top: 2em; padding: 0.5em; }
legend { font-weight: bold; color: #03F; background-color: #FFF; }
br { clear: left; }
#zip { width: 3em; }
#submit,#reset { border: 2px solid; border-color: #AAA #444 #444 #AAA; text-align: center; width: 6em; 
	text-decoration: underline; } 
#submit:hover,#reset:hover { border: 2px solid; border-color: #444 #AAA #AAA #444; background-color: #49F; 
	color: #F00; } 
input:focus,input:hover { border: 1px solid; border-color: #444 #AAA #AAA #444; background-color: #49F;  
	font-weight: bold; }

/***********************************************/
/* Components                                  */
/***********************************************/

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

/************* #footer styles ***************/

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