/*  
    CSS for all screen pages in the CLL Topics site  
	
        Author: P. C. Venkat
		Author URI: www.clltopics.org
*/


html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
    margin: 0; 
    padding: 0; 
    border: 0; 
}

body            {
    font-size: 100.01%;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}

td,th           {
	font-family: Arial, Helvetica, sans-serif;
}


a         {color: #AA0000;}
a:visited {color: #800080;}
a:hover   {color: #FF0000;}
a:active  {color: #0000FF;}


#PrintCopyrightNotice, #SimpleDisclaimer { display: none; }

#TopMar         {
	position:absolute;
	left:10px;
	top:10px;
	width:1024px;
	height:131px;
	z-index:2;
	visibility: visible;
}

#TopMarExt      {
	position:absolute;
	left:1028px;
	top:11px;
	width:772px;
	height:131px;
	z-index:2;
	visibility: visible;
	background-image: url(images/BannerSlice.jpg);
	background-repeat:repeat-x;
}

#PageTopGraphic, #PageBotGraphic, #balloon, #Decoration  {
	position:relative;
	width:auto;
	height:auto;
	z-index:0;
	visibility:visible;
}

	
#DocBody       {
	position:absolute;
	left:50px;
	top:143px;
	width:auto;
	height:auto;
	Z-index:0;
	visibility: visible;
}

#Printable     {
	position:relative;
	left:0px;
	width:auto;
	height:auto;
	Z-index:1;
	visibility: visible;
}

#SimpleDisclaimer {
	position: relative ;
	height:auto;
	width:auto;
	z-index:1;
}	

#PrintCopyrightNotice {
	position: relative ;
	height:auto;
	width:auto;
	z-index:1;
}	

#SearchBar     {
	position: relative ;
	height:auto;
	width:auto;
	z-index:1;
}

#SearchBox     {
	position: relative ;
	height:auto;
	width:auto;
	z-index:1;
}

#BotMar       {
	position: relative ;
	left:-50px;
	bottom:0px;
	height:140px;
	width:auto;
	z-index:1;
}

#TopicTitle   {
	position:absolute;
	left:75px;
	bottom:120px;
	width: 280px;
	z-index:1;
	visibility: visible;
} 

#Compass      {
	position:absolute;
	left:10px;
	bottom:12px;
	height:51px;
	width:50px;
	z-index:1;
	visibility: visible;
}

#NavBar       {
	position:absolute;
	left: 75px;
	bottom:84px;
	width:auto;
	z-index:1;
	visibility: visible;
}

#Aro          {
	position:absolute;
	left: 480px;
	bottom:84px;
	z-index:1;
	visibility: visible;
}

#Footer      {
	position:absolute;
	left:75px;
	bottom:10px;
	height:57px;
	width:437px;
	z-index:1;
	visibility: visible;
}

h1           { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; color: #005588; font-weight: bold; 
               margin-top: 1em; margin-bottom: 1em; text-align:center; margin-left:25px; margin-right:25px; }
h2           { font-size: 1.25em; color: #800000; text-align: left; margin-top:1.25em;
               margin-left: 25px; margin-right: 25px; font-weight:bold; margin-bottom:1.25em; }
h3           { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; color: #999999; font-weight: bold; 
               text-align: left; margin-left: 25px; margin-right: 25px; margin-bottom: 1.5em; }
h4           { font-size: .95em; font-weight: bold; color: #906666; text-align: left; 
               font-family: Georgia, "Times New Roman", Times, serif;
               margin-left: 25px; margin-right: 25px; margin-top: 1.5em; margin-bottom: .85em;}
h5           { font-family: Georgia, "Times New Roman", Times, serif; font-size: .9em; color: #999999; font-weight: bold; 
               text-align: left; margin-left: 25px; margin-right: 25px; margin-bottom: .9em; margin-top:1.2em; }
h6           { color: #800000; font-size: .85em; text-align: left; line-height: 1.3em; font-weight: bold; 
               margin-left: 25px; margin-right: 25px; margin-bottom: .9em; margin-top:1em; }	

.datename    { font-size: .92em; color: #800000; text-align: left; 
               margin-left: 25px; margin-right: 25px; margin-bottom: 1.5em; }

.stxt        { color: #005588; font-size: .85em; text-align: left; line-height: 1.3em;
               margin-left: 25px; margin-right: 25px; margin-bottom: .9em; margin-top:.9em; }
.stxtSB      { color: #005588; font-size: .85em; text-align: left; line-height: 1.3em;
               margin-left: 75px; margin-right: 75px; margin-bottom: .9em; margin-top:.9em; }
.bptxt       { color: #005588; font-size: .85em; text-align: left; line-height: 1.3em; 
               margin-left: 75px; margin-right: 25px; margin-bottom: .7em; margin-top:.7em; }
.stxtBlk     { color: #000000; font-size: .85em; text-align: left; line-height: 1.3em;
               margin-left: 25px; margin-right: 25px; margin-bottom: .9em; margin-top:.9em; }
.ctxt		 { color: #005588; font-size: .85em; text-align: center; line-height: 1.3em;
               margin-left: 25px; margin-right: 25px; margin-bottom: .9em; margin-top:.9em; }

.gtxt		 { font-family: Georgia, "Times New Roman", Times, serif; 
               color: #005588; font-size: .85em; text-align: left; line-height: 1.3em; 
			   margin-left: 25px; margin-right: 25px; margin-bottom: .85em; margin-top:.85em; }
