P 	{
	MARGIN-TOP: 0px; 
	FONT-SIZE: 15px; 
	MARGIN-BOTTOM: 0px; 
	FONT-FAMILY: Arial
	}

TD 	{
	MARGIN-TOP: 0px; 
	FONT-SIZE: 15px; 
	MARGIN-BOTTOM: 0px; 
	FONT-FAMILY: Arial
	}

/* ============================================================== */
/* ============ Links information =============================== */


a 	  {text-decoration : underline;}
a:link	  { color: blue;}  
a:visited { color: blue;}   
a:active  { color: blue;}   
     








/* ========================================================== */
/* =========== main page body           ===================== */

.mainhdr
	{
	font-family	: arial, verdana, sans-serif;
	font-style	: normal;	/* normal..or..italic */
	font-weight	: normal;	/* normal..or..bold   */
	font-size	: 18px;		/* px..or. pt...or xxsmall..xsmall..small..medium..large..xlarge..xxlarge */
	text-align	: justify;
	color		: black;
	margin		: 0em 0em 0em 0em;  /* outside box..top, right, bottom, left  */
	padding		: 0em 0em 0em 0em;  /* inside box...top, right, bottom, left  */
	}

.maintext
	{
	font-family	: arial, verdana, sans-serif;
	font-style	: normal;	/* normal..or..italic */
	font-weight	: normal;	/* normal..or..bold   */
	font-size	: 15px;		/* px..or. pt...or xxsmall..xsmall..small..medium..large..xlarge..xxlarge */
	text-align	: justify;
	color		: black;
	margin		: 0px 15px 0px 0px;  /* outside box..top, right, bottom, left  */
	padding		: 0em 0em 0em 0em;  /* inside box...top, right, bottom, left  */
	}

.maintext-red
	{
	font-family	: arial, verdana, sans-serif;
	font-style	: normal;	/* normal..or..italic */
	font-weight	: normal;	/* normal..or..bold   */
	font-size	: 15px;		/* px..or. pt...or xxsmall..xsmall..small..medium..large..xlarge..xxlarge */
	text-align	: justify;
	color		: red;
	margin		: 0px 10px 0px 0px;  /* outside box..top, right, bottom, left  */
	padding		: 0px 0px 0px 0px;  /* inside box...top, right, bottom, left  */
	}

.maintext-small
	{
	font-family	: arial, verdana, sans-serif;
	font-style	: italic;	/* normal..or..italic */
	font-weight	: normal;		/* normal..or..bold   */
	font-size	: 15px;		/* px..or. pt...or xxsmall..xsmall..small..medium..large..xlarge..xxlarge */
	text-align	: justify;
	color		: black;
	margin		: 0px 20px 0px 20px;  /* outside box..top, right, bottom, left  */
	padding		: 0em 0em 0em 0em;  /* inside box...top, right, bottom, left  */
	}

.datetext
	{
	font-family	: arial, verdana, sans-serif;
	font-style	: normal;	/* normal..or..italic */
	font-weight	: normal;		/* normal..or..bold   */
	font-size	: 09px;		/* px..or. pt...or xxsmall..xsmall..small..medium..large..xlarge..xxlarge */
	text-align	: justify;
	color		: black;
	margin		: 0px 0px 0px 0px;  /* outside box..top, right, bottom, left  */
	padding		: 0em 0em 0em 0em;  /* inside box...top, right, bottom, left  */
	}

.box-text




.centered-text-arial-bold-24px
	{
	font-family	: arial, verdana, sans-serif;
	font-style	: normal;	/* normal..or..italic */
	font-weight	: bold;		/* normal..or..bold   */
	font-size	: 24px;		/* px..or. pt...or xxsmall..xsmall..small..medium..large..xlarge..xxlarge */
	text-align	: center;
	color		: black;
	margin		: 0em 0em 0em 0em;  /* outside box..top, right, bottom, left  */
	padding		: 0em 0em 0em 0em;  /* inside box...top, right, bottom, left  */
	}


