/***********************************************/
/* genInfo_52.css                              */
/* Use with files xxGenInfo_52.html            */
/***********************************************/

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

body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; line-height: 1.166; }
h1,h2,h3 { 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; text-align: justify; }

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

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

div#mastHead { margin: 0; padding: 0; width: 100%; height: 6.6em; position: absolute;  
	background: rgb(97,142,197) url(../images/hpfrang_6.jpg) 100% 0 no-repeat; z-index: 40; }
div#mastHead .strapline { font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; font-variant: small-caps; 
	font-weight: 700; color: #F93; 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-size: 14px; font-variant: small-caps;
	font-weight: bold; font-size: 16px; color: #F93; 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#pageBar .pageName {	font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; font-variant: small-caps; 
	font-weight: 700; font-size: 24px; color: #03F; padding: 0; margin-top: auto; margin-bottom: auto; 
	text-align: center; }

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; border-bottom: 1px solid #600; 
	position: absolute; background-color: #9FF; overflow: hidden; z-index: 30; }
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: 1px 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 *************************/
/*********** 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; }

/**************** headlines ***********************/

div#headlines { float: right; width: 18%; margin-top: 8.2em; border-right: 1px solid #600; margin-bottom: 0; 
	background-color: #EED; }
div#headlines h1 { font-size: 100%; height: 9.5em; padding: 0.5em; margin-bottom: -2em; border-bottom: none; }
div#headlines h2 { font-size: 120%; border-bottom: 2px solid #600; border-left: none; border-right: none; padding: 0.5em; 
	margin-top: 0; }
div#headlines p { padding: 0 10px 10px 10px; border-bottom: 1px solid #600; }

/************** #advert styles **************/

div#advert { margin-top: -5px; text-align: center; } 
div#advert img { margin-top: 0; margin-bottom: -10px; border: 1px solid #600; }
div#advert p { font-weight: bold; margin-bottom: 10px; padding-bottom: 10px; text-align: center;  
	border-bottom: 1px solid #600; }

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

div#info { margin-top: 8.2em; float: right; width: 62%; padding-bottom: 0; border-bottom: 1px solid #600; 
	border-right: 1px solid #600; background: url(../images/maroon.gif) 0 0 repeat-y; z-index: 20; }
div#info h1 { padding: 10px 10px 0px 0px; text-align: right; font-weight: bold; }
div#info h2 { font-size: 200%; font-weight: 600; padding: 20px 10px 0px 0px; text-align: right; }
div#info .feature { margin: 0 15px 0; padding: 0; }
div#info .picture { clear: both; float: right; padding: 20px 0 10px 10px; }
div#info .deco { clear: both; float: none; padding: 20px; text-align: center; }

/***********************************************/
/* 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 0 1em 0.5em; padding: 0; }

/********** end of genInfo_52.css ****************/