body{font-size:12px; font-family:Arial, Helvetica, Tahoma, Verdana, sans-serif; padding: 0; margin: 0;  color:#000000; text-align:center}

A { FONT-SIZE: 12px; COLOR:#0066CC; TEXT-DECORATION: none }

A:link { COLOR:#333333; text-decoration:none;FONT-SIZE: 12px}

A:visited { COLOR:#333333; text-decoration:none;FONT-SIZE: 12px }

A:hover { COLOR:#999999; text-decoration:underline;FONT-SIZE: 12px}

hr {height:1px; color:#efefef;}
form {margin:0px; padding:0px;}
select {color:#000000; font-size:12px; border:1px solid #047B95;}
p, span{ font-family:Arial, Helvetica, Tahoma, Verdana, sans-serif;}

input{}
textarea,input{}

/*H Tags*/ /*default font-size for each H tag is 32,24,18,16,13,9 respectively*/

H1 {font-size:16px; color:#000000; margin:0px; font-weight:normal; font-weight:bold}
H1 a:link {font-size: 16px; font-weight: bold; color:#0099CC; margin:0px; padding-bottom:3px; text-decoration:none;}
H1 a:visited {font-size: 16px; font-weight: bold; color:#0099CC; margin:0px; padding-bottom:3px; text-decoration:none;}
H1 a:hover {font-size: 16px; font-weight: bold; color:#0099CC; margin:0px; padding-bottom:3px; text-decoration:none;}
/*use this for header (page title)*/


H2 {font-size: 18px; color:#000000; margin:0px; padding-bottom:3px; font-weight:normal}
H2 a:link {font-size: 18px; color: #666666;}
H2 a:visited {font-size: 18px; color: #666666;}
H2 a:hover {font-size: 18px; color: #666666;}
/*use this for sub-header (you can say sub title), for ex. I used it in Glossary page*/

H3 {font-size: 14px; color:#000000; margin:0px; padding-bottom:3px; font-weight:normal; text-decoration:underline}
H3 a:link {font-size:14px; font-weight:bold; color:#990000; text-decoration:none;}
H3 a:visited {font-size:14px; font-weight:bold; color:#990000; text-decoration:none;}
H3 a:hover {font-size:14px; font-weight:bold; color:#990000; text-decoration:underline;}
/*use this for small-title */

H4 {font-size:16px;color:#ff0000; margin:0px; font-weight:bold; text-align:center}
h4 a:link {font-size:16px; font-weight:bold; color:#ff0000; text-decoration:none}
h4 a:visited {font-size:16px; font-weight:bold;  color:#ff0000; text-decoration:none}
h4 a:hover {font-size:16px; font-weight:bold;  color:#ff0000; text-decoration:underline}
/*use this for bold text with special identification for ex. I used it in glossary word*/

H5 {font-size:14px; font-weight:bold; margin:0px; }
h5 a:link {font-size:14px; font-weight:bold; text-decoation:none; color:#000000;}
h5 a:visited {font-size:14px; font-weight:bold; text-decoation:none; color:#000000}
h5 a:hover {font-size:14px; font-weight:bold; text-decoation:none; color:#999999;}

/*use this for bold small title (no special identification)*/


H6 {font-size:19px; color:#000000; margin:0px; padding-bottom:3px; font-weight:normal}
h6 a:link {font-size:24px; font-weight:bold; color:#ff0000; text-decoration:none}
h6 a:visited {font-size:24px; font-weight:bold;  color:#ff0000; text-decoration:none}
h6 a:hover {font-size:24px; font-weight:bold;  color:#ff0000; text-decoration:underline}

/* here I used it for small italic or very small notes*/

/*-----------------------------------------------------------left------------------------------------------------------------*/

.midbox{width:780px; margin:0px auto; text-align:left; padding:2px;}
.mainleft{width:228px; float:left;}
.mainleft a:hover {text-decoration:none;}
.mainright{width:550px; float:right; background-image:url(../images/leftbgimgline.jpg); background-position:left; background-repeat:repeat-y}
.serbtbox{background-image:url(../images/sericon.jpg); background-position:left; background-repeat:no-repeat; font-size:11px;  text-align:right; padding:3px; border:#CCCCCC 1px solid}
.titlecol{text-align:left; color:#CA1330; font-size:14px; float:left; font-weight:bold}

.homelink{width:100%; float:left; text-align:center;}
.homelink A{color:#333333}
.homelink A:visited {COLOR:#333333;}
.homelink A:hover {COLOR:#666666; text-decoration:underline}
.homelink ul {margin:2px; padding:0; list-style-type: none;} 
.homelink li {margin: 2px 0 5px; padding-bottom:3px;}
.homelink li.brotitle{font-size:16px;background-image:url(../images/bro_botline.jpg); background-position:bottom; background-repeat:repeat-x;}



/*-----------------------------------------------------------right------------------------------------------------------------*/

.inright {width:535px; float:right;}

.inright A{color:#333333}
.inright A:visited {COLOR:#333333;}
.inright A:hover {COLOR:#666666; text-decoration:underline}
.inright ul {margin:2px; padding:0; list-style-type: none;} 
.inright li {margin: 2px 0 5px; padding-bottom:3px;}

.titeltopbro{border-top:#E1E1E1 1px solid; padding: 5px 0 5px 0; float:left; width:100%}
.hometitel{font-size:14px; color:#6D6D6D; float:left; font-weight:bold}

.hometitelcol{color:#333333;float:right; background:url(../images/leftdotline.jpg); background-position:left; background-repeat:repeat-y; padding-left:5px; width:170px}

.hometitelredcol{color:#CA1330; font-size:14px; float:left; font-weight:bold}}
.hometitelcol span{color:#00FF00; font-size:14px; color:#CA1330; font-weight:bold}
.hometitelcol A{color:#333333;font-size:12px;}
.hometitelcol A:visited {COLOR:#333333;;font-size:12px}
.hometitelcol A:hover {COLOR:#333333; text-decoration:underline;font-size:12px; margin:0px auto;}


.morelink{width:35px; font-size:9px; float:right}
.morelink A{color:#CA1330;font-size:9px}
.morelink A:visited {COLOR:#CA1330;;font-size:9px}
.morelink A:hover {COLOR:#CA1330; text-decoration:underline;font-size:9px; margin:0px auto;}


.chirag{border:#999999 1px solid; float:left; padding:3px; height:60px; margin:10px}
.right_articles {color:#414141; padding:5px; margin: 0 5px 3px 0; float:left; width:250px}
.image {float:left;margin: 0 9px 3px 0;}
	


/*-----------------------------------------------------------datagird---------------------------------------------------------*/

.datagrid_main{padding:20px;color:#000000; font-weight:normal; font-size:12px; text-align:left; border:#CCCCCC 1px solid}
.datagrid_main td{height:24px;}

.datagrid_altcol{background-color:#f7f7f7}

.datagrid_pagelist {background-color:#c9c9c9;}
.datagrid_pagelist td{padding:2px; border:none;}
.datagrid_pagelist a:link {color:#0066CC; font-size:12px;  background-color:#FFFFFF; padding:5px; border:#999999 1px solid;}
.datagrid_pagelist a:active {color:#0066CC; font-size:12px;  background-color:#FFFFFF;padding:5px; border:#999999 1px solid;}
.datagrid_pagelist a:visited {color:#0066CC; font-size:12px;background-color:#FFFFFF;padding:5px; border:#999999 1px solid;}
.datagrid_pagelist a:hover {color:#ffffff; font-size:12px;  background-color:#0066CC; border:#999999 1px solid;}

.datagrid_head{background-color:#E2E2E2; height:28px;text-align:left; font-weight:normal}
.datagrid_head td{}
.datagrid_head a:link { font-size:12px;font-weight:normal;}
.datagrid_head a:visited { font-size:12px; font-weight:normal;}
.datagrid_head a:hover {font-size:12px; font-weight:normal;}

.datagrid_hovcol{padding:20px; background-color:#EDF9FE; color:#000000; font-size:12px; text-align:left;}

.gridtopbox{float:left; width:940px; text-align:right;margin-top:10px;}
.gridtopleftbox{float:left; width:200px;text-align:left;}
.gridtoprightbox{float:right; width:230px;}

/*-----------------------------------------------------------form------------------------------------------------------------*/

table.formbox{width:850px; text-align:left}
.formbox td.validationbox{border:#CCCCCC 1px solid; font-size:12px; font-weight:bold; height:24px;}


.formgraybox{border:#CCCCCC 1px solid; padding:20px;}
.formgrayboxtitle{height:35px; background-color:#efefef; font-size:14px; padding-left:178px; width:798px}

table.formgraybox_innerbox{}
.formgraybox_innerbox td.righttxt{text-align:right;}


.adtitle{width:250px}
.checkbox_box{font-size:10px}


