html {
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
}

/* The following bizarre comment is to hide the CSS from NN4;
 * the "@media all" stuff is to hide some CSS from Dillo 2.2 */

/*/*/

@font-face {
    font-family: 'UserspaceMedium';
    src: url('fonts/Userspace/userspace-medium-samiam.eot');
    src: url('fonts/Userspace/userspace-medium-samiam.eot?#iefix') format('embedded-opentype'),
         url('fonts/Userspace/userspace-medium-samiam.woff') format('woff'),
         url('fonts/Userspace/userspace-medium-samiam.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}


body {
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	background-color: white;
	color: black;
}

h1 {
	font-size: 15pt;
	font-family: UserspaceMedium, Calibri, 'Arial', Helvetica, sans-serif;
	font-weight: bold;
}

table {
	color: black;
}
.wimage {
	display: none;
}
.wall {
        color: black;
        border: 1px solid white;
        margin-bottom: 2px;	
	min-width: 210px;
}
.whead {
        background: white;
        border-bottom: 1px solid white;
        padding: 4px;
        font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	font-size: 21pt;
        text-shadow: #aaa 1px 1px;
        color: black;
}
.wlinks {
        background: #acc6e6 url(vgrad.png) repeat-x top;
        padding-left: 4px;
        font-family: Verdana, "Bitstream Vera Sans", sans-serif;
        font-size: 15pt;
        font-weight: bold;
}

.right {
	/*display: none;*/
}

#heading {
	background-color: #84add9;
	color: white;
}

#htexttop {
	display: none;
}

#htext {
	font-size: x-large;
	font-weight: bold;
	color: black;
}

#heading a {
	color: #ffffa0;
	background: black;
	font-size: medium;
	font-weight: bold;
	text-decoration: none;
	padding: 1px;
}

#heading a:hover {
	color: black;
	background: white;
}

#cbox {
	width: 100%;
	background-color: white;
}

.content {
	color: black;
}

.content a {
        color: #0000ff;
	background-color: #ffffff;
}	

.content a:hover {
	color: #000000;
	background-color: #ffff99;
}

.leftpic {
	margin-right: 5px;
}

.moyet {
	display: none;
}

.pc {display: none;} 

.hh2 { padding-top: 0; 
       margin-top: 0; }

.hh3 { padding-top: 0; 
       margin-top: 0; }

.up { margin-top: -8px; }

.ql { border-bottom: 2px solid black; 
      padding: 1px 2px 1px 2px;
      }

.qlp { 
padding: 2px 2px 2px 5px; }

#linkbox { 
	   background-color: #84add9;
	   color: black;
           border: 1px solid black;
	   }

#linkbox a { 
        color: #404040;
        background-color: #84add9;
}

#linkbox a:hover { 
        color: #202020;
        background-color: #ffff99;
}

.lbox { 
      	float: right;
}

.lbox a {
	text-decoration: none;
	}

.stuff { margin: 2px;
	 }

.stuff a {
	text-decoration: none;
	}

#tbl { padding: 0px; }

#tbl td { 
          border: solid #c0c0c0;
          border-width: 1px 0px 0px 0px;
          padding: 0px; }

.nocss { display: none; }

