body {
direction: rtl;
background-color: #edf1f3 ; 

/*  #99cc99 */
margin:0px;
}


 hr{
color:#053464;
background-color:#053464;
}


#poemmaincontent hr{
color:#053464;
background-color:#053464;
}

#poemslist {
padding-bottom: 20px;
}


#giftlist {
padding-bottom: 20px;
}



#giftmaincontent hr{
color:#053464;
background-color:#053464;
}


#rotooshmaincontent hr{
color:#053464;
background-color:#053464;
}

/*
Notice that to center the content you will have to put it in a table 
then put the table in a <div> and do two steps:

1- Center the <div> using the text-align
2- Center the table using the margin-left and margin-right AUTO

One step is enough, however we use both because some browsers will not work with either of the two ways.
*/


/*The following is to center the content */
#container {
text-align:center;
color: #053464;

margin-left: auto;
margin-right: auto;
}


#outertable{
/*The following two lines are to center the table*/
margin-left: auto;
margin-right: auto;

border-top: dashed 1px #091a3f;

border-bottom: dashed 1px #091a3f;
border-left: dashed 1px #091a3f;
border-right: dashed 1px #091a3f;
text-align:center;
width: 690px;
background-color: #e2e7f1; 
color: 053464;


}




#logo {


}


/*----------------------------------*/
/* Start of main menu manipulation */

#mainmenu {
width: 100%;


}


#mainmenu ul{


margin-left:0px;
margin-right:0px;
padding:5px;
display: block;
list-style:none;


background-color:   #142952; 
 
}

#mainmenu ul li {

/*
font-family: sans-serif;
font-size: 18pt;
*/
display:inline;

list-style:none;
}


#mainmenu ul li a{

margin: 0px;
font-family: sans-serif;
text-decoration: none;
border: inset  #d9fbf6 2px;
color: #091a3f;
background-color: #e2e7f1 ; 


}


/*
#mainmenu ul li a:visited{


font-family: sans-serif;
margin: 0px;
text-decoration: none;
border: inset  #d9fbf6 2px;
color: #091a3f;  
}
*/


#mainmenu ul li a:hover{


font-family: sans-serif;
margin: 0px;
text-decoration: none;
border: outset  #d9fbf6 2px;
background-color: #d9fbf6;
color: #091a3f;
}

#mainmenu ul li a:active{


font-family: sans-serif;
margin: 0px;
text-decoration: none;
border: outset  #d9fbf6 2px;
background-color: #d9fbf6; 
color: #091a3f;

}




/* End of main meny manipulation*/
/*----------------------------------*/



#maincontent {


}
#maincontent p{


font-size: 24px;
margin-top: 30px;
padding-top:5px;

}


#poemmaincontent {
font-size: 24px;
margin-top: 30px;
padding-top:5px;
border-top: groove #091a3f 2px;
}


#giftmaincontent {
font-size: 24px;
margin-top: 30px;
padding-top:5px;
border-top: groove #091a3f 2px;
}


#rotooshmaincontent {

font-size: 24px;
margin-top: 30px;
padding-top:5px;
border-top: groove #091a3f 2px;
}



#auxillary {
text-align:center;
margin-left: auto;
margin-right: auto;
padding:3px;
border-top:dotted #091a3f 1px;
border-bottom:groove #091a3f 2px;
}

/*
this is to enable the visitors to share the page in other websites
like Facebook and bookmark websites
the addthis_toolbox is a widget from the website addthis.com
*/
div.addthis_toolbox {
text-align:center;
margin-left: auto;
margin-right: auto;
}
div.addthis_default_style{
text-align:center;
margin-left: auto;
margin-right: auto;
}

/*The following are to set up the link inside the main content div and inised the auxillay (sendtofriend)*/
#auxillary a, #maincontent a{


font-family: sans-serif;

padding-left: 2px;

padding-right: 2px;
text-decoration: none;
border: outset  #d9fbf6 1px;
background-color: #d9fbf6;
color: #091a3f;

}




#counter {

font-size: 25px;


}


#footer {

font-size: 10px;
background-color: #edf1f3; 

}

/*-------------Start of guest book tables manipulation ----------------------*/
/*This is the div that will include the table of the guestbook input*/
.visitordiv{
text-align:center; /*to center the table inised it*/

}

/*This is the class name of the table of the guestbook visitor input*/
.visitorinput{

align: center;
width: 500px;
border-top: #053464 double 5px;
border-bottom: #053464 double 5px;
/*The following two lines are to center the table*/
margin-left:auto;
margin-right:auto;
margin-bottom: 40px;


} 
 


.visitorinput tr td{
color: #053464;
width: 30%;
border: #053464 solid 1px;
border-top: #ffffff solid 1px;
border-left: #ffffff solid 1px;
text-align: center;
padding: 3px;

} 


.visitorinput tr td a{
color: #663333;
}


.visitorinput tr td a:hover{
color: #cccc66;
}

/*This is the class for the row of the visitor input comments
it must be aligned to write ( supposing it is in arabic )*/
.visitorinput tr td.msgrow {
text-align: right;
}



/*---------------End of guestbook table manipulation---------------------*/