.img-center
	{
	text-align	: center;
	margin		: 0em 0em 0em 0em;  /* outside box..top, right, bottom, left  */
	padding		: 0em 0em 0em 0em;  /* inside box...top, right, bottom, left  */
	}




/* ============================================================= */
/* =========== Tutorial detail ================================ */


.detail-pagehdr
	{
	background-color: white; 
	border-width	: 0px;
	border-style	: solid;     /* solid..double..groove..ridge..inset..none...or hiddne (for tables)  */   
	border-color	: #330066;	
	font-family	: "times new roman",verdana, serif;
	font-style	: normal;	/* normal..or..italic */
	font-weight	: bold;		/* normal..or..bold   */
	font-size	: 30px;		/* px..or. pt...or xxsmall..xsmall..small..medium..large..xlarge..xxlarge */ 
	text-align	: center;
	color		: #336699;  	    /* text any color...hex...or text...or rgb values */  
	margin		: 0px 0px 0px 8px;  /* outside box..top, right, bottom, left  */
	padding		: 0px 0px 0px 0px;  /* inside box...top, right, bottom, left  */
	}


.detail-sechdr
	{
	background-image: none;
	background-color: white;
	border-width	: 0px;
	border-style	: solid;     /* solid..double..groove..ridge..inset..none...or hiddne (for tables)  */   
	border-color	: #330066;	
	font-family	: arial, verdana, sans-serif;
	font-style	: normal;	/* normal..or..italic */
	font-weight	: bold;		/* normal..or..bold   */
	font-size	: 20px;		/* px..or. pt...or xxsmall..xsmall..small..medium..large..xlarge..xxlarge */ 
	text-align	: left;
	color		: #990000;            /* text any color...hex...or text...or rgb values */  
	margin		: 0px 0px 0px 0px;  /* outside box..top, right, bottom, left  */
	padding		: 0px 0px 0px 0px;  /* inside box...top, right, bottom, left  */
	}


.detail-secbody
	{
	background-image: none;
	background-color: white;
	border-width	: 0px;
	border-style	: solid;     /* solid..double..groove..ridge..inset..none...or hiddne (for tables)  */   
	border-color	: #330066;	
	font-family	: arial, verdana, sans-serif;
	font-style	: normal;	/* normal..or..italic */
	font-weight	: normal;	/* normal..or..bold   */
	font-size	: 15px;		/* px..or. pt...or xxsmall..xsmall..small..medium..large..xlarge..xxlarge */ 
	text-align	: justify;
	color		: black;         /* text any color...hex...or text...or rgb values */  
	margin		: 0px 10px 0px 5px;  /* outside box..top, right, bottom, left  */
	padding		: 0px 0px 0px 0px;  /* inside box...top, right, bottom, left  */
	}


.detail-secbody-red
	{
	background-image: none;
	background-color: yellow;
	border-width	: 1px;
	border-style	: solid;     /* solid..double..groove..ridge..inset..none...or hiddne (for tables)  */   
	border-color	: red;	
	font-family	: "times new roman", arial, verdana, sans-serif;
	font-style	: normal;		/* normal..or..italic */
	font-weight	: normal;		/* normal..or..bold   */
	font-size	: 15px;			/* px..or. pt...or xxsmall..xsmall..small..medium..large..xlarge..xxlarge */ 
	text-align	: justify;
	color		: red; 		   	/* text any color...hex...or text...or rgb values */  
	margin		: 0px 30px 0px 30px;	/* outside box..top, right, bottom, left  */
	padding		: 5px 5px 5px 5px;  	/* inside box...top, right, bottom, left  */
	}


