body { margin:0px; font-family:"Trebuchet MS";  margin:20px;}
.bodyTag {background:#FFFFFF;}

A { FONT-SIZE: 11px; COLOR: #1B4B8D; TEXT-DECORATION: none }

A:link { COLOR: #1B4B8D }

A:visited { COLOR: #1B4B8D }

A:hover { COLOR: #000000 }

td, p, span, div{ font-family:"Trebuchet MS";  font-size:14px; list-style:18px; }

table.checkbox td input{ background-color: transparent; border: 0px; }

hr {height:1px; color:#cccccc;}
form {margin:0px; padding:0px;}
select {color:#000000; font-size:11px; border:1px solid #047B95;}

/*H Tags*/ /*default font-size for each H tag is 32,24,18,16,13,9 respectively*/

H1 {font-size: 24px; font-weight: bold; color: #E26112; font-family:"Trebuchet MS"; margin:0px; padding-bottom:3px; line-height:30px;}
H1 a:link {font-size: 24px; font-weight: bold; color: #E26112; font-family:"Trebuchet MS"; margin:0px; padding-bottom:3px; border-bottom:1px solid #236AA8; text-decoration:none;}
H1 a:visited {font-size: 24px; font-weight: bold; color: #E26112; font-family:"Trebuchet MS"; margin:0px; padding-bottom:3px; border-bottom:1px solid #236AA8; text-decoration:none;}
H1 a:hover {font-size: 24px; font-weight: bold; color: #E26112; font-family:"Trebuchet MS"; margin:0px; padding-bottom:3px; border-bottom:1px solid #236AA8; text-decoration:none;}
/*use this for header (page title)*/


H2 {font-size: 20px; font-weight:bold; color: #123172; margin:3px;}
H2 a:link {font-size: 20px; font-weight:bold; color: #123172;}
H2 a:visited {font-size:20px; font-weight:bold; color: #123172;}
H2 a:hover {font-size:20px; font-weight:bold; color: #123172;}
/*use this for sub-header (you can say sub title), for ex. I used it in Glossary page*/

H3 {font-size:16px; font-weight:bold; color:#123172; margin:0px;}
H3 a:link {font-size:16px; font-weight:bold; color:#123172; text-decoration:none;}
H3 a:visited {font-size:16px; font-weight:bold; color:#123172; text-decoration:none;}
H3 a:hover {font-size:16px; font-weight:bold; color:#123172; text-decoration:underline;}
/*use this for small-title */

H4 {font-size: 20px; font-weight:bold; color: #446820; margin:3px;}
H4 a:link {font-size: 20px; font-weight:bold; color: #446820;}
H4 a:visited {font-size:20px; font-weight:bold; color: #446820;}
H4 a:hover {font-size:20px; font-weight:bold; color: #446820;}
/*use this for bold text with special identification for ex. I used it in glossary word*/

H5 {font-size:11px; font-weight:bold; margin:0px; }
h5 a:link {font-size:11px; font-weight:bold; text-decoation:none; color:#000000;}
h5 a:visited {font-size:11px; font-weight:bold; text-decoation:none; color:#000000}
h5 a:hover {font-size:11px; font-weight:bold; text-decoation:none; color:#999999;}

/*use this for bold small title (no special identification)*/


H6 {font-size:9px; font-style:italic; color:#666666; margin:0px; font-weight:normal}
h6 a:link {font-size:10px; font-weight:normal; font-style:italic; color:#666666; text-decoration:none}
h6 a:visited {font-size:10px; font-weight:normal; font-style:italic; color:#666666; text-decoration:none}
h6 a:hover {font-size:10px; font-weight:normal; font-style:italic; color:#666666; text-decoration:underline}


.mid { padding: 10px; }

.titlefont { font-size: 16px; font-weight: 600; color: #333333; height:30px; padding-left:5px; }

.subtitle { font-size:12px; font-weight:bold; color:#1A4991; padding-left:5px;}

input,textarea{color:#000000; border:1px solid #666666;}


.bdrmain { border:solid 2px #00208F;}

table.footer { border-left: 1px solid #747474; border-right: 1px solid #747474; border-top: 1px solid #747474; }
.footer td{ height:22px;}
.footer td.backcol{ color:#FFFFFF; background-color:#747474; vertical-align:middle; padding-left:5px; padding-right:5px; }



.sitetitlefont {font-size: 20px; font-weight: 500; color: #ffffff;}


