* { padding:0; margin: 0;}








  body


  {


    background-color: #FFFFFF;


  }


  #container


  {


    width: 95%; 


    margin: 20px auto;


    font-family: Tahoma,Arial; font-size: 12px; text-align: right;


    background-color: #FFFFFF;


  }


  a


  {


     text-decoration: none;


     color: #0000FF;


  }


  h1


  {


    font-size: 20px;


  }


  #head


  {


    height: 190px;


    border-bottom: 20px solid #FF6600;


  }


  #head img


  {


    


  }


  #head h1


  {


    font-weight: normal;


    float: left;


    font-size: 15px;


    margin-top: -10px;


    margin-left: 30px;  


  }


  #page


  {


  }


  #resultinfo


  {


    border: 2px solid #000000; 


    margin-top: 15px;


    background-color: #E5ECF9;


    padding-bottom: 5px;


    padding-top: 5px;


  }


  #right


  {


    width: 35%;


    float: right;


    margin: 20px;


  }


  .formsec


  {


    margin: 20px; 


	 padding: 10px 0;


    border: 1px dashed #FF6600;


    background-color: #E3E2E1;


    text-align: center;


  }


  .formsec h1


  {


    font-weight: normal;


	 margin: 6px 0;


  }


  .formsec a


  {


    text-decoration: none;


	 margin: 3px 0;


  }


  .b-info


  {


    margin: 20px;


    border: 1px dashed #FF6600;


    background-color: #E3E2E1;


  }


  .b-info p


  {


    font-size: 15px;


    margin: 5px;


  }


  #left


  {


    width: 55%;


    float: left;


    margin-left: 10px;


     


  }


  #left h1


  {


    font-weight: normal;


    font-size: 20px;


    margin: 10px;


    color: #FF6600; 


  }


  #left p


  {


    font-size: 15px;


    margin: 10px;


    background-color: #E3E2E1;


    padding: 5px; 


  }


  #footer


  {


    clear: both;


    text-align: center;


    margin: auto;


    height: 25px;


    border-top: 3px solid #FF6600;


    padding-top: 3px;


  }


  .r-menu


  {


    width: 60%;


    margin-left: 120px;


    border: 1px dashed #FF6600;


    background-color: #E3E2E1;


    margin-bottom: 10px;


    float: right;


  }


  .r-menu h1


  {


    text-align: center;


    font-size: 15px;


    margin: 10px;


  }


  .r-menu h2


  {


    text-align: center;


    font-size: 10px;


    margin: 5px;


    background-color: #FF6600;


  }


  .r-menu p


  {


    font-size: 15px;


    margin: 10px;


  }


  .r-menu ul


  {


    list-style: none;


  }


  .r-menu ul li


  {


    margin: 10px;


    text-align: center;


  }


  .r-menu ul li h1


  {


    font-weight: normal;


  }


  .r-menu ul li a


  {


    text-decoration: none;


  }


  .r-menu ul li label


  {


    padding: 5px;


  }


  


  .r-menu form label /* careful! generic rule */


  {


  	width: 70px;


  }


  


  .r-menu form /* careful! generic rule */


  {


  	width: 250px;


  }


  #main


  {


    width: 70%;


    float: left;


    margin-top: -560px;


  }


  #main h1


  {


    font-size: 15px;


    font-weight: bold;


    color: #FF6600; 


  }


  #main p


  {


    font-size: 15px;


    margin-top: 15px;


    margin-bottom: 15px;


    background-color: #E3E2E1;


    padding: 5px; 


  }


  .listitem


  {


    width: 100%;


  }


  .listitem .tdhead


  {


    background-color: #FF9148;


    padding: 5px;


    text-align: center;


   


  }


  .listitem td


  {


    background-color: #E3E2E1;


    padding: 5px;


    text-align: center;


    


  }


  .listitem a


  {


    text-decoration: none;


    


  }


  .lostitem


  {


    float: right;


    background-color: white;


    border: 1px dotted #FF6600;


    padding: 15px;


    margin-bottom: 10px;


  }


  .mainform


  {


    width: 50%;


    border: 1px dotted #FF6600; 


    text-align: center;


    margin: 10px auto;


  }


  .mainform ul


  {


    list-style: none;


  }


  .mainform ul li


  {


    margin: 20px;


  }


  .mainform h1 


  {


    color: #FF6600;


	 margin: 5px 0;  


  }


  


  .mainform h2


  {


  	 font-size: 19px;


	 margin: 10px 0;


  }


  .mainform a 


  {


    text-decoration: none;  


  }


  .mainmessage


  {


    width: 50%;


    border: 1px dotted #FF6600; 


    text-align: center;


    margin: 10px auto;


    padding: 10px;


  }


  .mainmessage h1


  {


    color: #FF6600;


    margin: 10px;


  }


  .mainmessage p


  {


    margin: 10px;


  }


  .mainmessage a


  {


    margin: 10px;


    text-decoration: none;


  }


  .logform


  {


    width: 50%;


    border: 1px dotted #FF6600; 


    text-align: center;


    margin: 10px auto;


    float: right;


  }


  .logform ul


  {


    list-style: none;


  }


  .logform ul li


  {


    margin: 20px;


  }


  .logform h1 


  {


  	 margin: 9px 0;


    color: #FF6600;  


  }


  .logform a 


  {


    text-decoration: none;  


  } 


  .logmessage


  {


    width: 50%;


    border: 1px dotted #FF6600; 


    text-align: center;


    margin: 10px auto;


    padding: 10px;


  }


  .logmessage h1


  {


    color: #FF6600;


    margin: 10px;


  }


  .logmessage p


  {


    margin: 10px;


  }


  .logmessage a


  {


    margin: 10px;


    text-decoration: none;


  }


  .mainmessage2


  {


    width: 100%; 


    margin: 10px auto;


    padding: 10px;


    font-size: 15px;


  }


  .mainmessage2 h1


  {


    color: #FF6600;


    margin: 10px;


    font-weight: normal;


  }


  .mainmessage2 p


  {


    margin: 10px;


    background-color: #E3E2E1;


    padding: 10px;


  }


  .mainmessage2 a


  {


    margin: 10px;


    text-decoration: none;


  }


  .note /* Note: I changed this to make it look better after the form's style modification */


  {


	 background-color: #E3E2E1;


    padding: 5px;


    text-align: right; 


  }


  


  /*---------- my code ----------*/


  


  input, label, select, textarea


  {


		display: block;


		float: left;


		margin: 3px;


                direction: rtl;


  }


  


  input, select, textarea {


  	 width: 150px;


  }


  label


  {


   width: 100px;


  	text-align: right;


  }





  br 


  {


  	 clear: left;


  }


  form.sideform


  {


	width: 200px;


  }


  form


  {


  	width: 290px;


	margin: 0 auto;


  }


  


  .submit


  {


  	width: 50px;


  }


  


  .cal img


  {


    border: 0;


  }





  .cal


  {


    position: relative;


    right: 200px;


  }


  .spo


  {


    margin-right: 15px;


    border-style: none;


  }


  .spon


  {


    text-decoration: none;


  }


  img.thesame


  {


    margin-right: 20px;


    border: none;


  }


  /*------------- the team -------------*/


  h1.mname


  {


    font-size: 15px;


    font-weight: normal;


  }


  h2.mpos


  {


    font-size: 12px;


  }


  h1.teamhead


  {


    text-align: center;


    font-size: 20px;


    font-weight: bold;


    padding-bottom: 5px;


    border-bottom: 1px dashed;


  }


  img.mpic


  {


    float: right;


    margin-left: 10px;


  }


  div.teambox


  {


     width: 40%;


     float: right;


  }


  p#newnews


  {


     background-color: #ffffff;


     padding: 20px;


     border: 1px solid #FF6600;


     font-size: x-large;


  }