/*general*/
body   { font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #e3d8bf; text-align: center; margin: 0; padding: 0 }
p  { margin-bottom: 10px }
div {direction:rtl}
 h2  { color: #c93; font-size: 1.5em; font-weight: bold; line-height: normal; margin: 0 0 0.4em }
h1 { color: #4a085a; font-size: 2em; font-weight: bold; line-height: 130%; margin: 0.67em 0; }
.bolder { font-weight: bold; }
a:link { color: #666 }
a:hover , a:active  { color: #06c }
/*left side*/
#container        { background-image: url(../pics/background.gif); text-align: right; margin: 0 auto; padding: 15px 0 0; width: 740px }
#main    { line-height: 135%; display: inline; margin: 20px 20px 0 45px; padding: 0; width: 450px; float: left  }
.rightpic  { margin-left: 10px; float: right }
.leftpic { margin: 0 9px 9px 0; float: left }
/*right side
*/
#sidebar  { margin-right: 20px; padding-right: 20px }
#navbar     { line-height: 125%; padding: 0; width: 200px; direction: rtl   }
#navbar ul.scroll { height: 300px; overflow: auto; }
#navbar li    { line-height: 130%; text-align: right; list-style-type: none; margin: 0; padding: 0; border-style: none none solid; border-width: 0 0 1px; border-color: #000   }
#navbar a { font-size: 1.1em; font-weight: bold; line-height: 130%; text-decoration: none; display: block; padding: 0.2em 8px  }
#navbar a:hover, #nav a:active  { background-color: #af9c85 }
/*others
*/
#note { clear: left }
#topmenu        { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 35px }
#topmenu img  { margin: 0 2px }
#photocontainer    { background-color: #dad2c1; margin-top: 45px; margin-right: auto; margin-left: auto; width: 680px }
.listgif  { list-style: url(../pics/v.gif) inside }
#footer { clear: both }
.scroll { }
.color { color: #fff; font-size: 1.1em; font-weight: bold; line-height: 130%; background-color: #4a085a; }
/*start round corners definitions
*/
#roundcorners { background-image: none; width: 95%; margin-right: auto; margin-bottom: 10px; margin-left: auto; }
#roundcorners p { margin: 0; }
#roundcorners a { font-size: 1.4em; }
.bl { background-color: #ded7c6; background-image: url(../corners/bl.gif); background-repeat: no-repeat; background-position:0 100%; }
.br { background-image: url(../corners/br.gif); background-repeat: no-repeat; background-position: 100% 100%; }
.tl { background-image: url(../corners/tl.gif); background-repeat: no-repeat; background-position: 0 0; }
.tr { background-image: url(../corners/tr.gif); background-repeat: no-repeat; background-position: 100% 0; padding:10px 15px 10px 10px; }
.clear {font-size: 1px; height: 1px;}