@charset "utf-8";
/* CSS Document */

html { width: 100%; height: 100%; }
body {width: 100%; height: 100%;
      margin: 0 0 0 0; padding: 0 ; 
      font-family: Tahoma, sans-serif;
      font-size: 75%; 	  
	   color: #000;
	   text-align: center;
		background: #fff }      

img { border:0 }

h1, h2, h3, h4, h6,
img, li, table, td, th, p, form, div { padding:0; margin: 0; }

a { color: #324490 }
a:hover { color: #5263ab }

h1 { font: 180% Tahoma, sans-serif; padding-bottom: .3em; color: #000  }
h2 { font: 150% Verdana, sans-serif; padding-bottom: .4em; color: #324490;  }
h3 { font: bold 130% Tahoma, sans-serif; padding-bottom: .4em; color: #7e8ec5;  }
h4 { font: bold 120% Tahoma, sans-serif; padding-bottom: .4em; color: #324490;  }
h6{ font: 75% Tahoma, sans-serif; padding-bottom: .1em; color: #586b78; }

input,textarea { padding: 0 0 0 .2em; font-family: 100% Tahoma, sans-serif  }
textarea {  font: 100% Tahoma, sans-serif  }

table { font-family: Tahoma, sans-serif; 
	     font-size: 100%;
		  border-collapse: collapse; }

p { padding: 0 0 1.2em 0; font: Tahoma, sans-serif }
p.red { font-weight: bold; color: #d50606 }
p.blue { font-weight: bold; color: #7e8ec5 }
p.brown { font-weight: bold;; color: #b97100 }

form { display: inline  } 
td, th { vertical-align: top; text-align: left  } 

.rlt { position: relative;  }	  
.lft { float: left}
.rght { float: right }



ul { list-style: none; margin: 0 0 .8em 10px; padding: 0; clear: both;   }	 
ul li { background:url(../img/li.gif) no-repeat 0 .3em; padding: 0 0 .5em 10px; font: 100% Tahoma, sans-serif; }		   

ol { padding: 0; margin: 5px 0 .8em 20px; //margin-left: 25px; clear: both; }
ol li { font: 100% Tahoma, sans-serif; padding: 0 0 .5em 0 } 

blockquote { background: url(../img/blockquote.gif) no-repeat 0 2px; padding: 0 0 12px 20px; margin: 0 0 1.2em 15px; color: #7b7b7b; font: italic 100% Arial }
blockquote div { background: url(../img/blockquote2.gif) no-repeat 100% 100%; padding-right: 24px }


.table { margin: 0 0 1.2em 0; clear: both }
.table th { background: #8898cd; color: #fff; padding: .4em 10px .5em 15px;
            font: bold 100% Tahoma, sans-serif; text-align: left  }
.table th.first { background: #8898cd url(../img/th-left.gif) no-repeat 0 0; padding-left: 15px }		
.table th.last { background: #8898cd url(../img/th-right.gif) no-repeat 100% 0; padding-right: 15px }			
.table td { border-bottom: 1px solid #dadada; padding: .6em 1em; font: 100% Verdana, sans-serif; }
.table tr.lastt td { border: none }

img.img-lft { float: left; border: 2px solid #919191; margin: 0 10px 5px 0 }
img.img-rgh { float: right; border: 2px solid #919191; margin: 0 0 5px 10px }

.nodisplay {display: none;}
.display {display: block;}

.w10 {width: 10% !important;}
.w20 {width: 20% !important;}
.w30 {width: 30% !important;}
.w40 {width: 40% !important;}
.w50 {width: 50% !important;}
.w60 {width: 60% !important;}
.w70 {width: 70% !important;}
.w80 {width: 80% !important;}
.w90 {width: 90%  !important;}
.w100 {width: 100% !important;}

/*    */
.fleft {float: left; margin-right: 10px; margin-top: 5px; border: solid 2px #c3636a;}
.fright {float: right; margin-left: 10px; margin-top: 5px; border: solid 2px #c3636a;}
/* EOF    */

.clearboth {clear: both !important;}
.bold {font-weight: bold;}
.red {color: #c3636a;}
.gray {color: #b7b7b7;}
.blue {color: #37699c;}
.small {font-size: 90%;}

H2.mt-20 {margin-top: 20px !important;}