/*   FONTS   */
 
body, p {font-family: arial, helvetica; font-size: 13px; font-weight: normal; font-style: none; color: #000000;}
td {font-family: arial, helvetica; font-size: 13px; font-weight: normal; font-style: none; color: #000000;}

.title1 {font-family: arial, helvetica; font-size: 11px; font-weight: normal; font-style: none; color: #FFEDC3;}
.title2 {font-family: arial, helvetica; font-size: 16px; font-weight: normal; font-style: none; color: #C4C400;}

/*  ol {font: 13px; arial, helvetica; color: #FFFFFF;}   */

#bodyWrapper {
	position: relative;	
	width: 850px;
	margin: 0 auto;
}


/*  =================================     LINKS    ======================================   */
/* 

	a.link3:hover { color: #FF0000; text-decoration: underline}      		(just goes on Hover line)  
    a.link3:hover { color: #FF0000; border-bottom: 1px dotted #666666}    	(dashed underline)   
    .link3 { display: block; width: 100%; color: #FFFFFF}    				(link on whole cell - just on .link3 top line)   

    ALSO - text-decoration: overline, underline overline, line-through or blink      
    font-style: italic;   font-weight: bold;     background-color:0000CC;     font-size: 12px;  

    Yellow  FFFF00    -    Red  FF0000    -    Blue  0000FF    -     Green  00FF00   */


/*  DEFAULT LINK & HOVER COLORS  (Blue - Red)   */
a:link { color: #0000FF}
a:visited { color: #0000FF}
a:hover { color: #FF0000}
a:active { color: #0000FF}

/*  EXTRA LINK & HOVER COLORS 2   */
.link2 { color: #A60000}
a.link2:link { color: #A60000}
a.link2:visited { color: #A60000}
a.link2:hover { color: #FF0000}
a.link2:active { color: #A60000}

/*  EXTRA LINK & HOVER COLORS 3   */
.link3 {  display: block; width: 100%; color: #FF0000}
a.link3:link { color: #000000}
a.link3:visited { color: #000000}
a.link3:hover { color: #FFFF00}
a.link3:active { color: #000000}

/*  EXTRA LINK & HOVER COLORS 4   */
.link4 {display: block; width: 100%;}
a.link4:link { color: #FFFFFF}
a.link4:visited { color: #FFFFFF}
a.link4:hover { font-weight: bold; color: #000000}
a.link4:active { color: #FFFFFF}

/*  EXTRA LINK & HOVER COLORS 5   */
.link5 { color: #cccccc}
a.link5:link { color: #cccccc}
a.link5:visited { color: #cccccc}
a.link5:hover { color: #cccccc}
a.link5:active { color: #cccccc}

A {text-decoration:none;}
   
   
/*================================================================================================*/

/*  CSS MENU ROLLOVERS - BACKGROUND IMAGE CHANGE ON MOUSEOVER #1  (COTL  PCFW Etc.)   */
  
/*  Adjust PADDING-TOP and HEIGHT to put text link in correct vertical place - Both numbers will total height of BG image
    <div class=menu><a href="link.htm">LINK</a></div>   */

.menu A {      HEIGHT: 21px; 
	           PADDING-TOP: 5px;       
	           WIDTH: 165px; 
	           
	           PADDING-BOTTOM: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; 
			   
	           BACKGROUND: url(file:///D|/HTML/images/button-u.gif); FONT: bold 13px Arial; COLOR: #000000; 
			   DISPLAY: block; TEXT-DECORATION: none}

	
.menu A:hover { HEIGHT: 21px; 
	            PADDING-TOP: 5px;       
	            WIDTH: 165px; 
	           
	           PADDING-BOTTOM: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; 
			   
	           BACKGROUND: url(file:///D|/HTML/images/button-d.gif); FONT: bold 13px Arial; COLOR: #000000; 
			   DISPLAY: block;   TEXT-DECORATION: none}
	           

/*  CSS MENU ROLLOVERS - BACKGROUND IMAGE CHANGE ON MOUSEOVER #2  (also works with TR)   */

/*  <td align="center" style="background:url(images/bg-menu.gif);" onmouseover="this.style.background='url(images/bg-menu-over.gif)';" onmouseout="this.style.background='url(images/bg-menu.gif)'"><a href="filename.htm" class="link2">LINK</a></td>  */    


/*================================================================================================*/


/*  LINK ON WHOLE CELL WITH   CELL BG COLOR CHANGE   and   LINK COLOR CHANGE  ON MOUSEOVER   */

/*  <td class="navbar">   */

table.navbar {
   border-collapse: collapse;
}
table.navbar td {
   border: 0px solid #ccc;
}
table.navbar td a{
   display: block;
   width: 10em;
   padding: 3px;
   text-decoration: underline;
}
table.navbar td a:link, table.navbar td a:visited, table.navbar td a:active {
   color: #0000FF;
   background-color: #FFFFFF;  }
   
table.navbar td a:hover {
   color: #FFFF00;
   background-color: #000000; }


/*================================================================================================*/


/*  CELL COLOR HOVER CHANGE  (also works on TR)   */

/*  <td align="center" onmouseover="className='over'" onmouseout="className='normal'">   */

td.normal {background-color: #FFFFFF;} 
td.over {background-color: #000000;} 
/*  I ADDED BELOW   */
tr.normal {background-color: #FFFFFF;} 
tr.over {background-color: #000000;} 


/* ---------- OR -----------   */


/* COLOR CHANGE IN <TD> OR <TR> ON MOUSEOVER   (no styles needed)

   <tr valign="top" onMouseOver="style.backgroundColor='#ffffcc';" onMouseOut="style.backgroundColor='#EEEEEE';">
   or 
   onMouseover="this.bgColor='#FF0000'" onMouseout="this.bgColor='#0000FF'"
   or
   onMouseover="this.style.backgroundColor='#FF0000'" onMouseout="this.style.backgroundColor='#0000FF'"      */


/*================================================================================================*/


/*  DROP CAPS   */

.dropcap {
   display: block;
   float: left;
   font-size: 300%;
   font-family: Arial;
   font-weight: bold;
   height: .8em;
   margin-bottom: -.4em;
   padding: .2em .1em 0 0;}


/*================================================================================================*/


/*  100% HEIGHT TABLE   */

/*  <table id="TallTable"> (id was "wrapper")   */

html, body, #TallTable {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;}
	
#TallTable {
	background-color: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
	width: 800px;}


/*================================================================================================*/


/*  BG IMAGE - IF SPECIAL PLACEMENT NEEDED    (uncomment)  */
/*
BODY{ 
background-image: url(images/bg-1.jpg);
background-repeat: no-repeat;        */   /*  or repeat-x;   or repeat   or   repeat-y */
/* background-position: center top;
background-attachment: fixed;}   
*/


/*================================================================================================*/


/*  DROP SHADOW FOR TEXT IN <TD>  (Will not work with bgcolor in <TR> or <TD> - bgcolor only in <TABLE>)   */

.dropshadow {filter: dropshadow(color=999999, offx=1, offy=1, positive=5)}


/*================================================================================================*/


/*  FORM FIELD STYLE   */

.input2 { background: #F1F5FE; color: #000000; font-family: Verdana, Arial, Helvetica; font-size: 13px; border: 1px  silver solid;}

.input3 { background: #656532; color: #FFFFFF; font-family: Verdana, Arial, Helvetica; font-size: 12px; border: 1px  black solid;}

.input4 { background: #FFFFFF; color: #000000; font-family: Verdana, Arial, Helvetica; font-size: 9px; border: 1px  silver solid;}


/*================================================================================================*/


/*  SCROLL BAR COLORS  -  MAC  COLORS   */
HTML {
    scrollbar-face-color: #Cccccc;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-highlight-color: #Ffffff;
    scrollbar-3dlight-color: #999999;
    scrollbar-shadow-color: #999999;
    scrollbar-darkshadow-color: #Ffffff;
    scrollbar-track-color: #E3E3E3;
    scrollbar-base-color: #999999;}


/*================================================================================================*/       
       
	   
/*  DASHED HORIZONTAL RULE   */

hr.hrDash { height: 0px; border: 0px dashed #aaaaaa; border-top-width: 1px; }    


/*================================================================================================*/


/*  SPECIAL TABLE BORDERS     */

#table1 {
border: 1px solid;
border-color: #999;
width: 100%;
background: #fff;}	


.table2 {
	border-top: none;
	border-right: 1px solid #CCCCCC;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: none;
	text-align: left;
	border-left: none;}
	

.table3 {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;    /*  thin  */
border-left-width: 1px;
border-top-style: solid;     /*  groove     solid     double     dotted     none  */
border-right-style: none;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #F74949;
border-right-color: #F74949;
border-bottom-color: #F74949;
border-left-color: #F74949;}


.table4 {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;    /*  thin   */
border-left-width: 1px;
border-top-style: solid;     /*  groove     solid     double     dotted     none   */
border-right-style: none;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #F74949;
border-right-color: #F74949;
border-bottom-color: #F74949;
border-left-color: #F74949;}


/*  SPECIAL TABLE BORDERS  #4  -  JUST TESTING   */
.table5 table {
  width: 95%;
  border: none ;
  border-spacing: 0;
  border-collapse: collapse ;
  margin: 10px;
  padding: 4px;
  margin-top: 0;
  margin-left: auto ;  
  margin-right:  auto ;
  border: 1px #aaa solid ;  /* or none */ 
  border-bottom: 1px #aaa solid ;
  background-color: #f5f5f5;
  color: #445e3c;
  
    font-family: 'ArialMT', 'Arial', 'sans-serif';
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: center;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;}

/*================================================================================================*/


/*  0 PIXEL PAGE MARGINS   */

body {  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}


/*================================================================================================*/


/*  FONT SIZES   */
.style8 {font-size: 8px}
.style9 {font-size: 9px}
.style10 {font-size: 10px}
.style11 {font-size: 11px}
.style12 {font-size: 12px}
.style13 {font-size: 13px}
.style14 {font-size: 14px}
.style15 {font-size: 15px}
.style16 {font-size: 16px}
.style17 {font-size: 17px}
.style18 {font-size: 18px}
.style19 {font-size: 19px}
.style20 {font-size: 20px}
.style21 {font-size: 21px}
.style22 {font-size: 22px}
.style23 {font-size: 23px}
.style24 {font-size: 24px}
.style25 {font-size: 25px}
.style26 {font-size: 26px}
.style27 {font-size: 27px}


/*  LINE SPACING   */
.LineHeight17 {line-height: 17px; letter-spacing: normal; word-spacing: normal;}
.LineHeight18 {line-height: 18px; letter-spacing: normal; word-spacing: normal;}
.LineHeight19 {line-height: 19px; letter-spacing: normal; word-spacing: normal;}
.LineHeight20 {line-height: 20px; letter-spacing: normal; word-spacing: normal;}
.LineHeight21 {line-height: 21px; letter-spacing: normal; word-spacing: normal;}
.LineHeight22 {line-height: 22px; letter-spacing: normal; word-spacing: normal;}
.LineHeight24 {line-height: 24px; letter-spacing: normal; word-spacing: normal;}


/*  LETTER SPACING   */
.LetterSpacing10 {line-height: normal; letter-spacing: 10px; word-spacing: normal;}
.LetterSpacing13 {line-height: normal; letter-spacing: 13px; word-spacing: normal;}
.LetterSpacing14 {line-height: normal; letter-spacing: 14px; word-spacing: normal;}
.LetterSpacing16 {line-height: normal; letter-spacing: 16px; word-spacing: normal;}
.LetterSpacing18 {line-height: normal; letter-spacing: 18px; word-spacing: normal;}
.LetterSpacing20 {line-height: normal; letter-spacing: 20px; word-spacing: normal;}


/*  USE THIS STYLE TO UNDO THE REVERSED E-MAIL ADDRESS   */

a.email {
direction:rtl;
unicode-bidi: bidi-override;
}