/*
      http://www.albankaldawli.org/learning
*/

* { direction:rtl; list-style-type: none; margin: 0px; padding: 0px; }
a { color: #003098; text-decoration: underline; }
a:hover { color: #f30; text-decoration: underline; }

body { direction:rtl; font-family: Arial; font-weight: bold; margin: 0px;  padding: 0px; }

#wrapper { margin: 0px auto; width: 740px; }

#main { margin: 0px 0px 5px 0px; overflow: none; width: 100%; }
#main ul{ list-style-type: none; margin: 0px; width: 100%; } 
#main li{ float: right; font-size: 14px; width: 100%; } 
#main .odd li{ background: #fff; border-bottom: 0px; }
#main .even li{ background: #fce2c6; border-bottom: 1px solid #e47905; } 
#main .even .last { background: #fce2c6; border-bottom: 0px;	}

ul#regular { list-style-type: square; margin-right: 15px; padding-right: 15px; }
ul#regular li { list-style-type: square; }

/******Start header*****/
#header { width: 100%; }

/******Start top nav row******/
#topnav a, #topnav a:visited, #topnav a:hover, #search a, #search a:visited, #search a:hover { background: #69c; color: white; font-family: Arial; font-size: 13px; font-weight: bold; text-decoration: none; }
#topnav a:hover, #search a:hover  { background: #69c; }
#topnav { background: #69c; color: #fff; margin: 0px; padding: 0px; }
#topnav div.right { float: right; margin: 1px; padding: 0px; text-align: right; width: 150px; }
#topnav div.left { float: left; margin: 1px; padding: 0px 0px 0px 2px; text-align: left; width: 490px; }
#topnav img { vertical-align: middle; margin: 1px 2px 1px 1px; border: none; }
/******Start top nav row******/

/******Start global nav row******/
#globalnav { background: #eee; border: 1px solid #369; color: #369; font-family: Arial; font-size: 14px; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; width: 738px; }
#globalnav ul li { background: #eee; border-left: 1px solid #369; display: inline; margin: 0px; padding: 5px 20px; text-decoration: none; width: auto; }
#globalnav ul li.last { background: #eee; border-left: 0px; text-decoration: none; }
#globalnav ul li a, a:hover { text-decoration: none; }
#globalnav ul li a:hover { color: #f30; text-decoration: none; }
#globalnav ul li.current, a.current, a.current:visited { background: #369; color: #eee; text-decoration: none; }
/******End global nav row******/

/******Start search row******/
#search { background: #369; color: #fff; font-family: Arial; font-size: 13px; font-weight: bold; margin: 0px; padding: 0px; }
#search .right { background: #369; float: right; margin: 0px; padding: 0px; width: 440px; }
#search .left { background: #369; float: left; margin: 0px; padding: 0px; width: 280px; }
#search form{ float: left; margin: 0px 0px 0px 10px; }
#search input{ margin: 5px 0px 2px 0px; }
#search a, #search a:visited, #search a:hover { background-color: #369; text-decoration: none; }
#search img { border: 0px; margin: 0px; padding: 0px; }
/******End search row******/

/******Start breadcrumb row******/
#breadcrumb { background: #ecf1f8; border-bottom: 1px solid #369; border-top: 1px solid #69c; font-family: Arial; font-size: 14px; font-weight: bold; margin: 0px; padding: 2px; }
/******End breadcrumb row******/
/******End header*****/


/******Start bold title row*****/
#title { background: #fff; color: #000; font-family: Arial; font-size: 20px; font-weight: bold; margin: 0px 0px 2px 0px; padding: 0px; right: 0px; }
/******End bold title row*****/


/******Start blue horizontal line*****/
#bluehorizline { background-color: #69c; height: 1px; margin: 0px; padding: 0px; vertical-align: top; width: 100%; }
/******End blue horizontal line*****/


/******Start right column******/
#right { background-color: #69c; color: #fff; float: right; padding: 0px; margin: 0px; width: 160px; }

#right .drilldown { padding: 0 0 0 3px; width: 160px; }

#right  ul li.leftnavli { background-image: url(images/plus_bullet.gif); background-repeat: no-repeat; background-position: 10.5em .5em; border-bottom: 1px solid #fff; font-family: Arial; font-size: 14px; list-style-type: none; margin: 1px; padding:  5px 19px 5px 3px; text-align: right; width: 140px; }
#right  ul li.leftnavli_current { background-image: url(images/plusbullethighlight.gif); background-repeat: no-repeat; background-position: 10.5em .5em; border-bottom: 1px solid #fff; font-family: Arial; font-size: 14px; list-style-type: none; margin: 1px; padding:  5px 19px 5px 3px; text-align: right; width: 140px; }
#right  ul li a.leftnava { color: #fff; text-decoration: none; }
#right  ul li a:hover.leftnava { color: #f30; text-decoration: underline; }
#right  img.leftnavimg { height: 11px; padding: 0 6px; width: 9px; }

#resourceboxtitle { border: 1px solid #399; float: right; width: 160px; }

  div span.resboxtitle { background-color: #399; display: block; font-family: Arial; font-size: 14px; margin: 0px; padding: 5px; text-align: right; width: 148px; }

  div span.resboxlinks { background-color: #9cc; display: block; font-family: Arial; font-size: 14px; margin: 0px; padding: 5px; text-align: right; width: 148px; }
/******End right column******/


/******Start related languages row*****/
#relatedlang { background: #fff; color: #333; float: left; font-size: 12px; left: 0px; margin: 10px 10px 5px 20px; padding: 0px; text-align: left; width: 385px; }
/******End related languages row*****/


/******Start mid column disclaimer*****/	
#midcolumndis {	float: right; margin: 10px 20px 0px 5px; width: 385px; }
#midcolumndis p { float: right; font-size: 13px; margin: 2px 0px; padding: 0px; text-align: right; width: 380px }
/******End mid column disclaimer*****/	


		/******Start (mid column) main feature box*****/
#midcolumnmainfeature { float: right; color: #333; border: 1px solid #e47905; margin: 10px 20px 0px 5px; width: 385px; }
#midcolumnmainfeature p { display: block; float: right; font-family: Arial; font-size: 14px; margin: 0px; padding: 10px 10px 2px 3px; text-align: right; width: 210px; }
#midcolumnmainfeature p.title a { font-family: Arial; font-size: 16px; text-decoration: underline; }
#midcolumnmainfeature img.ftitle { border: 0px; display: block; float:right; height: 24px; margin: 0px; padding: 0px; width: 385px; }
#midcolumnmainfeature img.fmain { border: 0px; display: block; float:right; height: 180px; margin: 0px; padding: 0px; width: 160px; }
#midcolumnmainfeature img { border: 0px; display: block; float:right; margin: 0px; padding: 0px; }
a.mainfeaturesublinks { font-size: 13px; }
    #table{ margin: 0px; width: 100%; }  
	 ul{ list-style-type: none; margin: 0px; width: 100%; } 
	 li{ float: right; font-size: 14px; width: 100%; } 
	 .odd li{ background: #fff; border-bottom: 0px; }
	 .even li{ background: #fce2c6; border-bottom: 1px solid #e47905; } 
	 .even .last { background: #fce2c6; border-bottom: 0px;	}
		/******End (mid column) main feature box*****/

  /******Start grey horizontal line*****/
  #greyhorizline { background-color: #CCCCCC; height: 1px; margin: 0px; padding: 0px; width: 100%; }
  /******End grey horizontal line*****/

		/******Start (mid column) (listed links)*****/
#midcolumnlinks { color: #333; float: right; height: 100%; margin: 10px 20px 0px 0px; width: 385px; }
#midcolumnlinks p { float: right; font-size: 13px; margin: 2px 0px; padding: 0px; text-align: right; width: 380px }
/*#midcolumnlinks img { border: 0px; display: block; float:right; margin: 0px; padding: 0px }
*/
#midcolumnlinks	.table{ margin: 0px; width: 100%; }  
#midcolumnlinks ul{ list-style-type: none; margin: 0px; width: 100%; } 
#midcolumnlinks ul li{ background-image: url(images/bullet-square.gif); background-position: right; background-repeat: no-repeat; float: right; font-size: 13px; height: 100%; margin: 0px; padding: 3px 15px 3px 5px; text-align: right; width: 95%; } 
	/******End (mid column) (listed links)*****/

/******Start first part of middle column******/
#middle { margin: 0px; padding: 0px; }
/******End first part of middle column******/


/******Start second part of middle column******/
#middle2 { float: right; margin: 0px; padding: 0px;	width: 545px; }
/******End second part of middle column*******/


/******Start middle column for pages other than index.html******/

#middle3 { float: right; margin: 0px; padding: 0px;	width: 555px; }
	p.subpage { background-color: #fff; margin: 15px 15px 15px 0px; padding: 0px; width: 550px; }

#middle3 .pagetitle { background: #fff; border-bottom: 1px solid #09f; color: #000; font-family: Arial; font-size: 18px; font-weight: bold; margin: 15px 15px 3px 0px; padding: 0px; width: 100%; }

#middle3 div.discounttbl1 { background-color: #fff; height: auto; margin: 0px 15px 0px; padding: 0px; width: 540px; }

#middle3 div ul li.discounttbl1title { border: 1px solid #ccc; float: right; margin: 0px; padding: 3px 3px 3px 25px; text-align: right; width: 149px; }
  
#middle3 div ul li.discounttbl1 { border: 1px solid #ccc; float: right; font-size: 14px; height: 1810px; margin: 0px; padding: 3px 3px 3px 25px; text-align: right; width: 149px; }
  
#middle3 div.discounttbl2 { background-color: #fff; height: auto; margin: 0px 15px 0px; padding: 0px; width: 540px; }

#middle3 div ul li.discounttbl2title { border: 1px solid #ccc; float: right; font-size: 14px; margin: 0px; padding: 3px 3px 3px 25px; text-align: center; width: 78px; }
  
#middle3 div ul li.discounttbl2 { border: 1px solid #ccc; float: right; font-size: 14px; height: 20px; margin: 0px; padding: 3px 3px 3px 25px; text-align: right; width: 78px; }
div#learn_programs_div { background-color: #fff; }
ul#learn_programs_ul { margin: 10px 20px 10px 0px; width: 510px; }
ul#learn_programs_ul li { list-style-type: square; margin: 3px 20px 3px 0px; width: 510px; }
/******End middle column for pages other than index.html*******/


/******Start left column*****/

#leftcolumn { color: #333; float: left; margin: 10px 0px 0px 0px; padding: 0px; width: 150px; }

/******Start first highlight box*****/

#leftcolumn	.highlightbox { border: 1px solid #3361A1; height: 60px; margin: 0px; padding: 0px; width: 151px; }
#leftcolumn	.highlightbox ul{ margin: 0px; padding: 0px } 
#leftcolumn	.highlightbox li{ background-image: url(images/bullet-square.gif); background-repeat: no-repeat; background-position: 10.4em .2em; 	font-size: 13px; list-style-type: none;	margin: 0px 2px 1px 2px; padding: 1px 15px 1px 5px;	text-align: right; width: 125px; }	
#leftcolumn	.highlightbox span { background-color: #3361A1; color:#fff; display: block; font-size: 14px; height: 20px; padding-top: 5px; padding-right: 5px }
#leftcolumn	.highlightbox p { background-color: #fff; display: block; float: left; font-size: 13px; margin: 3px 0px; padding: 0px; width: 90px; }
#leftcolumn	.highlightbox img { background-color: #fff; display: block; float: right; height: 49px; margin: 3px 3px 0px 0px ; padding: 0px; width: 49px; }
/******End first highlight box*****/


/******Start second highlight box*****/

#leftcolumn .highlightbox2 { border: 1px solid #3361A1; height: 650px; margin-bottom: 10px; margin-top: 10px; padding: 0px; width: 151px; }
#leftcolumn	.highlightbox2 span { background-color: #3361A1; color: #fff; display: block; font-size: 14px; height: 25px; padding-top: 5px; padding-right: 5px }
#leftcolumn	.highlightbox2 p { background-color: #fff; display: block; float: right; font-size: 13px; margin: 2px 1px; padding: 2px; }
#leftcolumn	.highlightbox2 ul{ margin: 0px; padding: 0px; }
#leftcolumn	.highlightbox2 li{ background-image: url(images/bullet-square.gif); background-repeat: no-repeat; background-position: 10.4em .2em; font-size: 13px; list-style-type: none;	margin: 0px 2px 1px 2px; padding: 1px 15px 1px 5px;	text-align: right; width: 125px; } 
	/******End second highlight box*****/
/******End left column*****/	


/******Start footer*****/
#footer { background: #fff; border-top: 1px solid #ccc; clear: both; color: #333; margin: 0px; padding: 0px; width: 740px; }
#footer img { background-color: #fff; border: 0px; display: block; float:right; margin: 0px; padding: 0px; }
#footer p {margin: 0px; font-size: 12px }

#footer .right { background: #fff; float: right;	margin: 2px 0px 2px 0px; padding: 0px; text-align: right; width: 490px; }
 p.footer {margin: 0px; font-size: 12px }

#footer .left { background: #fff; float: left; margin: 2px 0px 2px 0px; padding: 0px; text-align: left; width: 220px; }

a.footer {text-decoration: none; font-size: 13px; }
.a:visited {text-decoration: none; font-size: 13px; }
#footer a:hover {color: red; font-size: 13px; text-decoration: none; }
#footer a.line, #footer a:visited.line, #footer a:hover.line { font-size: 13px;text-decoration: underline; color: #003098; } 
#footer a:hover.line {color: red; }
/******End footer*****/

.clear { background: none; clear: both; }