/*  	Style sheet for Gorilla Guide reference sections.

	Three letter class name prefixes define related document names; 'rcv_xxxxx' relates to Ref_Colour values.html  
__________________________________________________________________________________________________________________________________________ 



__________________________________________________________________________________________________________________________________________ 
General purpose classes
========================================================================================================================================== */
.bold			{ font-weight: bold; } 
.lgtab		{ margin-left: 4.5em; }
.footnote 		{ font-size: 0.7em; }										/* footnotes referred to in the text body  */
.inset		{ border: 1px inset #D3D3D3; }
.lb			{ margin-bottom: 2em; }
.printonly		{ position: absolute; z-index: -5; width: 0%; border: 0; margin: 0; padding: 0; }
.right		{ text-align: right; }
.script		{ font-family: 'Courier new', Courier, Serif; color: black; }
.superscript	{ float: none; vertical-align: super; font-size: 80%; width: auto; }		/* Used for footnote references */
.tab			{ margin-left: 3em; }
.w3c_btn 		{ position: absolute; bottom: 50px; right: 3px; height: auto; margin: 0; padding: 0; }
.wob			{ color: white; }
.wob_bold		{ color: white; font-weight: bold; }
.wob_bold_none	{ color: white; font-weight: bold; text-decoration: none; }
a.wob_bold_none:hover	{ color: white; font-weight: bold; text-decoration: underline; }

/*
__________________________________________________________________________________________________________________________________________ 
Elements with default values
========================================================================================================================================== */
a			{ font-size: 0.9em; outline: none; text-decoration: none; }
a:hover		{ text-decoration: underline; }
body			{ font-family: Verdana, Helvetica, Sans-Serif; color: rgb(51,51,102); background-color: #F6F6FF; font-size: 0.8em; margin: 0; border: 0; }
div			{ margin: 0; padding: 0; }
form			{ margin-bottom: 2em; }
h1, h2		{ font-family: 'Century Gothic', 'Gill Sans', sans-serif; color: #585858; font-size: 2.7em; font-weight: normal; 
				letter-spacing: -1px; float: none; margin: 12px 0 0 0; width: auto; padding-top: 0.3em; }
h2			{ font-size: 2em; }
h3, h4		{ color: #282478; font-weight: bold; }
h4			{ font-size: 1.1em; margin-bottom: 5px; }
img 			{ border: 0; }
input			{ margin: 0 0 1em 0; vertical-align: top; }
select		{ margin: 0 0 1em 0; }
textarea 		{ overflow: auto; margin: 0 0 1em 0; } 


/*
========================================================================================================================================== */


div#body { background-color: white;
	height: auto; 					
	min-height: 750px;				 
	width: 984px;
	margin: auto;
	padding: 0 8px 100px 8px; 
	position: relative;
}

div.content { height: auto; margin: 30px 0 0px 146px; }
/* div.content p, h3, div.content ul li, div.content pre { margin-left: 2.6em; margin-right: 2.6em; } */
div.content p, div.content ul li, div.content pre { margin-left: 2.6em; margin-right: 2.6em; }

div#header { 
	padding: 0 0 0 28px; 
	margin: 0; 
	height: 165px; 
	background: url('TGG_Banner.jpg') no-repeat scroll top left; 
	border-bottom: 1px solid #C0C0C0;
}									

div#index_lt_tower { 
	float: left;
	clear: left;
	width: 138px;
	height: auto;
	margin: 20px 10px 3em 0px;
	padding: 0px 0px 0px 0px;
}

div.clear {font-size: 1px; height: 1px; width: auto; } 

div#index_rt_tower {
	float: left;
	min-height: 447px;
	width: 138px;
	height: auto;
	margin: 20px 0 3em 0;
	padding: 0px 10px 0px 10px;
	border: 1px solid #eee;
}

div.copyrightnotice { 				/* notice placed at bottom of pages  */
	position: absolute;
	bottom: 7px; left: 5px; right: 5px;	
	height: 2.6em; 
	margin: 0; 
	border-top: 1px solid #777; 
	border-bottom: 1px solid #777; 
	padding: 0.5em 0 1em 0; 
	text-align: center; 
	font-size: 0.6em; 
	color: gray;
}

.b2t { color: Gray; font-size: 10.5px; }
.spva { padding-left: 4em; margin-top: -0.5em; margin-bottom: 1.5em; }

