html,body
{
    height:100%;
    font-family:Tahoma;
    font-size:9pt;
}

body
{
    margin: 0px;
    padding: 0px;
    direction:rtl;
    background-color:#f0efeb;
}

/* Master Page
-----------------------------------------------------------------------------------*/
div#PageHeader
{
    background-image:url(Images/HeaderBackground.png);
    background-repeat:repeat-x;
    height:136px;
}

div#PageHeader div#PageHeaderContent
{
    width:800px;
    height:136px;
    text-align:right;
}

div#PageContent
{
    background-image: url(Images/PageBackground.png);
    background-repeat: repeat-x;
    background-position:top;
    min-height:230px;
}

div#PageContent div#PageContentContent
{
    width:800px;
    height:400px;
    text-align:right;
    border-left:solid 1px gray;
    border-right:solid 1px gray;
}

div#PageFooter
{
    height:60px;
    background-color:#72716f;
    border-top:solid 1px #545351;
    padding:10px;
}

div#PageFooter div#PageFooterContent
{
    width:800px;
    text-align:right;
}

div#PageFooter span.Header
{
    color:#fab927;
    font-size:8pt;
}

div#PageFooter li
{
    color:#ffffff;
    font-size:7pt;
}

/* Panel
-----------------------------------------------------------------------------------*/
table.Panel
{
    width:300px;
    height:200px;
}

table.Panel td#PanelTopRight
{
    width:1%;
    height:1%;
}

table.Panel td#PanelTopWrapper
{
    background-image:url(Images/PanelTopWrapper.png);
    background-repeat:repeat-x;
    color:#ffffff;
    height:1%;
}

table.Panel td#PanelTopWrapper span#PanelCaption
{
    
}

table.Panel td#PanelTopLeft
{
    width:1%;
    height:1%;
}

table.Panel td#PanelRight
{
    background-image:url(Images/PanelRightWrapper.png);
    background-repeat:repeat-y;
}

table.Panel td#PanelContent
{
    min-height:200px;
    padding:10px;
    background-color:#ffffff;
}

table.Panel td#PanelLeft
{
    background-image:url(Images/PanelLeftWrapper.png);
    background-repeat:repeat-y;
}

table.Panel td#PanelDownRight
{
    width:1%;
    height:1%;
}

table.Panel td#PanelDownWrapper
{
    background-image:url(Images/PanelDownWrapper.png);
    height:1%;
}

table.Panel td#PanelDownLeft
{
    width:1%;
    height:1%;
}

/* Menu
-----------------------------------------------------------------------------------*/
#page-wrap							{ width: 800px; margin: 25px auto; } 
a.menu								{ text-decoration: none; }
ul.menu								{ list-style: none; }
p.menu                              { margin: 15px 0; }

/* 	LEVEL ONE  */
ul.menu.dropdown                         { position: relative; }
ul.menu.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #ccc; }
ul.menu.dropdown a:hover		            { color: #000; }
ul.menu.dropdown a:active                { color: #ffa500; }
ul.menu.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
	 								  color: #222; }
ul.menu.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.menu.dropdown li.hover,
ul.menu.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.menu.dropdown li.hover a              { color: black; }

/* 	LEVEL TWO  */
ul.menu.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; right: 0; }
ul.menu.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }

                                    /* IE 6 & 7 Needs Inline Block */
ul.menu.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 	LEVEL THREE  */
ul.menu.dropdown ul ul 					{ right: 100%; top: 0; }
ul.menu.dropdown li:hover > ul 			{ visibility: visible; }