.getxt       { font-family: Georgia, "Times New Roman", Times, serif; color: #800000; font-size: .85em; text-align: left; 
               line-height: 1.3em; margin-left: 25px; margin-right: 25px; margin-top: .85em; margin-bottom: .85em; }
.gctxt       { font-family: Georgia, "Times New Roman", Times, serif; color: #788487; font-size: .85em; text-align: left; 
               line-height: 1.3em; margin-left: 25px; margin-right: 25px; margin-top: .85em; margin-bottom: .85em; }

.ab          { font-family: Georgia, "Times New Roman", Times, serif; font-size: .8em; text-align: left; color: #000000; 
               margin-left: 75px; margin-right: 75px; margin-top: .85em; margin-bottom: .85em; }			   
.abttl       { font-size: .85em; text-align: left; color: #777777; margin-left: 75px; margin-right: 75px; 
			   margin-top: .85em; margin-bottom: .85em; font-weight: bold;}
			   		   
.tbltxt1     { color: #005588; background-color: #FFF6F1; font-size: .75em; padding-left:20px; padding-right:20px; }
.tbltxt2     { color: #800000; background-color: #FFF0E4; font-size: .75em; padding-left:20px; padding-right:20px; }
.tbltxt3     { color: #005588; background-color: #FFFCF2; font-size: .75em; padding-left:20px; padding-right:20px; }
.tbltxt4     { color: #800000; background-color: #FFFCF2; font-size: .75em; padding-left:20px; padding-right:20px; }
.tbltxt4H    { color: #800000; background-color: #FFFCF2; font-size: .75em; padding-left:20px; padding-right:20px; 
               padding-top:20px; border-bottom:1px solid #E0C0C0; font-weight:bold;}
.tbltxt5     { color: #800000; background-color: #F6F6F1; font-size: .75em; padding-left:20px; padding-right:20px; }
.tbltxtH     { color: #FFFFFF; background-color: #CFAFAF; font-size: .85em; font-weight: bold; 
               padding-bottom: 10px; padding-top: 10px; padding-left:20px; padding-right:20px; }

.blurbhd3    { font-family: "Times New Roman", Times, serif; color: #666677; font-size: 1em; font-weight: 
               bold; text-align: left; margin-left: 25px; margin-right: 25px; margin-bottom: .7em; margin-top:.7em; }
.blurbhd1    { font-size: 1em; font-weight: bold; color: #CC0000; text-align: left; 
               margin-left: 25px; margin-right: 25px; margin-top: 1.8em; margin-bottom: 0.7em; }

.txtHP       { color: #000080; font-size: .8em; text-align: left; line-height: 1.3em;
               margin-bottom: .7em; margin-top:.7em; margin-left:25px; margin-right:25px; }
.txtHPM      { color: #800000; font-size: .8em; text-align: left; line-height: 1.3em;
               margin-bottom: .7em; margin-top:.7em; margin-left:25px; margin-right:25px; }
.ctxtHP      { color: #000080; font-size: .8em; text-align: center; line-height: 1.3em;
               margin-bottom: .7em; margin-top:.7em; }

.smgreyit    { color: #505050; font-size: .66em; font-style: italic; 
               text-align: left; margin-bottom: .4em; }
.relart      { color: #000099; font-size: .66em; font-style: italic; font-weight:bold; line-height:1.5em;
               text-align:right; margin-top:-2.7em; margin-bottom:2.6em; margin-left:25px; margin-right:75px;}			   
.boxgtxt     { font-family: Georgia, "Times New Roman", Times, serif; color:#000080; font-size: .85em; text-align: left; 
               line-height: 1.3em; margin-left: 35px; margin-right: 35px; margin-bottom: 1.2em; margin-top:.85em; }
.captxt      { font-family: Georgia, "Times New Roman", Times, serif; color: #800000; font-size: .825em; text-align: left; 
               font-weight: bold; margin-left: 25px; margin-right: 25px; margin-top: 1em; margin-bottom: 1.6em;line-height:130%;  }
.trgrbold    { font-family: Georgia, "Times New Roman", Times, serif; color: #222222; font-size: .85em; font-style: 
               italic; text-align: center; margin-left: 25px; margin-right: 25px; margin-bottom: .8em; }
.disclaimer  { font-family: Georgia, "Times New Roman", Times, serif; font-size: .85em; font-style: italic;
	           color: #990000; }

.clr         { font-size: .2em; clear:both; line-height: .2em; margin-bottom:0; margin-top:0; }

span.orb     { color: #EE8833; font-weight:bold;}
span.purital { color: #800080; font-style: italic; }
span.purbold { color: #800080; font-weight: bold; }
span.hilite  { background-color: #FFFFAF; }
span.hiblue  { background-color: #B8F8FF; }
span.hipi    { color: #800080; font-style: italic;  background-color: #FFFFAF; }
span.hipb    { color: #800080; font-weight: bold;  background-color: #FFFFAF; }
span.capsubtxt   { color: #404040; font-size: .85em; font-weight: normal; }

.tn     	 {
	border:0;
	float:left;
	margin-right:10px; 
	margin-top: 4px;
	margin-bottom:2px;
}

.summ        {
	clear: both;
	height: auto;
	margin-bottom: 10px;
	width: 90%;
}

.blueblock	 {
	background-color:#AACCDD;
	color:#FFFFFF;
	font-size:.7em;
	font-weight:bold;
	text-align:center;
	padding:8px;
	margin-left:2px;
	margin-right:2px;
	width:auto;
	height:auto;
	z-index: 1;
	visibility: visible;
}