/*	File: hincss.css			
										
FF CC 99 66 33 00	Lynda Weinman's 216 Web-safe Color Combinations
Black		= FFFFFF
White		= 000000
PowderBlue	= B0E0E6
Skyblue		= 87CEEB
Silver		= c0c0c0

Arial		is for Windows
Helvetica	is for Mac
sam-serif	is for all other systems

The id selector is used to specify a style for a single, unique element.
The id selector uses the id attribute of the HTML element, and is defined using the hash symbol "#"
The style rule below will be applied to the element with 
id="area1"


The class selector can be used by multiple elements.
The class selector uses the class attribute of the HTML element, and is defined using the period symbol "."
The style rule below will be applied to the element with 
class="pesudo"

*/


/* ------------------------------------------------------------
				Standard Code 
   ------------------------------------------------------------ */
 <style type ="text/css" media="all">

 *				{
				text-align:			left;
				color:				#000000;
				font-family:		Arial, Helvetica, san-serif;
				text-align:			left;
				background-color:	#FFFFFF;
				}
				
body			{
				color:				#000000;
				text-align:			left;
				background-color:	#FFFFFF;
				}
				
h1				{	font-size:		24pt;	}
h2				{	font-size:		18pt;	}
h3				{	font-size:		12pt;	}
h4				{	font-size:		10pt;	}

p				{
				}
/* ------------------------------------------------------------
				Standard Code - Table Class Selectors 
   ------------------------------------------------------------ */
table			{
				font-size:			16px;
				border-spacing:		6px 0;
				}
table caption
				{
				font-size:			20px;
				color:				#FFF;
				padding:			8px;
				background-color:	#090;
				}
				
tr				{	
				background:			#ffffff;
				color:				#000000;
				border-width:		0px;
				border:				1px solid black;
				width: 				1000;
				border-spacing:		6px 0;
}
th				{	
				background:			#ffffff;
				color:				#000000;
				}
			
td				{	
				}
/* ------------------------------------------------------------
				Standard Code - Menu List Items 
   ------------------------------------------------------------ */

ul		{
				list-style:			none;
				float:				left
				align-text:			center;
				}
li		{
				border:				0px solid black;
				padding:			2px;
				margin:				10px;
				float:				left;
				}
li a				{
				padding:			8px;
				color:				black;
				font-size;			11pt;
				text-decoration:	none;
				}
li a:link			{
				background-color:	white;
				color:				red;
				}
li a:visited		{
				background-color:	black;
				color:				white;
				}
li a:active		{
				background-color:	lightgray;
				color:				black;
				}
li a:hover 		{
				background-color:	red;
				color:				white;
				}
li a:focus 		{
				background-color:	red;
				color:				white;
				}
/* ------------------------------------------------------------
                     CSS Code  
					 
<p class="TextInBox">  
	TEXT GOES HERE 
</p>

   ------------------------------------------------------------ */
 
 
 /* ------------------------------------------------------------
                 CSS for Class selectors 
				 border: 1px dotted #000000;
   ------------------------------------------------------------ */
 .box2L		{
				text-align:			left;
				padding:			18px;
				width:				500px;
				border:				2px solid red;
				font-size:			12.0pt;
}

 .copyright		{
				font-size:			10.0pt;
				text-align:			left;
				padding:			3px;
				}
								
.page1C		{
				text-align:		center;
				font-size:		22.0pt;
				color:			blue; 
				}
.page2C		{
				text-align:		center;
				font-size:		18.0pt;
				color:			blue; 
				}
.page3C		{
				text-align:		center;
				font-size:		12.0pt;
				color:			red; 
				}
.page1L		{
				text-align:		left;
				font-size:		22.0pt;
				color:			blue; 
				}
.page2L		{
				text-align:		left;
				font-size:		14.0pt;
				color:			black; 
				}
.page3L			{
				text-align:		left;
				font-size:		12.0pt;
				color:			red; 
				}
.text-marquee	{
				font-size:		16.0pt;
				line-height:	115%;
				}
