/* Tableless layout from tutorials.jemjabella.co.uk.
Example only; may be used for inspiration or testing, 
obvious copying or theft is against Copyright Laws. */

body {
    width: 1011px;
    SCROLLBAR-FACE-COLOR: #efe3f7;
    FONT-SIZE: 11px;
    MARGIN: 0px auto;
    SCROLLBAR-HIGHLIGHT-COLOR: #f3eeeb;
    LINE-HEIGHT: 1.5em;
    SCROLLBAR-ARROW-COLOR: #592171;
    SCROLLBAR-TRACK-COLOR: #f3eeeb;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    SCROLLBAR-DARKSHADOW-COLOR: #592171;
    TEXT-ALIGN: center;

}
#container {
width: 1011px;
margin: 0px auto;
}
#header {
width: 100%;
height: 202px;
}
#gadgets {
float:left;
width: 220px;
height: 438px;
text-align: left;
}
#menu {
float: right;
width: 209px;
/*height: 260px;*/
text-align: right;
}
#content 
{
float:right;
width: 580px;
/*height: 260px;*/
text-align: right;
overflow:auto;
direction:ltr;
}
#footer {
float:right;
height: 159px;
width: 775px;
}

TD
{
    FONT-SIZE: 13px;
    DIRECTION: rtl;
    LINE-HEIGHT: 1.5em;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-ALIGN: right
}
TH
{
    FONT-SIZE: 13px;
    DIRECTION: rtl;
    LINE-HEIGHT: 1.5em;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-ALIGN: right
}
A:link
{
    COLOR: #cc0033;
    TEXT-DECORATION: none
}
A:visited
{
    COLOR: #cc0033;
    TEXT-DECORATION: none
}
A:active
{
    COLOR: #cc0033;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #6560a6;
    TEXT-DECORATION: none
}
HR
{
/*
    BORDER-RIGHT: dashed;
    BORDER-TOP: dashed;
    BORDER-LEFT: dashed;
*/
    BORDER-BOTTOM: dashed;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    WIDTH: 100%;
    COLOR: #ba85df;
    HEIGHT: 1px
}
H1
{
    FONT-SIZE: 18px;
    COLOR: #003366
}
H2
{
    FONT-SIZE: 15px;
    COLOR: darkmagenta
}
H3
{
    FONT-SIZE: 12px;
    COLOR: white
}
FORM
{
    MARGIN: 0px
}
.page_header
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ba85df;
    FONT-FAMILY: Arial;
    direction:rtl;
    margin-right:2px;
}
.page_content
{
    FONT-SIZE: 12px;
    COLOR: #53146c;
    FONT-FAMILY: Arial;
    direction:rtl;
    margin-right:2px;    
}
.menu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    CURSOR: pointer;
    DIRECTION: rtl;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-ALIGN: right
}
.menu A:link
{
    COLOR: #ba85df;
    TEXT-DECORATION: none
}
.menu A:visited
{
    COLOR: #ba85df;
    TEXT-DECORATION: none
}
.menu A:active
{
    COLOR: #fae5b9;
    TEXT-DECORATION: none
}
.menu A:hover
{
    COLOR: #53146c;
    TEXT-DECORATION: none
}
.submenu
{
    FONT-SIZE: 12px;
    DIRECTION: rtl;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-ALIGN: right
}
.submenu A:link
{
    COLOR: #ba85df;
    TEXT-DECORATION: none
}
.submenu A:visited
{
    COLOR: #ba85df;
    TEXT-DECORATION: none
}
.submenu A:active
{
    COLOR: #fae5b9;
    TEXT-DECORATION: none
}
.submenu A:hover
{
    COLOR: #53146c;
    TEXT-DECORATION: none
}
.page_content A
{
    COLOR: #ba85df;
    TEXT-DECORATION: underline
}
.page_content A:active
{
    COLOR: #ba85df;
    TEXT-DECORATION: underline
}
.page_content A:link
{
    COLOR: #ba85df;
    TEXT-DECORATION: underline
}
.page_content A:visited
{
    COLOR: #ba85df;
    TEXT-DECORATION: underline
}
.page_header H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ba85df;
    FONT-FAMILY: Arial
}
.page_header A:active
{
    COLOR: #ba85df
}
.page_header A:link
{
    COLOR: #ba85df
}
.page_header A:visited
{
    COLOR: #ba85df
}
.page_header A
{
    COLOR: #ba85df
}
#scroller1
{
    BACKGROUND-IMAGE: url(images\hila_fina_new_04.gif);
    WIDTH: 200px;
    HEIGHT: 120px
}
#scroller2
{
    BORDER-RIGHT: #ba85df 1px dashed;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #ba85df 1px dashed;
    PADDING-LEFT: 1px;
    BACKGROUND-IMAGE: url(images\hila_fina_new_04.gif);
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #ba85df 1px dashed;
    WIDTH: 200px;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #ba85df 1px dashed;
    HEIGHT: 120px
}