/*  	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: relative; top: 0; z-index: 5; width: 100%; border: 0; margin: 0; padding: 0; }
.right		{ text-align: right; }
.script		{ font-family: 'Courier new', Courier, Serif; }
.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: 1em; outline: none; text-decoration: none; color: rgb(51,51,102); }
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; }
h1, h2		{ font-family: 'Century Gothic', 'Gill Sans', sans-serif; color: #585858; font-size: 2.3em; 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; }
textarea 		{ overflow: auto; } 


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


div#body { background-color: white;
	height: auto; 					
	min-height: 750px;				 
/*	width: 984px; */
	width: 98%;
	font-size: 0.85em;
	margin: auto;
	padding: 0 8px 100px 8px; 
	position: relative;
}


div.content { margin: 0; font-size: 130%; }
div.content p, h3, div.content ul li, div.content pre { margin-left: 1em; margin-right: 1em; } 
div.content br + h3 { display: none; visibility: hidden; }		/* Gets rid of menu header in reference pages */

div#header { position: absolute; z-index: -5; visibility: hidden; display: none; }									

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: relative;
	bottom: -200px; left: 5px; right: 5px;	
	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 { display: none; visibility: hidden; z-index: -5; position: absolute; }
.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.roundcorners	{ display: none; visibility: hidden; z-index: -5; position: absolute; }

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 2em 3em 2em; 
	padding: 0 0 1em 1em; 
	font-family: 'Courier new', Courier, Serif; 
}

a#section1 + h1	{ padding-top: 4em } 		/* This ensures that printout headers have room from banner above */

img.boxtitle	{ position: relative; top: -19px; left: 0px; }
img.htmllayout	{ position: relative; left: 1.5em; width: 94%; }
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; }

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

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





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

.linklist a 		{ font-size: 0.7em; }
h3 + .linklist		{ display: none; visibility: hidden; }

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

ul.menubar { position: absolute; z-index: -5; visibility: hidden; display: none; }


/* -------------------------------  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; } 
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: 596px; height: 420px; }

div#index_otr_rb		{ margin-left: 35px; }

/* -------------------------------  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; z-index: -5; visibility: hidden; display: none; width: 0; }


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