A:active {color: #000000; TEXT-DECORATION: underline;}

/* this will be also default style */
.BodyText,TD,P{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #333333; line-height:18px;}
.BodyTextga{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color: #333333;}
.co_name {
	font-family: verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.BodyText a{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #333333;
 
	}
BodyText a:active, BodyText a:link, BodyText a:visited{
	color: #333333;
}
.BodyText a:hover{
	text-decoration:underline;
	}

/*------------------------------------------------------------------------------*/
.menubar
{
	font-family: verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
A.menubar:active {color: #ffffff; TEXT-DECORATION: none;}
A.menubar:visited {color: #FFCC00; TEXT-DECORATION: none;}
A.menubar:link {color: #ffffff; TEXT-DECORATION: none;}
A.menubar:hover {color: #FFCC00; TEXT-DECORATION: none;}


/*------------------------------------------------------------------------------*/
.h1 {
	font-family: verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.h1 a {
  color: #003366;
  text-decoration:none;
  line-height:18px;
}
.h1 a:hover{
  color: #D72800;
  text-decoration:none;
}

.h2 {
	font-family: verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #326495;
	text-decoration: none;
}
.h3 {
	font-family: verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	color: #FFAA01;
	text-decoration: none;
}
.h4 {
	font-family: verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
.h1sidehead {
	font-family: verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.h1righthead {
	font-family: verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #DC4B12;
	text-decoration: none;
}

.bodyheadtxt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #DC4B12;
	font-weight: bold;
}
.boldorgtext{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FF9900;
	font-weight: bold;
}

.head1 {
	font-family: verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #56514E;
	text-indent:25px;
}
.text1 {font-family: verdana,Arial; font-size: 9px; color: #336666;}
.copyright {font-family: verdana,Arial; font-size: 9px; color: #FFFFFF;}
.copyright1 {font-family: verdana,Arial; font-size: 9px; color: #000000;}
.normaltext {font-family:verdana,arial; font-size:10px; color: #DC4B12;}
.smalltext {
	font-family:verdana, arial;
	font-size:9px;
	color: #333333;
	text-decoration: underline;
}
.whtnrml {font-family:verdana,arial; font-size:10px; color: #FFFFFF;}


.navitxt {
	font-family:verdana, arial;
	font-size:11px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
A.navitxt:active {color: #000000; TEXT-DECORATION: none;}
A.navitxt:visited {color: #DC4B12; TEXT-DECORATION: none;}
A.navitxt:link {color: #000000; TEXT-DECORATION: none;}
A.navitxt:hover {color: #DC4B12; TEXT-DECORATION: none;}


.chkbox {font-family:verdana,arial; font-size:10px; color: #000000;}
.sidebutton {
	font-family: verdana,Arial;
	font-size: 10px;
	color: #92061D;
	font-weight: bold;
}

/*------------------------------------------------------------------------------*/
.footer1 {
	font-family: verdana, Arial;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
.footer2 {
	font-family: verdana, Arial;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
A.footer2:link {
	font-family: verdana, Arial;
	font-size: 9px;
	color: #FFFF00;
	font-weight: normal;
	text-decoration: none;
}
A.footer2:active {
	font-family: verdana, Arial;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
A.footer2:visited{
	font-family: verdana, Arial;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
A.footer2:hover {
	font-family: verdana, Arial;
	font-size: 9px;
	color: #FFFF00;
	font-weight: normal;
	text-decoration: none;
}

/*------------------------------------------------------------------------------*/
.tableborder {
	background-color: #f2f2f2;
	border-bottom: 1px solid  #A13813;
	border-right: 1px solid #A13813;
	border-left: 1px solid #A13813;
	border-top:1px solid  #000000;
	color:#EBE2CB;
	height:25px;
	text-decoration:none;
	cursor: hand; 
	text-align:center; 
	padding:1 2 1 2
}

.emptytdcolor {
	background-color: #DADADA;
}

body {
	background-color: #FFFFFF;
}

body, td, th {
	color: #333333;
}

h1, h2 {
	color: #666666;
}

h3, h4, h5, h6 {
	color: #006699;
}

a {
  color: #003366;
}


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


A.copyright:link
{
	text-decoration: none;
	color: #FFFFFF;
}

A.copyright:visited
{
	text-decoration: none;
	color: #FFFFFF;
}

A.copyright:active
{
	text-decoration: none;
	color: #FFFFFF;
}

A.copyright:hover
{
	text-decoration: underline;
	color: #FFFFFF;
}


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


.Td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #CCCCCC;
	color: #666666;
	text-decoration: none;
	padding: 5pt;
	border: 1px solid #999999;
}
.BodyColor 
{
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
} 

/*.Td { text-indent: 1cm;}*/
.Td1 { background: #F2F2F2;}
.Td2 { background: #D2E2F4;}
.Td3 { background: #ffffff;}
.Td4 { background: #E8F2FB;}
.Td5 { background: #A0C5EA;}
.Td6 { background: #E0ECF7;}



/*------------------------------------------------------------------------------*/
/*
-------------------------------------------------------------------------------
Welcome to Design & Developed By Ezee technology dEsigner by viral p. desai All Rights Reserved.
-----------------------------------------------------------------------------
*/



.dropDown
{
	font-family:verdana;
    FONT-SIZE: 10px;
    FONT-weight: normal;
   	background-color: #f0f0f0;
	color:#555555;
}

.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	border-width: 3px;
	border-style: solid;
	padding: 5px;
}

form {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	}
.frm_product
{
		font-family:Verdana, Geneva, sans-serif !important;
}
input {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
}

.dheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #BAA993;
	text-decoration: none;
}
.dFooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #183869;
	text-decoration: none;
}
/*
-------------------------------------------------------------------------------
Welcome to Design & Developed By Ezee technology dEsigner by viral p. desai All Rights Reserved.
-----------------------------------------------------------------------------
*/
/*------------------------------------------------------------------------------*/

.SubHead{font-family: verdana,Arial; font-size: 11px; font-weight: bold; color: #926F3F;}
.tbox {font-family:verdana;font-size:11px;background: #f0f0f0;border-bottom: 1px solid #c4c4c4;border-right: 1px solid #c4c4c4;border-left: 1px solid #c4c4c4;border-top:1px solid #c4c4c4;color:#555555;height:18px;text-decoration:none;}

.tbox2 {font-family:verdana;font-size:11px;background: #f0f0f0;border-bottom: 1px solid #c4c4c4;border-right: 1px solid #c4c4c4;border-left: 1px solid #c4c4c4;border-top:1px solid #c4c4c4;color:#555555;text-decoration:none;}

.tarea {font-family:verdana;font-size:11px;background: #ffffff;border-bottom: 1px solid #c4c4c4;border-right: 1px solid #c4c4c4;border-left: 1px solid #c4c4c4;border-top:1px solid #c4c4c4;color:#555555;text-decoration:none;}
.sbttn {font-family:verdana;font-size:10px;font-weight: bold;background: #F2F2F2;border-bottom: 1px solid  #A13813;border-right: 1px solid #A13813;border-left: 1px solid #EBE2CB;border-top:1px solid  #EBE2CB;color:#333333;height:20px;text-decoration:none;cursor: hand}
.sbttnDelete {font-family:verdana;font-size:10px;font-weight: bold;background: #4F7FAE;border-bottom: 1px solid  #A13813;border-right: 1px solid #A13813;border-left: 1px solid #EBE2CB;border-top:1px solid  #EBE2CB;color:#EBE2CB;height:20px;text-decoration:none;cursor: hand}

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

.CommandButton 
{
	font-family:verdana;
	font-size:10px;
	font-weight: bold;
	background: #4F7FAE;
	border-bottom: 1px solid  #ccccCC;
	border-right: 1px solid #ccccCC;
	border-left: 1px solid #ccccCC;
	border-top:1px solid  #EBE2CB;
	color:#ffffff;
	height:20px;
	text-decoration:none;
	cursor: hand; 
	text-align:center; 
	padding:1 2 1 2
}
	
A.CommandButton:hover 
{
	font-family:verdana;
	font-size:10px;
	font-weight: bold;
	background: #4F7FAE;	
	border-bottom: 1px solid  #A13813;
	border-right: 1px solid #A13813;
	border-left: 1px solid #A13813;
	border-top:1px solid  #EBE2CB;
	color:#EBE2CB;
	height:20px;
	text-decoration:none;
	cursor: hand; 
	text-align:center; 
}
A.CommandButton:visited 
{
	font-family:verdana;
	font-size:10px;
	font-weight: bold;
	background: #4F7FAE;	
	border-bottom: 1px solid  #A13813;
	border-right: 1px solid #A13813;
	border-left: 1px solid #A13813;
	border-top:1px solid  #EBE2CB;
	color:#EBE2CB;
	height:20px;
	text-decoration:none;
	cursor: hand; 
	text-align:center; 

}
A.CommandButton:link 
{
	font-family:verdana;
	font-size:10px;
	font-weight: bold;
	background: #4F7FAE;	
	border-bottom: 1px solid  #A13813;
	border-right: 1px solid #A13813;
	border-left: 1px solid #A13813;
	border-top:1px solid  #EBE2CB;
	color:#EBE2CB;
	height:20px;
	text-decoration:none;
	cursor: hand; 
	text-align:center; 
}

.sbttn1 {font-family:verdana;font-size:10px;font-weight: bold;background: #cccccc;border-bottom: 1px solid #555555;border-right: 1px solid #555555;border-left: 1px solid #dfdfdf;border-top:1px solid #dfdfdf;color:#555555;height:20px;text-decoration:none;cursor: hand}

.sbttn2 {font-family:verdana;font-size:10px;font-weight: bold;background: #4F7FAE;border-bottom: 1px solid #004568;border-right: 1px solid #004568;border-left: 1px solid #008FD7;border-top:1px solid #008FD7;color:#eeeeee;height:20px;text-decoration:none;cursor: hand}

.HeadBg
{
	background-color: #000000;
}
/*
-------------------------------------------------------------------------------
Welcome to Design & Developed By Ezee technology dEsigner by viral p. desai All Rights Reserved.
-----------------------------------------------------------------------------
*/


.SiteTitle
{
	font-weight: bold;
	font-size: 24px;
	color: #FF9900;
	font-family: Verdana, Helvetica, sans-serif;
}



/* background/border colors for the selected tab */
.TabBg
{
	background-color: #FF9900;
	border-color: #FF9900;
	font-family: Verdana, Helvetica, sans-serif;
	color: #FF9900;
}
/*
-------------------------------------------------------------------------------
Welcome to Design & Developed By Ezee technology dEsigner by viral p. desai All Rights Reserved.
-----------------------------------------------------------------------------
*/

/* background/border colors for the unselected tabs */
.OtherTabsBg
{
	background-color: #ffffff;
	border-color: #FF9900;
	font-family: Verdana, Helvetica, sans-serif;
	color: #000000;
}

/* text style for the selected tab */
.SelectedTab
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}

/* text style for the unselected tabs */
.OtherTabs
{
	background-color: #ff9900;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
/*
-------------------------------------------------------------------------------
Welcome to Design & Developed By Ezee technology dEsigner by viral p. desai All Rights Reserved.
-----------------------------------------------------------------------------
*/

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link
{
	text-decoration: none;
	color: #000000;
}

A.OtherTabs:visited
{
	text-decoration: none;
	color: #000000;
}

A.OtherTabs:active
{
	text-decoration: none;
	color: #000000;
}

A.OtherTabs:hover
{
	text-decoration: underline;
	color: #000000;
}

/*
-------------------------------------------------------------------------------
Welcome to Design & Developed By Ezee technology dEsigner by viral p. desai All Rights Reserved.
-----------------------------------------------------------------------------
*/

/* text style for the site links (at extreme top-right of header) */
TFOOT, THEAD
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9900;
}

.Error
{
	font-weight: bold;
	color: #FF9900;
}

.Message
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-size: 11px;
	background-color: #FF9900;
	}
.boldbluetxt {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #0A246A;
	font-weight: bold;
}
.image{
	cursor: hand;
}

.readmore
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0053ec;
	text-decoration:none;
	font-weight:bold;
	
}
.readmore:link{color:#0053ec;}
.readmore:active{color:#0053ec;}
.readmore:visited{color:#0053ec;}
.readmore:hover{color:#ff7403; text-decoration:underline;}
 
/*  New Change 16-jun-2010 to Till Date*/
.subheading{
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#0047b6;
	letter-spacing:0.25pt;
	float:left;
 	padding-bottom:12px;
	padding-top:10px;
}
.list{
	padding:0;
	margin:0;
	list-style:none;
	padding-left:5px;
}
.list li{
	padding:0;
	margin:0;
	display:block;
	line-height:20px;
	background:url(../images/arrow.jpg) no-repeat left;
	padding-left:12px; 
	
}
.sidebar{
	padding:0;
	margin:0;
}
.sidebar a{
	padding:0;
	border:0;
	text-decoration:none;
}
.sidebar a img{
	margin-top:3px;
}
.list1{
	padding:0;
	margin:0;
	list-style:none;
	padding-left:5px;
}
.list1 li{
	padding:0;
	margin:0;
	display:block;
	line-height:18px;
	padding-top:5px;	
}
/*  End 16-jun-2010*/
/*
The best way to describe these to you is to just to show you examples, so with the best example possible I will begin, in your CSS file use this code:
div.center {
text-align: center;
}

div.indent {
margin: 20px;
text-decoration: underline;
}

You will see that we have given attributes to 2 of the same tag, in this example I have given different attributes to the div tag. To call up a class you use the class="" attribute. In your HTML page when you put your text between the <div class="center"> TEXT </div> you will see that the text is aligned in the center. When you use the code <div class="indent"> TEXT </div> the text is padded 20 pixels in from the left and the text is underlined. E.G.
This text is centred
This text is 20px from the left and underlined

The codes
<div class="center">This text is centred</div>
<div class="indent">This text is 20px from the left and underlined</div>

You see, when the browser reads the page it sees that the DIV tag is there, it then reads that the div tag wants the class 'center' or 'indent', it then looks through your CSS for the corresponding styles and applies them to it.

You can apply the class to any tag, even the body tag.

Another example

Applying multiple classes to the <p> tag. First of all you must give each p tag a name, the name of the class is the name given after the dot. E.G.
p.centerunderline {   text-align: center;
  text-decoration: underline;
}

All P tags with the class name 'centerunderline' will be aligned in the center of the page and will also be underlined. You see in the CSS code you have p.centerunderline and the class name is the word given after the p. You then call the class by using the code class="". Simple isn't it?

Of course, if you wanted to customize every paragraph on your page you would just use the normal p { style style }. And then for every class it would be <p class="classhere">


As you can probably tell from the name this means having an external file and then linking to it from your page so you don't have all that code in your head tags in every single page. This is a lot easier than it may seem, first of all open notepad and copy the following code:
body {
 background-color: #000000;
 color: #FFFFFF;
 text-decoration: underline;
 font-family: Courier New", Courier, monospace;
}

When you have copied this into notepad, save the file as mystyle.css. (You may need to write "mystyle.css" for this to work). The *.css is important because you are saving this file as a cascading stylesheet and this is the file extension for these. Now you have this saved make sure it is in the same folder as your HTML page.

In your HTML page, inside the head tag, where we would normally put the <style type="text/css"> part of the code, instead of using this we will link to our already made external stylesheet. The code for linking to an external stylesheet is:
<link rel="stylesheet" type="text/css" href="mystyle.css">

The only part of this code you will ever need to change is the href="mystyle.css" part (Location of the stylesheet). You will need to change the filename to whatever you have decided to call the external stylesheet, in this case its called 'mystyle.css' but sometimes the directory of the file may change, depending on where you put the file. This is the full example of what your HTML page will look like.
<html>
<head>
<title>External Stylesheet</title>

<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

<body>
</body>
</html>

If you have done everything correctly then you will have linked to your external stylesheet which will have loaded the attributes:
body {
 background-color: #000000;
 color: #FFFFFF;
 text-decoration: underline;
 font-family: Courier New", Courier, monospace;
}

In every page you have linked to this stylesheet the background colour will be black, the font colour will be white, ECT. This is much easier than writing all the CSS in the head of each page. 


*/