/* CSS Document */
body {
         background-color:rgb(255,255,204);
         margin:0; 
         padding:0;
         line-height: normal;   
         background-image: url(./img/logo.gif) no-repeat 0 0;  
         text-align: center;
	       font-family:  Verdana, Tahoma, Arial, lucida, sans-serif;
         font-size: 1em;         
}
.closed
{
         visibility: hidden;      
}
h1, h1 span
{
         width: 770px;
	       height: 62px;
	       font-size: 130%;
	       overflow: hidden;
	       position: relative;
	       right: 0;
	       top: 0;
	       z-index: 1;
	       cursor: pointer;
	       text-align: center;
	       margin: 10px auto;	
	       
}

h1 span
{
	       display: block;
	       background: URL("./img/logo_01.gif") no-repeat top;
     	   position: absolute;	
}
h1,h2,h3 {
         color: #f58f4b; 
}
#main, #main_admin {
      width: 770px;
      margin: 0 auto;	
      padding-bottom: 2em;
      clear: both;
      background: URL("./img/hr_image.gif") no-repeat 50% 100%;
}
#main ul {
         list-style-type: none;
         margin-top:0;
	       font-family:  Tahoma, Verdana, Arial, lucida, sans-serif;
         text-align: left;
         margin-left: 15%;
         letter-spacing: 0.06em;
}
hr {
         padding: 0;
}
.line{
         color: rgb(177,177,177);
         background: rgb(177,177,177);
         border: solid rgb(177,177,177) 1px;
         margin: 0 auto;
         width: 50%; 
}
#master{
}
#slave {
         margin-left: 20%;
}
menu 
{  
         list-style-type: none;
         margin-top:0;
         font-size: 12px;
	       font-family:  Tahoma, Verdana, Arial, lucida, sans-serif;
         font-weight: bold;
         letter-spacing: 0.06em;
         height: 25px;  
         border-bottom: solid 1px black;               
}
menu li {
         float: left; 
         border-bottom:1px solid #000;
         display: block;                           
}
menu li a{
         color: black;     
         text-decoration: none;                       
}

.left_img {
         display: block;
         height: 25px;
         background: url(./img/left.gif) no-repeat 0 0;
         width:15px; 
         float: left;                                            
}
.middle_img {
         display: block;
         height: 21px;
         %height: 25px;
         background: url(./img/middle.gif) repeat-x 0 0;
         float: left;         
         padding-top: 4px;
         %padding-top: 0;  
}
.right_img {
         display: block;
         height: 25px;
         background: url(./img/right.gif) no-repeat 0 0;
         width:15px; 
         float: left;                          
}
menu li a:hover{
         color: white;          
}
menu li a:hover .middle_img{
         background-position: 0 -25px;
}

menu li a:hover .left_img{
         background-position: 0 -25px;
}
menu li a:hover .right_img{
         background-position: 0 -25px;
}

th   {
      text-align: right;
      width: 40%;
}      
#main_admin th   {
      text-align: left;
      text-transform: uppercase;
      width: 40%;
      font: 1em Verdana, Arial, sans-serif bold ;       
}
#main_admin td   {
      text-align: left;
      width: 40%;
      font: 0.9em Verdana, Arial, sans-serif;       
}

legend {
      font: 1.2em Verdana, Arial, sans-serif;
      border: solid 1px #F60;
      border-left:solid 5px #F60;
      padding: 5px;
      text-transform: uppercase;
      font-weight: bold;
      background-color:rgb(199,199,199);
}
fieldset {
      border: solid 1px #F60;
      margin-top: 3%;
}
fieldset p {
      margin: 3%;
}
.alert {
      color: red;
}
#list {
      font: 0.9em Verdana, Arial, sans-serif;
      border: solid 1px black;
}
#list th {
      text-align: center;
}
#list caption {
      font: 1.1em Verdana, Arial, sans-serif;
}