/* CSS Document */

body 
{
	position:absolute;

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

    /*background-color:#444444;*/
	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:535px;
}


#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;
}


/*************************************
 *	Left sidebar
 */
#page_left
{

	overflow:auto;
	font-size:80%;

	left:0;			top:0px;
	width: 149px;	height:100%; 
	visibility:visible;

	background-image:url(../pics/sci_top_bg.jpg);
	background-position:0px 0px; 
	background-repeat:repeat-x;

	color:#fff;
	border-right:solid 1px;
}

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

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

	/*
	background-image:url(../pics/sci_top_bg.jpg);
	background-repeat:repeat-x;
	*/

	background-image:url(../pics/sci_top_banner.jpg);
	background-repeat:repeat-x;
	background-position:0px 0px; 
}


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

	left:	1px;	top:	70px;
	width:	747px;	height:	24px;

	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:	150px;	top:	 130px;
	width:	380px;	height:	400px;
	overflow:auto;

	text-align:justify;
	position:relative;
	float:left;
	
	padding-right:202px;
	font-size:85%;
}
/*************************************
 *	right sidebar
 */
#page_right
{
	visibility:visible;	
 
	top:0px;		left:625px; 
	width:120px;	height:100%;  
	
	background-image:url(../pics/sci_top_bg.jpg);
	background-position:0px 0px; 
	background-repeat:repeat-x;
}


/*************************************
 *	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;}
#gfp_slide_image	
{
	position:absolute; 
	top:292px; 
	left:170px; 
	height:360px; 
	width:550px; 
	overflow:hidden;
}



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




a.ordinary
{
	color:#333333;
	text-decoration:none;
}

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:0.8em;
}

h2
{
	font-size:140%;
    font-weight:normal;
	margin-bottom:1.6em;
}

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

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

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




p
{
    margin:0px;
    margin-bottom:1em;
    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;

	}

.css_button
{

	font-size:8pt;
	color:yellow; 
	text-decoration:none;
}