@media all {
.t1 { background: #d1e2f2;
      height: 1px;
      font-size: 0px;
      border-right: 1px solid #5a6173;
    }
} @media all {
.t2 { background: #d1e2f2;
      height: 1px;
      display: block !important;
      display: none;
      border-right: 2px solid #5a6173;
    }
} @media all {
.t3 { background: #acc6e6;
      border-left: 2px solid #d1e2f2;
      height: 2px;
      font-size: 0px;
       border-right: 2px solid #5a6173;
    }
} @media all {
.t4a { border-left: 2px solid #d1e2f2;
       border-right: 2px solid #5a6173;
       height: 1px;
       display: block !important;
       display: none;
       }
} @media all {
.t4b {  
       border-left: 2px solid #acc6e6;
       border-right: 2px solid #acc6e6;
       height: 1px;
       display: block !important;
       display: none;
       }
} @media all {
.t4c { 
      background: #5a6173;
      border-right: 1px solid #d1e2f2;
       height: 1px;
     display: block !important;
     display: none;
     }
} @media all {
.t5c { border-left: 1px solid #5a6173;
       border-right: 1px solid #d1e2f2;
       height: 1px;
       display: block !important;
       display: none;
      }
} @media all {
.t5d { background: #d1e2f2;
       border-right: 1px solid #5a6173;
       height: 1px;
       display: block !important;
       display: none;
     }
} @media all {
.t7d { background: #5a6173;
       border-left: 1px solid #d1e2f2;
       height: 1px;
       display: block !important;
       display: none;
     }
} @media all {
.t6a { border-left: 2px solid #d1e2f2;
       border-right: 2px solid #5a6173;
     }
} @media all {
.t6b { 
       border-left: 2px solid #acc6e6;
       border-right: 2px solid #acc6e6;
       }
} @media all {
.t6c {
       border-left: 1px solid #5a6173;
       border-right: 1px solid #d1e2f2;
     }
} @media all {
.heading {
      text-align: center;
      font-weight: bold;
      background: #acc6e6 url(vgrad.png) repeat-x top;
      border-left: 1px solid #d1e2f2;
      border-right: 1px solid #5a6173;      
      border-top: 0px !important;
      border-top: 1px solid #5a6173;
      border-bottom: 0px !important;
      border-bottom: 1px solid #5a6173;
      padding-bottom: 2px;
     }
} @media all {
h2.heading {
      margin-top: 0px;
      margin-bottom: 0px;
      font-size: medium;
      }
} @media all {
.t8 {
      background: #5a6173;
      height: 1px;
      font-size: 0px;
      display: block !important;
      display: none;
    }
} @media all {
.t9a {
      border-left: 4px solid #d1e2f2;
      border-right: 1px solid #5a6173;
      height: 1px;
      display: block !important;
      display: none;
     }
} @media all {
.t9b {
      border-left: 1px solid #5a6173;
      border-right: 4px solid #d1e2f2;
      height: 1px;
      background: white url(gradbg.png) repeat-y right;
      display: block !important;
      display: none;
     }
} @media all {
.wt9b {
      border-left: 1px solid #5a6173;
      border-right: 4px solid #d1e2f2;
      height: 1px;
      background: #acc6e6 url(gradbg.png) repeat-y left;
      display: block !important;
      display: none;
     }
} @media all {
.b1a { 
      border-left: 2px solid #d1e2f2;
      border-right: 2px solid #5a6173;
      /* ma\rgin-bottom: -1.1em !important; *//*/*/
      margin-bottom: 0px;
    }
} @media all {
.b1b { border-left: 2px solid #acc6e6;
      border-right: 2px solid #acc6e6;
    }
} @media all {
.body { border-left: 1px solid #5a6173;
        border-right: 1px solid #d1e2f2;
        border-bottom: none !important;
        border-bottom: 1px solid #d1e2f2;
        background: white url(gradbg.png) repeat-y right;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 0px !important;
        padding-bottom: 2px;       
        margin-bottom: 0px;
      }
} @media all {
.body a {
      	background: transparent;
	color: black;
 	}
} @media all {
.wqbody { border-left: 1px solid #5a6173;
        border-right: 1px solid #d1e2f2;
        border-bottom: none !important;
        border-bottom: 1px solid #d1e2f2;
        background: #acc6e6 url(gradbg.png) repeat-y left;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 0px !important;
        padding-bottom: 2px;       
        margin-bottom: 0px;
	}
} @media all {
.wqbody li {
      list-style: none;
      margin-top: 2px;
      }
} @media all {
.wqbody a {
     background: transparent;
     }
} @media all {
.wqbody a:hover {
     border-bottom: 1px solid #ffff99;
     }
} @media all {
.wqbody ul {
      margin: 0;
      margin-left: 0;
      padding: 0;
      }
} @media all {
.wqbody a {
	color: black;
 	}
} @media all {
.wtbody { border-left: 1px solid #5a6173;
        border-right: 1px solid #d1e2f2;
        border-bottom: none !important;
        border-bottom: 1px solid #d1e2f2;
        background: white url(gradbg.png) repeat-y right;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 0px !important;
        padding-bottom: 2px;       
        margin-bottom: 0px;
	}
} @media all {
.wtbody li {
      list-style: none;
      margin-top: 2px;
      }
}
.wtbody a {
     background: transparent;
     }