.menu-01		{
				text-decoration:none;
				position:		absolute;
				left:			50px;
				top:			10px;
				font-weight:	bold;
				z-index:		75;
				}
 .menu-02		{
				text-decoration:none;
				position:		absolute;
				left:			150px;
				top:			10px;
				font-weight:	bold;
				z-index:		75;
				}
.menu-03		{
				position:	absolute;
				left:		250px;
				top:		10px;
				font-weight:bold;
				z-index:	75;
				}
.menu-04		{
				position:	absolute;
				left:		350px;
				top:		10px;
				font-weight:bold;
				z-index:	75;
				}
 .menu-05		{
				position:	absolute;
				left:		450px;
				top:		10px;
				font-weight:bold;
				z-index:	75;
				}
.menu-xx		{
				position:	absolute;
				left:		350px;
				top:		250px;
				font-weight:bold;
				z-index:	75;
				}
/* ------------------------------------------------------------
                       
   ------------------------------------------------------------ */

.leader			{font-weight:bold;}
.latest			{text-align:right}
.leader.latest	{color: yellow;}
p.leader		{text-align: center;}

.pagehead		{
				position:		relative;
				top:			30px;	
				left:			200px;				
				font-size:		24.0pt;
				color:			#880077;
				color:			red; 
				text-align:		left;
				}
.pagehead2		{
				position:		relative;
				top:			30px;	
				left:			300px;				
				font-size:		32.0pt;
				color:			#880077;
				color:			red; 
				text-align:		left;
				}
.columnhead		{
				font-size:		16px;
				color:			#ff0000;
				text-align:		center;
				}
.box1			{
				font-color:			green; 
				border:				thin dashed #FF9900;
				border-width:		1px 1px 1px 1px;
				color:				#000000;
				font-size:			10.0pt;
				margin:				10px;
				padding:			1px;
				text-align:			left;
				width:				270px;
				}
.box3			{
				border:				thin solid #FF9900;
				border-width:		1px 1px 1px 1px;
				color:				#000000;
				font-size:			12.0pt;
				margin:				40px;
				padding:			5px;
				text-align:			left;
				width:				400px;
				}
				
.text-inbox		{
				border:				thin solid #FF9900;
				border-width:		3px 3px 3px 3px;
				color:				#000000;
				font-size:			14.0pt;
				margin:				50px;
				padding:			20px;
				text-align:			left;
				}
	
.TextInBox		{
				border:				thin solid #FF9900;
				border-width:		3px 3px 3px 3px;
				color:				#000000;
				font-size:			small;
				margin:				50px;
				padding:			20px;
				text-align:			left;
				}
	
.TextInBoxLeft	{
				border:				thin solid #FF9900;
				border-width:		3px 3px 3px 3px;
				color:				#000000;
				font-size:			small;
				margin:				50px;
				padding:			20px;
				text-align:			left;
				}


				The id selector is used to specify a style for a single, unique element.
/* ------------------------------------------------------------
                    Standard CSS Code  
<p id="TextInBox">  
	TEXT GOES HERE 
</p>
	The id selector is used to specify a style for a single, unique element.

   ------------------------------------------------------------ */					 
#top 			{
				width:1220px;margin:auto;height:60px;
				}

#menu			{
				float:				left;
				width:				100px;
				color:				red;
				font-size:			16.0pt;
				}
#pics			{
				float:				left;
				color:				red;
				font-size:			16.0pt;
				border:				thin solid #FF9900;
				border-width:		4px 4px 4px 4px;
				margin:				10px;
				padding:			10px;
				}



#top 			{		
				color:				red;
				font-size:			large;
				font-family:		Verdana, sans-serif;
				text-align:			center;
				}
	
#TextInBox2		{
				border:				thin solid #FF9900;
				border-width:		3px 3px 3px 3px;
				color:				#000000;
				font-size:			small;
				margin:				100px;
				padding:			20px;
				text-align:			center;
				}

#TextInBoxCen	{
				border:				thin solid #FF9900;
				border-width:		3px 3px 3px 3px;
				color:				#000000;
				font-size:			small;
				margin:				100px;
				padding:			20px;
				text-align:			center;
				}

</style>
/* ------------------------------------------------------------


                     
   ------------------------------------------------------------ */