.detail-parahdr
	{
	background-image: none;
	background-color: white;
	border-width	: 0px;
	border-style	: solid;     /* solid..double..groove..ridge..inset..none...or hiddne (for tables)  */   
	border-color	: #330066;	
	font-family	: arial, verdana, sans-serif;
	font-style	: normal;	/* normal..or..italic */
	font-weight	: bold;		/* normal..or..bold   */
	font-size	: 18px;		/* px..or. pt...or xxsmall..xsmall..small..medium..large..xlarge..xxlarge */ 
	text-align	: left;
	color		: #0066cc;     		/* text any color...hex...or text...or rgb values */  
	margin		: 0px 0px 0px 0px;	/* outside box..top, right, bottom, left  */
	padding		: 0px 0px 0px 0px;	/* inside box...top, right, bottom, left  */
	}


.detail-parabody-in
	{
	background-image: none;
	background-color: white;
	border-width	: 0px;
	border-style	: solid;     /* solid..double..groove..ridge..inset..none...or hiddne (for tables)  */   
	border-color	: #330066;	
	font-family	: arial, verdana, sans-serif;
	font-style	: normal;	/* normal..or..italic */
	font-weight	: normal;	/* normal..or..bold   */
	font-size	: 15px;		/* px..or. pt...or xxsmall..xsmall..small..medium..large..xlarge..xxlarge */ 
	text-align	: justify;
	color		: black;            /* text any color...hex...or text...or rgb values */  
	margin		: 0px 10px 0px 0px;  /* outside box..top, right, bottom, left  */
	padding		: 0px 0px 0px 50px;  /* inside box...top, right, bottom, left  */
	}

.detail-parabody-red
	{
	background-image: none;
	background-color: white;
	border-width	: 0px;
	border-style	: solid;     /* solid..double..groove..ridge..inset..none...or hiddne (for tables)  */   
	border-color	: #330066;	
	font-family	: arial, verdana, sans-serif;
	font-style	: normal;	/* normal..or..italic */
	font-weight	: normal;	/* normal..or..bold   */
	font-size	: 15px;		/* px..or. pt...or xxsmall..xsmall..small..medium..large..xlarge..xxlarge */ 
	text-align	: justify;
	color		: red;              /* text any color...hex...or text...or rgb values */  
	margin		: 0px 20px 0px 50px;  /* outside box..top, right, bottom, left  */
	padding		: 0px 0px 0px 0px;  /* inside box...top, right, bottom, left  */
	}


.detail-parabody-yellow-box
	{
	background-image: none;
	background-color: #ffffcc;
	border-width	: 1px;
	border-style	: solid;     /* solid..double..groove..ridge..inset..none...or hiddne (for tables)  */   
	border-color	: red;	
	font-family	: "times new roman", serif;
	font-style	: normal;	/* normal..or..italic */
	font-weight	: normal;	/* normal..or..bold   */
	font-size	: 30px;		/* px..or. pt...or xxsmall..xsmall..small..medium..large..xlarge..xxlarge */ 
	text-align	: justify;
	color		: yellow;   	/* text any color...hex...or text...or rgb values */  
	width		: 200px;
	margin		: 0px 0px 0px 30px;  /* outside box..top, right, bottom, left  */
	padding		: 5px 5px 5px 5px;  /* inside box...top, right, bottom, left  */
	}



.detail-parabody-list
	{
	background-image: none;
	background-color: white;
	border-width	: 0px;
	border-style	: solid;     /* solid..double..groove..ridge..inset..none...or hiddne (for tables)  */   
	border-color	: #330066;	
	font-family	: arial, verdana, sans-serif;
	font-style	: normal;	/* normal..or..italic */
	font-weight	: normal;	/* normal..or..bold   */
	font-size	: 15px;		/* px..or. pt...or xxsmall..xsmall..small..medium..large..xlarge..xxlarge */ 
	text-align	: justify;
	color		: black;            /* text any color...hex...or text...or rgb values */  
	margin		: 0em 0em 0em 6em;  /* outside box..top, right, bottom, left  */
	padding		: 0em 0em 0em 0em;  /* inside box...top, right, bottom, left  */
	}


/* ===========================to be deleted ======================================== */