div.tablearea { 
	margin: 0;
	border: 0;
	padding: 0.3em 0 2em 0.5em;
	height: auto; 
	background:  #E1E4DD; }

div.rcv_colrbx  
    {	width: 30em; 
	height: 1.6em;
	font-size: 0.9em;
	border: 0; 
	margin-left: 6em; 
	margin: 1px 1px 1px 2em;  	
	padding: 0.1em 0em 0em 1em; 
	text-align: left;		
}

div.rsc_smblbx 	
    {	width: 25em; 
	height: 1.6em;
	font-size: 0.9em;
	border: 1px outset #D8D8D8;
	color: black; 
	background: white; 
	margin: 1px 1px 1px 2em;  	
	padding: 0.1em 0em 0em 1em; 
	text-align: left;		
}

div.scriptbox { position: relative; 
	border: solid #D0EED0; 
	border-width: 20px 4px 8px 4px;
	background-color: #FFFAFA; 
	color: black; 
	margin: 0 3em 3em 3em; 
	padding: 0 0 1em 1em; 
	font-family: 'Courier new', Courier, Serif; 
}

form p	{ margin: 0 0 0 2em; }

h1#index_strap	{ float: left; clear: both; margin: 1em 0 0 1em; }
h1#wksp_strap	{ margin: 1em 0 1em 0; padding: 0; }
h3#wshp_lead	{ margin: 0 0 2em 0; }

img.boxtitle	{ position: relative; top: -19px; left: 0px; }
img.htmllayout	{ position: relative; left: 32px; }
img.withborder	{ border: black solid 1px;}
img#ref_demo_cnr	{ float: left; margin: 0.4em 1em 0.5em 35px; }
img#towerAd		{ border: black solid 1px; padding: 0; margin: 0; }

input.txtbtn	{ background: white none; color: DodgerBlue; border: none; outline: none; font-weight: bold; cursor: pointer; padding: 0; margin: 0 0 0.8em 3em; }


p.output 		{text-indent: 8em; padding: 0.25em; background: #FFFACD; }		/* show contents of rendered document */

pre.code_scrap	{ 
	font-family: 'Courier new', Courier, Serif; 
	color: black; 
	border: #D0EED0 solid; 
	border-width: 1px 4px;
	padding: 0.8em 0 1.2em 2em; 
	margin: 0 0 2em 0;
}

pre.code_scrap + a.b2t { display: block; margin-top: 1.5em; }

span.faint			{ color: rgb(131,131,182); }
span.rcv_hexval 		{ float: left; width: 7em;  }
span.rcv_rgbval 		{ float: left; width: 10em; }
span.rcv_name   		{ float: left; width: 12em; }
span.rsc_symbol 		{ float: left; width: 2em;  }
span.rsc_decval 		{ float: left; width: 4em;  }
span.rsc_htmlval		{ float: left; width: 6em;  }
span.rsc_descriptor 	{ float: left; width: 13em; }

/* ul.webhost	  { list-style-image: url('list_img.png'); } */
ul.webhost	  { list-style-image: url('sqr_blt.jpg'); }
ul.webhost li { padding:  0 0 8px 0; }


/* -------------------------------  Refence contents lists ---------------------------------------------------------------------- */

.reflist		{ list-style-type: none; line-height: 150%; width: 48em; margin: 2em 0 3em 0.5em; padding: 0 0 0 1.5em; }	
.reflist dt		{ font-weight: bold; }
.reflist a		{ padding-left: 1.5em; text-decoration: none; color: navy; background: url('TGG_bullet.jpg') no-repeat 0px 5px;   
				font-size: 12px; }
.reflist a:hover	{ color: #8B0000; background: url('TGG_bullet_red.jpg') no-repeat 0px 5px; }
.reflist dd + dt  { margin-top: 0.8em; }
.reflist dt + dt  { margin-top: 0.3em; }


/* -------------------------------  Refence sections contents lists ------------------------------------------------------------- */

/*	README! Linklist class instances should use the dl type element. The ul.linklist type is depricated and should be replaced 
	with dl.linklist in this website.  */

.linklist 			{ list-style-type: none; line-height: 130%; max-width: 48em; margin-left: 0.5em; margin-bottom: 2em; padding: 0 0 0 2em; }	
dl.linklist			{ margin-left: 3em; }
.linklist a 		{ position: relative; display: block; font-size: 11px; padding-left: 1.5em; text-decoration: none; color: navy; 
					background: white url('TGG_bullet.jpg') no-repeat 0px 5px; }
.linklist a:hover 	{ visibility: visible; color: #F0C000; background: white url('TGG_bullet_red.jpg') no-repeat 0px 5px; }

/* -------------------------------  main menu all pages ------------------------------------------------------------------------- */

ul.menubar { list-style-type: none;	margin: 0; padding: 0; border: 0; }

ul.menubar a { float: left;
	font-family: Verdana, Helvetica, sans-serif; 
	color: white;
	text-decoration: none;
	text-align: center; 
	background-color: #778899;
	border-style: solid; 
	border-color: white; 
	border-width: 1px; 
	padding: 0.2em 1em 0.2em 1em;
	margin: 0; 
	width: auto;}

ul.menubar a.menubarcurrent { background-color: #FFD700; } 
ul.menubar a:hover { background-color: #FFD700; }
ul.menubar li { display: inline; }


/* -------------------------------  box with rounded corners  ------------------------------------------------------------------- */

div.roundbox { position: relative; float: left; margin: 20px 20px 40px 0px; padding: 0; 
		font-family: 'Century Gothic', 'Gill Sans', sans-serif; color: navy; }
div.roundbox div { padding: 0; margin: 0; }
div.roundbox div.bl { background: url('bl.gif') 0 100% no-repeat #adb9bc; }
div.roundbox div.br { background: url('br.gif') 100% 100% no-repeat; }
div.roundbox div.tl { background: url('tl.gif') 0 0 no-repeat; }
div.roundbox div.tr { background: url('tr.gif') 100% 0 no-repeat; min-height: 40px; padding: 10px 20px; }

div.roundbox h1 { color: white; }
div.roundbox a { font-size: 1em; }
div.roundbox h1 a { color: white; line-height: 1.1em; text-decoration: none; } 
div.roundbox h3 { font-size: 14px; }
div.roundbox img.index {position:absolute; right: 20px; bottom: 20px; }

div#about_inr_rb1		{ width: 600px; height: 34em; }
div#about_inr_rb2		{ width: 224px; height: 35em; }
div#contact_inr_rb 	{ width: 550px; height: 400px; }
div.index_inr_rb1		{ width: 250px; height: 300px; }
div#webhost_inr_rb 	{ width: 576px; height: 420px; padding-left: 2em; }

div#index_otr_rb		{ margin-left: 35px; }
div.content > div.roundbox	{ float: none; }

/* -------------------------------  index.html dynamic textbox  ----------------------------------------------------------------- */

div.navbox { background: url('navbox.gif') top left no-repeat; border: 1px solid #adb9bc; height: 108px; width: 594px; }
div.navbox a { display: block; outline: none; text-decoration: none; }
div.navbox p.hdr { color: white; font-weight: bold; font-size: 18px; padding: 0px; margin: 12px 30px; border-bottom: 2px groove orange; }
div.navbox p.bdy { color: #282478; font-weight: bold; font-size: 14px; padding: 0; margin: 0 60px; line-height: 120%; }


/* ----------------------------------- Sidebar Menu ----------------------------------------------------------------------------- */

div.sidemenu { position: absolute; 
	left: 7px; bottom: 82px;
	height: auto; top: 204px; width: 134px; 
	padding: 0; margin: 0px 20px 20px 0; 
	border-right: 2px solid #C0C0C0; 
}
div.sidemenu ul 	{ list-style-type: none; margin: 20px 0; padding: 0; border: 0; }						
div.sidemenu ul a { 
	font-family: 'Century Gothic', 'Gill Sans', sans-serif; 
	font-size: 0.9em;
	font-weight: bold; 
	text-decoration: none;
	color: #2F4F4F;
	display: block; 
	width: 124px;
	margin-left: 5px; 
}
div.sidemenu ul a:hover { color: #F0C000; }
div.sidemenu ul a.current { color: #F0C000; } 
div.sidemenu li { padding: 3px 0; line-height: 14px; }
div.sidemenu p { background-color: #C0C0C0; text-align: center; margin: 0; padding: 5px 0px; border-right: 2px solid white; }
div.sidemenu p a { color: white; text-decoration: none; }


/* ----------------------------------------  end -------------------------------------------------------------------------------- */