html, body {
		width:				100%;
		height:				100%;
		font-family:	sans-serif, Arial, Verdana, Geneva, Helvetica;
		font-size:    14px;
		margin:				0;
		border:				0px solid black;
		padding:			0;
		overflow:			hidden;
		z-index:			1;
	}

	div#viewport {
		width:				100%;
		height:				100%;
		margin:				0px;
		border:				0px solid black;
		padding:			0px;		/* any padding here will mess up scrollbars */
		overflow:			auto;
		z-index:			1;
/*text-align: 	center;		** fix IE bug hor. center */
	}
	
	#main {
/*	width:				900px;
		margin:				0px auto 0px auto;		* h-centered */
		border: 			0px solid black;
	 	padding:			12px 0px 10px 0px;
	}

	.main_text {
		/* font-family: 	sans-serif;  **Times New Roman, serif */
		font-size:  	14px;
		font-weight:	bold;
		text-align: 	left;
	}
	
	.main_text a {
		color: 				blue;
	}
	
	.main_text a:hover {
		text-decoration: underline;
		border:     	0px solid black;
		padding:			0px;
	}

	
	img.background {
		position:			absolute;
		width:				100%;
		height:				100%;
		z-index:			-1;
	}

	/* -------------------------  TABLE  -------------------------------------*/

	table {							/* use "table-layout: fixed;" for speed */
		color:        black;
		margin:				0px;
		border: 			0px solid black;
		padding:			0px;
		border-spacing:	0;
		border-collapse: collapse;
	}

	tr {
	}

	td {
		border: 			0px solid lime;
	}
	
	tr.menu_bar_h {
		background: 	url('gradient grey 2x30.jpg') repeat-x left top;
		font-size:    13px;
		font-weight:	bold;
		margin:				0px;
		border: 			0px solid black;
		white-space: 	nowrap;
	}
	
	tr.menu_bar_h td {
		margin: 			0px;
		border: 			0px solid lime;
		padding: 			1px 0px 2px 20px;
	}

	tr.menu_bar_h td.log {
		margin: 			0px;
		border: 			0px solid lime;
		padding: 			1px 0px 2px 0px;
	}


	tr.menu_bar_h a.button {
		color: 				black;
	}

	tr.menu_bar_h a.button2:hover {
		/* cursor:				pointer; */
		text-decoration: underline;
	}


	/* -------------------------  LINKS  -------------------------------------*/

	a {
		text-decoration: none;  		/* No underline of url's */
		color: 					 blue;
		background: 		 transparent;
		border:          0px solid red;
		padding:         0px;
	}

	a:link    {  /* normal unvisited links */  }
	a:visited {	 /* visited links */  }
	a:active  {	 /* active links - ie when you click on it */  }

	a:hover   {							/* hovered links */
		text-decoration: underline;	/* underline; */
	}

	a.debug_link{
		color: 				white;
		background: 	red;
		margin-left:  0px;
		border: 			1px solid black;
		padding: 			1px 4px 1px 4px;
		float: 				left;
	}

	a.debug_link:hover {
		/* cursor:		pointer; */
		background: 	blue;
		text-decoration: none;	/* underline; */
	}


	/* -------------------------  HEADER  ------------------------------------*/

	#logo {
		margin:				0px auto 0px auto;		/* h-centered */
		border:				0px solid black;
	}

	#title {
		font-family:	Tahoma, sans-serif;
		font-weight:	700;
		font-size:  	40px;
		margin:				0px;
		border: 			0px solid white;
		padding:			0px;
		white-space:	nowrap;
	}

	#sub-title {
		font-family:	sans-serif;
		font-size:  	24px;
		font-weight:	normal;
		margin:				0px;
		border: 			0px solid black;
		padding:			5px	0px	0px	0px;
		white-space: 	nowrap;
	}


	/* -------------------------  CONTENT  -----------------------------------*/

	#fsb_image {
		width:				65px;
		margin:				25px auto 0px auto;		/* h-centered */
		border: 			0px solid black;
		padding:			0px	0px	0px	0px;
	}
	
	/* -------------------------  FOOTER  ------------------------------------*/


	/* -------------------------  GENERAL  -----------------------------------*/


	hr {
		height: 			1px;
		border:				0;
		border-bottom:1px solid gray;
	}

	li {
		padding: 			0px 0px 5px 0px;
	}


	/* -------------------------  MENU BUTTONS  ------------------------------*/

	/* Gradient Image Maker   http://tools.dynamicdrive.com/gradient/  */

	a.button2 {
		width:				86px;
		font-size:    14px;
		text-align:		center;
		color: 				black;
		background:		url('gradient grey 2x30.jpg') repeat-x left top;
		margin:				0px 0px 16px 22px;
		border: 			1px solid black;
		padding: 			4px 0px 3px 0px;
		float: 				left;
	}

	a.button2:hover {
		color: 				white;
		background:		url('gradient blue 2x30.jpg') repeat-x left top;
		text-decoration: none;	/* underline; */
	}


	div.indent {
		padding-left: 20px;
	}

	form {
		margin:				0px;
		border: 			0px solid blue;
		padding:			0px;
	}
	
	div.email {
		width: 				305px;	/*340px;*/
		margin:				0px;
		border: 			1px solid gray;
		padding:			10px;
	}

	div.email2 {
		width: 				505px;	/*340px;*/
		margin:				0px;
		border: 			1px solid gray;
		padding:			10px;
	}

	div.email span.hint {
		border: 			0px solid blue;
		margin-left:	18px;
	}

	div.email .row {
		width: 				300px;	/*340px;*/
		height:				21px;
		margin-bottom: 4px;
		border: 			0px solid blue;
		padding:			0px 0px 0px 0px;
	}

	div.email span.label {
		padding-top:	2px;
		float:				left;
	}
	
	div.email input.data {
		width: 				188px;
		float:				right;
	}	
	
	div.email textarea {
		width:				300px;
		height:				82px;
		margin:				0px;
		padding:			0px;
	}

	div.email input.button {
		width:				75px;
		margin-top: 	4px;
	}
	
	div.email input.cbx {
		margin:				0px	0px	0px	30px;
	}

								
	.float_left 	{ float: left; }
	.float_right  { float: right; }