.detail-parabody
	{
	background-image: none;
	background-color: white;
	border-width	: 0px;
	border-style	: solid;     /* solid..double..groove..ridge..inset..none...or hiddne (for tables)  */   
	border-color	: #330066;	
	font-family	: arial, verdana, sans-serif;
	font-style	: normal;	/* normal..or..italic */
	font-weight	: normal;	/* normal..or..bold   */
	font-size	: 30px;		/* px..or. pt...or xxsmall..xsmall..small..medium..large..xlarge..xxlarge */ 
	text-align	: justify;
	color		: black;          	/* text any color...hex...or text...or rgb values */  
	margin		: 0px 10px 0px 0px;	/* outside box..top, right, bottom, left  */
	padding		: 0em 0em 0em 4em;	/* inside box...top, right, bottom, left  */
	}












/* ========================================================== */
/* =========== Bookstore		===================== */

.bookstore-box
	{
	background-image: none;
	background-color: #ffffcc;
	border-width	: 3px;
	border-style	: solid;     /* solid..double..groove..ridge..inset..none...or hiddne (for tables)  */   
	border-color	: gray;	
	color		: black;
	font-family	: arial, verdana, sans-serif;
	font-style	: normal;		/* normal..or..italic */
	font-weight	: normal;		/* normal..or..bold   */
	font-size	: 15px;			/* px..or. pt...or xxsmall..xsmall..small..medium..large..xlarge..xxlarge */ 
	text-align	: left;

	margin		: 10px 10px 10px 20px;  /* outside box..top, right, bottom, left  */
	padding		: 1em 1em 1em 1em;  /* inside box...top, right, bottom, left  */
	}









/* ============================================================== */
/* ============ Lists information =============================== */

.ol-maintext
	{
	font-family	: arial, verdana, sans-serif;
	font-style	: normal;	/* normal..or..italic */
	font-weight	: normal;	/* normal..or..bold   */
	font-size	: 15px;		/* px..or. pt...or xxsmall..xsmall..small..medium..large..xlarge..xxlarge */
	text-align	: justify;
	color		: black;
	margin		: 0em 1em 0em 3em;  /* outside box..top, right, bottom, left  */
	padding		: 0em 0em 0em 0em;  /* inside box...top, right, bottom, left  */
	}



ul.none-text-arial-italic-12px
	{
	list-style-type : none;
	font-family	: arial, verdana, sans-serif;
	font-style	: italic;	/* normal..or..italic */
	font-weight	: normal;	/* normal..or..bold   */
	font-size	: 12px;  	/* px..or. pt...or xxsmall..xsmall..small..medium..large..xlarge..xxlarge */
	text-align	: justify;
	color		: black;
	margin		: 0em 0em 0em 2em;  /* outside box..top, right, bottom, left  */
	padding		: 0em 0em 0em 0em;  /* inside box...top, right, bottom, left  */
	}

ul.circle-italic-medium
	{
	list-style-type : circle;
	font-family	: arial, verdana, sans-serif;
	font-style	: italic;	/* normal..or..italic */
	font-weight	: normal;	/* normal..or..bold   */
	font-size	: small;	/* px..or. pt...or xxsmall..xsmall..small..medium..large..xlarge..xxlarge */
	text-align	: justify;
	color		: black;
	margin		: 0em 5em 0em 5em;  /* outside box..top, right, bottom, left  */
	padding		: 0em 0em 0em 0em;  /* inside box...top, right, bottom, left  */
	}


ul.disc
	{
	list-style-type : disc;
	}







/* =============================================================== */
/* ============  Hold Area ======================================= */

/*   http://www.pagetutor.com/pagetutor/makapage/bgcolors1536.html  */

/*	#003060;    dark blue			*/     
/*	#5f978f;    light blue green		*/
/*	#afd0cf;    light sea green		*/

/*	#003399;    medium blue			*/

/*	#2f5f8f; 				*/
/*	#ff0000;    red				*/
/*	#ffffcc;    yellow			*/