html
  {
  overflow          : hidden;
  }

body
  {
  background        : url(../images/bg.jpg) top left repeat-x #1a1a18;
  font-family       : Arial;
  font-size         : 11pt;
  text-align        : left; 
  overflow          : hidden;
  }

img
  {
		margin            : 0;
		padding           : 0;
		border            : 0px;
		}
  
#float
  {
  left              : 0px;
  margin            : 7px auto 0 auto;
  width             : 780px;
  height            : 580px;
  border-collapse   : collapse;
  }  

#float td.float 
  {
  padding           : 0;
  }
  
.topbar
  {
  position          : absolute;
  margin            : 0px;
  top               : 0px;
  left              : 0px;
  height            : 15px;
  width             : 105%;
  background        : url(../images/t_bar.png) top left repeat-x;
  }

.head
  {
  margin            : 0px;
  padding           : 0;
  width             : 780px;
  height            : 76px;
  background        : url(../images/header.png) top left no-repeat #ffffff;
  }

.head h1
  {
  height            : 53px;
  position          : absolute;
  top               : 42px;
  margin            : 0px;
  padding           : 0;
  color             : #745e89;
  font-family       : Arial, Trebuchet MS, Verdana;
  font-size         : 330%;
  font-weight       : bold;
  text-align        : left;
  }

h3
  {
		text-align        : center;
		font-size         : 13pt;
		font-weight       : bold;
		margin            : 2px auto 0px auto;
		}

#menu 
  {
		padding           : 0;
		font-weight       : bold;
		height            : 17px;
  background-color  : #ffffff;
	 }

#menu ul
  {
   margin            : 0;
   padding           : 0;
   list-style        : none;
  }

#menu li
  {
	 display           : inline;
  }

#menu a 
  {
		margin            : 0 10px 0 10px;   
	 padding           : 0;
	 text-transform    : lowercase;
	 text-decoration   : none;
	 color             : #000000;
  }

#menu a:hover
  {
	 color             : #CCCCCC;
  }
		
#menu a:active
  {
		color             : #777777;
  }

#menu .first a 
  {
	 border            : none;
  }

.main
  {
  z-Index           : 0;
  margin            : 0;
  height            : 504px;
  width             : 780px;
  background-color  : #ffffff;
  overflow          : hidden;
  }

#content
  {
		width             : 780px;
  margin            : 0;
		padding           : 0;
		border            : 0px;
		text-align        : center;
		}

.intro
  {
		width             : 780px;
		margin            : 0;
		padding           : 0;
		border-collapse   : collapse;
		}		

.intro td.w
  {
		width             : 60%;
  padding           : 0px;
		font-size         : 10pt;
		text-align        : left;
		vertical-align    : top;
		}
		
.intro td.w p
  {
		margin            : 50px 0px 0px 15px;
		font-weight       : bold;
  }
		
.intro td.w ul
  {
		margin            : 0px 0px 0px 15px;
		/*list-style        : circle outside;*/
  }
		
.intro td.w ul li
  {
		margin            : 5px 0px 0px 15px;
  }

.intro td.n
  {
		width             : 40%;
		text-align        : center;
		}

.intro td.n p
  {
		margin            : 5px auto 15px auto;
		}

.intro td.n #srch
  {
		position          : relative;
		display           : block;
		margin            : 10px auto 7px auto;
		width             : 290px;
		height            : 400px;
		background        : url( ../images/srchbg.jpg );
		}
		
form
  {
		width             : 100%;
		font-size         : 10pt;
		background-color  : transparent;
		}		

.search
  {
		margin            : 20px 0 0 -2px;
		width             : 293px;
		background-color  : transparent;
		}
		
.search th
  {
		background-color  : #D6C2D6; /*#D7C7EC;*/
		}		

.search td
  {
		text-align        : left;
		background-color  : transparent;
		}
		
#languageselect
  {
		width             : 100%;
		margin            : 0px;
		border-collapse   : collapse;
		}		
		
#languageselect td
  {
		width             : 33%;
		}
		
#levelSelect
  {
		width             : 100%;
		margin            : 0px;
		border-collapse   : collapse;
		}		
		
#levelSelect td
  {
		width             : 25%;
		}

#topicSelect
  {
		width             : 100%;
		margin            : 0px;
		border-collapse   : collapse;
		}

#topicSelect td
  {
		width             : 50%;
		padding           : 1px;
		}
		
#submit
  {
		font-weight       : bold;
		background-color  : #ddced6;
		}		
		
.copy
  {
		padding           : 0;
		font-size         : 10pt;
		color             : #aaaaaa;
		vertical-align    : middle;
		text-align        : center;
		}		
		
/* ----------------------- result-specific ---------------------------- */
		
.intro td.wst
  {
		width             : 100%;
		font-size         : 10pt;
		text-align        : left;
		vertical-align    : top;
		padding           : 0;
		border            : 0px;
		}		
		
.rzlts
  {
		margin            : 0;
		border            : 0;
		height            : 393px;
		border-collapse   : collapse;
		}			
		
.rzlts th
  {
		background-color  : #D6C2D6; /*#9475C3;*/
		color             : #ffffff;
		font-size         : 10pt;
		font-weight       : normal;
  padding           : 0px 0px 0px 2px;
  height            : 29px;
		text-align        : center;
		}
		
.rzlts td
  {
		padding           : 0 2px 0 2px;
		font-size         : 9pt;
		text-align        : left;
		vertical-align    : top;
		border-bottom     : 1px dotted #9475C3; /* class="cntr"*/
		vertical-align    : middle;
  }					
		
.rzlts td.cntr
  {
		padding           : 0px;
		text-align        : center;
  }
		
p.lesson, p.arabic, p.english
  {
		display            : inline-table;
		width              : 61px;
		text-align         : center;
		font-size          : 9pt;
		font-weight        : bold;
		text-decoration    : none;
		border             : 0px;
		}
		
p.lesson
  {
		display            : inline-table;
		margin             : 0px 3px 1px 1px;
		background         : url( ../images/lesson.gif ) no-repeat top left;
		}
		
p.arabic
  {
		display            : inline-table;
		margin             : 0px 3px 1px 0px;
		background         : url( ../images/arabic.gif ) no-repeat top left;
		}
		
p.english
  {
		display            : inline-table;
		margin             : 0px 0px 1px 0px;
		background         : url( ../images/english.gif ) no-repeat top left;
		}	

.navig
  {
		margin             : 0;
		padding            : 0;
		width              : 100%;
		height             : 27px;
		}
		
.navig td
  {
		text-align         : center;
		vertical-align     : middle;
		padding            : 0;
		margin             : 0;
		height             : 27px;
		}
		
.navig td a, .navig td span.a
  {
		margin             : 0 3px 0 3px;   
	 padding            : 0 5px 0 5px;
		font-weight        : bold;
	 text-transform     : lowercase;
	 text-decoration    : none;
		border             : 1px solid #cccccc;
		}

.navig td a
  {
	 color              : #555555;
		}

.navig td a:hover
  {
	 color              : #aaaa00;
		}
		
.zip
  {
		margin             : 3px 0 3px 0;
	 color              : #555555;   
		font-size          : 9pt;
		font-weight        : bold;
		text-decoration    : none;
	 text-decoration    : none;
		border             : 1px solid #cccccc;
		}

.zip:hover
  {
	 color              : #aaaa00;
		}

.navig td span.a
  {
		border             : 1px solid #eeeeee;
	 color              : #cccccc;
		}
		
select
  {
		margin             : 0px;
		width              : 180px;
		color              : #745E89;
		border             : 1px solid #745E89;
		}