/***********************************************/
/* Recomm_52.css                               */
/* Use with all files xxRecomm_52.html         */
/***********************************************/

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

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: 120%; color: #600; }
h2 { font-size: 100%; color: #03F; }
p { font-size: 80%; text-align: justify; padding-left: 20px; padding-right: 20px; }

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

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

div#mastHead { margin: 0; padding: 0; width: 100%; height: 6.6em; 
	background: rgb(145,170,201) url(../images/hpging_2.jpg) 100% 0 no-repeat; position: absolute; 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: #600; 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: #600; margin-left: 0.5em; text-align: left;
	white-space: nowrap; }
div#pageBar { position: relative; width: 100%; height: 2em; background-color: #FFF; border: 1px solid #600; 
	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; color: #33F; padding: 0; margin-top: auto; margin-bottom: auto; 
	text-align: center; }

/******** fixing the Master Head during scrolling ******/

body > #mastHead { position: fixed; }


/************** 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-top: 8.2em; padding-bottom: 20px; float: right; width: 80%; border: 1px solid #660000;
	border-top: none; z-index: 34; }
div#info .feature { padding: 5px 10px 10px 10px; }
div#info h1 { margin: 0.5em 0.5em 0.5em 0; padding: 0; text-align: right; font-weight: 300; }
div#info h2 { margin: 0.5em 0.5em; padding: 0; font-size: 180%; font-weight: 600; text-align: right; }
div.leftPict { float: left; margin: 10px 20px 10px; padding: 5px; background-color: #EED; 
	border: 2px solid; border-color: #AAA #444 #444 #AAA; }
div.rightPict { float: right; margin: 10px 20px 10px; padding: 5px; background-color: #EED; 
	border: 2px solid; border-color: #AAA #444 #444 #AAA; }
div#info img { border: 2px solid; border-color: #444 #AAA #AAA #444; }
div#info .dashed { text-decoration: line-through; }
div#info .pivot { font-style: italic; }

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

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

/************* start footer ***************/

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 footer *****************/


/********** end Recomm_52.css ****************/