/* CSS Document */

body 
{ 
	position:absolute;

	padding:0;
   	margin:0;
 
    width:100%;
	height:100%;

	background-color:#fff;
    color:#2F4647;
	
    font-weight:normal;
    font-size:100.01%;
    font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
}

/**********************************************************
 *	this div acts as a spacer to center the 'bodii' div 
 */
#bodii_spacer 
{	
	visibility:hidden;
	position:relative; 
	float:left;
	left:0px; top:0px;
	width:1px;
		
	height:50%;
	margin-bottom:-267px; /* half of container's height */

	background-color:#fc6;
}

/****************************************************
 *	this div is the centered container for everything
 */
#bodii
{
	position:relative;
	clear:left;
	text-align: left;
	font-size:80%;
	
	margin: auto;

	background-image:url(../pics/Papercut.gif);
	background-position:-2px -2px; 
	background-repeat:no-repeat;
	background-color:#ffffff;

	overflow:visible;
	
	padding-left:0px;
	padding-right:0px;
	width: 738px;
	height:555px;
}


#background_img
{
	background-image:url(../pics/Papercut_screen.gif);
	background-position:0px 0px; 
	background-repeat:no-repeat;

	position:absolute;
	top: 429px;
	left:-2px;
	z-Index:20;
	width:100%;
	height:110px;
	color:blue;
}

/*******************************************
 *	Internet Explorer specific scrollbar attributes
 */
#bodii
{
  scrollbar-base-color:			#273D3D;
  scrollbar-3d-light-color:		#273D3D;
  scrollbar-arrow-color:		#3D8387;
  scrollbar-darkshadow-color:	#3D8387;
  scrollbar-face-color:			#DDDDDD;
  scrollbar-highlight-color:	#8DD3D7;
  scrollbar-shadow-color:		#677D7D;
  scrollbar-track-color:		#CCCCCC;
}
/* Some color values
   GFP-Logo and vertical sub-menu bar
   #CDEAEF

   GFP-MainMenu Bg
   R:G:B=62:168:169 = #3EA8A9

   GFP-Background grey
   R:G:B = 214:214:214 = #D6D6D6
   inactive menu items
   #8DD3D7

   active menu items
   #3D8387

   midpage banner 
   R:G:B = 39:61:61 = #273D3D

  GFP-Logo Original
  R:G:B = 140:211:214 = #8CD3D6
     /4    35: 53: 54 = 
	 /3.5  40: 60: 61 = #283C3D
	 /3    47: 70: 71 = #2F4647
 */

/* HKS 51  - #077487   
 */



/****************************************************
 *	this div contains the Logo-overlays of the entire page
 */


/****************************************************
 *  base class for page layout blocks (DIV's) 
 *	 
 *	the page is layouted like:
 *	#left    #navbar    #right
 *  #        #mid       #
 *  #					#
 *	    - clear:both -
 *	       #bottom      
 */
.page_block
{
	position:absolute;
}



/*************************************
 *	banner
 */
#page_banner
{
	position:absolute; 
	overflow:hidden;

	left:1px;  top:0px;
	width:747px; height:72px;


  	/*background-image:url(../pics/test_bg.jpg);*/
	background-repeat:repeat-xy;
	background-position:0px 0px; 
}


/*************************************
 *	Top navigation bar
 */
#page_nav
{	
	z-Index:5;

	left:	1px;	top:	0px;
	width:	747px;

	height:1.5em;
	/*min-height: 24px;*/
	line-height:24px;

	padding-left:0px; 
	margin-bottom:80px;

	vertical-align:middle;
	overflow:visible; 
	
	color:#fff;
	border-top:solid 0px;
}

/*************************************
 *	middle content area
 */
#page_mid
{
	left:	70px;	top:	 60px;
	width:	400px;	height:	450px;
	overflow:auto;

	text-align:justify;
	position:absolute;
	float:left;
	z-Index:2;
	padding-right:266px;
	font-size:85%;
}



/*************************************
 *	bottom footer
 */
#page_bottom
{
	clear:left;
	position:absolute;
	left:20%;	bottom:0px;
	width:80%;
	text-align:right;
	
	z-Index:50;
	font-size:8pt;
	color:#AAAAFF;
}

#image_left			{ visibility:visible;}
#image_left_home	{ visibility:visible;}



#page_bottom a
{
	color:#AAAAFF;
	font-weight:600;
	text-decoration:none;
}




a.bold
{
	font-weight:600;
	text-decoration:none;
}


a.bold:hover
{
	color:#333388;
	font-weight:600;
	text-decoration:none;
}


.sciatec_footnote
{
	color:#8888CC;
	text-decoration:none;
	font-size:80%;
}

.lightblue
{
	color:#AAAAFF;
	text-decoration:none;}


.lightblue:hover
{
	color:#666699;
	text-decoration:none;
}


h5
{
	margin-top:0.8em;
	margin-bottom:0.6em;
	font-size:100%;
	font-style:italic;
	font-weight:normal;
	text-align:center;
	color:#000088;
	border:solid 1px;
	width:50%;
	margin-left:25%;
}

h4
{
   font-size:100%;
   margin-bottom:0.2em;
   margin-top:0.8em;
   text-align: right;
}

h3
{
   font-size:100%;
   margin-bottom:0.2em;
   margin-top:1.5em;
}

h2
{
	font-size:140%;
    	font-weight:normal;
	margin-bottom:0.4em;
	margin-top:1.0em;
}

h1
{
   font-size:150%;
   font-weight:normal;
}

ul.ul_compact		{margin-top:0.2em;}
ul.ul_compact li	{margin-left:-25px;}

ol.ul_compact		{margin-top:0.2em;}
ol.ul_compact li	{margin-left:-16px;}




p
{
    margin:0px;
    margin-bottom:0.7em;
    padding:0px;
}


/****************************
 *	hrefs in the MAIN menu
 */
div.main_menu
{
	position:relative;
    	float:left;
    
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style : normal;
	font-size  : 90%;
    
	letter-spacing:0.03em;
    	text-align:left;

	padding:0px;
	/*      top  right bottom left */   
	margin: 8px 20px  0px    0px;
}

/****************************
 *	hrefs in the SUB popup menu
 */
div.popup_menu
{
	visibility: hidden;	/* will be show upon mouseover */

	position:absolute;
	left:0px; top:0px;
	margin-top: 1.05em;

	/* vertical line on left side of popup menu */
	border-left:solid 1px #8CD3D6;

	padding:0px;
	padding-left:0.5em;
	
	line-height:1.0em;
	letter-spacing:0em;
	
	width: 200px;		/* force linebreak after each word */
	overflow:visible;	/* but display long words anyway */
}


/******************************
 *	Define some colors
 *  ***************************
 */
.main_menu a
{	color:#8CD3D6;text-decoration:none; }

.main_menu a:hover
{	color:#ff0000;}


/* sub-menu links inactive */
.popup_menueee a
{	color:#8DD3D7; text-decoration:none;}

/* sub-menu links on-hover */
.popup_menueee a:hover
{	color:#5DA3A7;}

div.ruler
{
	clear:left;
	position:relative;
	top:-1.7em;
	border-top:solid 1px;
	width:95%;
	height:1px;
	margin:0;
	padding:0;
	color:#8DD3D7;
}

img.logo_right
{
	position:relative;
	float:right;
	top:-44px;

	border-top:solid 1px;
	margin:0;
	padding:0;

	}