.wtbody a:hover {
     border-bottom: 1px solid #ffff99;
     }
.wtbody ul {
      margin: 0;
      margin-left: 0;
      padding: 0;
      }
.wtbody a {
	color: black;
 	}
.wbody { border-left: 1px solid #5a6173;
        border-right: 1px solid #d1e2f2;
        border-bottom: none !important;
        border-bottom: 1px solid #d1e2f2;
        background: white url(gradbg.png) repeat-y right;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 0px !important;
        padding-bottom: 2px;       
        margin-bottom: 0px;
	}
.wbody li {
      list-style: none;
      padding-bottom: .35em;
      margin-top: 2px;
      }
.wbody a {
     background: transparent;
     border-bottom: 1px solid #84add9;
     }
.wbody a:hover {
     border-bottom: 1px solid #ffff99;
     }
.wbody ul {
      margin: 0;
      margin-left: 0;
      padding: 0;
      }
.wbody a {
	color: black;
 	}
.b2a { 
      border-left: 2px solid #d1e2f2;
      border-right: 2px solid #5a6173;
      height: 4px;
      display: block !important;
      display: none;
    }
.b2b { border-left: 2px solid #acc6e6;
      border-right: 2px solid #acc6e6;
      height: 4px;
      display: block !important;
      display: none;
    }
.b2c { border-left: 1px solid #5a6173;
        border-right: 1px solid #d1e2f2;
        background: white url(gradbg.png) repeat-y right;
        height: 4px;
        display: block !important;
        display: none;
      }
.wb2c { border-left: 1px solid #5a6173;
        border-right: 1px solid #d1e2f2;
        background: #acc6e6 url(gradbg.png) repeat-y left;
        height: 4px;
        display: block !important;
        display: none;
      }
.b3a { 
      border-left: 2px solid #d1e2f2;
      border-right: 2px solid #5a6173;
      height: 1px;
      display: block !important;
      display: none;
    }
.b3b { border-left: 2px solid #acc6e6;
      border-right: 2px solid #acc6e6;
      height: 1px;
      display: block !important;
      display: none;
    }
.b3c { border-left: 1px solid #5a6173;
       background: #d1e2f2;
       height: 1px;
      display: block !important;
      display: none;
    }
.b4 { border-left: 2px solid #d1e2f2;
       border-right: 2px solid #5a6173;
       background: #acc6e6;
       height: 2px;
       display: block !important;
       display: none;
     }
.b5 { border-left: 1px solid #d1e2f2;
      background: #5a6173;
      height: 1px;
      display: block !important;
      display: none;
     }
.b6 { background: #5a6173;
      height: 1px;
      display: block !important;
      display: none;
     } 
.b_ie6bug { display: none !important;
       display: block;
       border-left: 2px solid #d1e2f2;
       border-right: 2px solid #5a6173;
       border-bottom: 1px solid #5a6173;
       background: #acc6e6;
       height: 1px;
       font-size: 0px;
       }

.m8 {
	font-size: 19pt;
}

/* */

/* A lot of old Pentiums and what not in some Mexican cyber-cafes still use 
   IE5.0 */

@media tty {
 i{content:"\";/*" "*/}}; @import 'ie5bug.css'; {;}/*";}
  }/* */