
body {
margin : 0;
padding : 0;
width : 100%;
background-color : #eff2f3;
font-family : Arial, Helvetica, sans-serif;
font-size : 80%;
}
#headwrap {
position : relative;
margin : 0;
padding : 0;
}
    #header {
    voice-family : "\"}\"";
    voice-family : inherit;
    /*background-color : #ffffff;*/
    position : relative;
    /*background : url(../images/layout/header_bottom.png) repeat-x left bottom;*/
    margin-bottom: -15px;
    }
    * html #header { margin-bottom: -10px; }
    #header .whitefill {
    padding : 10px;
    /*background-color : #fff;*/
    }
    #logo {
    position : relative;
    float : left;
    }
    #banner {
    float : right;
    margin : auto 0;
    position : relative;
    }

#mainwrapper {
  width: 100%;
  }

#module {
float: left;
margin : 0;
width: 80%;
position : relative;
table-layout : fixed;
z-index : 30;
}
.clearmodule {
}
#content {
background-color : #fff;
position : relative;
padding : 10px;
margin : 10px;
table-layout : fixed;
z-index : 30;
}
#content_right {
table-layout : fixed;
background-color : #fff;
width: 50%;
margin : 10px;
padding : 10px;
z-index : 30;
}
.page_table {
position : relative;
padding : 10px;
width : 99%;
}
#module table {
font-size : 100%;
}
#module .option {
font-size : 110%;
font-weight : bold;
font-family : Arial, Helvetica, sans-serif;
}
.title {
font-weight : bold;
font-size : 120%;
}
#footer {
position : relative;
margin: 10px 0 0 0;
padding: 1em;
background: #000;
color: #fff;
border-top: 5px solid #EFCF00;
text-align : center;
voice-family : "\"}\"";
voice-family : inherit;
}
#footer .footer {
    font-size : 80%;
    color: #fff;
}
#footer a:link { color: #fff; text-decoration: none; }
#footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover { color: #880000; text-decoration: none; }

img {
border : none;
}
#leftblocks {
float : left;
width : 200px;
position : relative;
margin: 2px;
}
#leftblocks .block-title {
font-weight : bold;
text-align : center;
}
#leftblocks .block-content {
font-weight : normal;
font-size : 90%;
}
#leftblocks hr {
width : 90%;
color : #bbbbff;
border : 1px solid #bbbbff;
}
#rightblocks {
    float : right;
    position: relative;
    z-index : 1000;
    width : 15%;
    padding: 0;
}
  * html #rightblocks {
  margin-top : 0;
  }
      #rightblocks .oddbox_top {
      margin: 0 5px 0;
      padding: 5px;
      height : 1em;
      background : #ddddff url(../images/layout/oddboxes/oddbox_top_right.gif) no-repeat top right;
      }
      #rightblocks .oddbox_bottom {
      margin: 0 5px 50px;
      padding: 5px 5px 10px;
      background : #ccccff url(../images/layout/oddboxes/oddbox_bottom_left.gif) no-repeat bottom left;
      margin-bottom : 5px;
      }
      #rightblocks .block-title {
      font-weight : bold;
      text-align : center;
      font-size : 90%;
      }
      #rightblocks .content {
      font-size : 90%;
      }
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
* html .clearfix {
height : 1%;
}
#leftblocksbox {
margin: 0 auto 0;
padding: 5px 0 0 5px;
}

#pagebox {
background : #fff url(../images/layout/block_left.png) repeat-y left top;
position : relative;
overflow : hidden;
width: 85%;
float: left;
}
      #pagebox .top {
      width : 100%;
      height : 13px;
      margin : -3px 0 0 0;
      background : url(../images/layout/block_top.png) no-repeat left bottom;
      }
      * html #pagebox .top {
      margin : -6px 0 0 0;
      }
      #pagebox .top span {
      display : block;
      position : relative;
      margin-top : 0;
      height : 13px;
      z-index : 1000;
      background : url(../images/layout/block_top-right.png) no-repeat right bottom;
      }
      #pagebox .centercontent {
      position : relative;
      background : url(../images/layout/block_right.png) repeat-y right top;
      padding : 0 10px 1px 10px;
      margin : -10px 0 -50px 0;
      position : relative;
      }
      #pagebox .bottom {
      height : 60px;
      background : url(../images/layout/block_bottom.png) no-repeat left bottom;
      }
      #pagebox .bottom span {
      display : block;
      height : 60px;
      background : url(../images/layout/block_bottom-right.png) no-repeat right bottom;
      }
#footerbox {
background : #fff url(../images/layout/block_left.png) repeat-y left top;
position : relative;
overflow : hidden;
width : 100%;
}
* html #footerbox {
margin : -6px 0 0 0;
}
#footerbox .top {
width : 100%;
height : 13px;
margin : -3px 0 0 0;
background : url(../images/layout/block_top.png) no-repeat left bottom;
}
#footerbox .top span {
display : block;
position : relative;
height : 13px;
background : url(../images/layout/block_top-right.png) no-repeat right bottom;
}
#footerbox .center-content {
position : relative;
background : url(../images/layout/block_right.png) repeat-y right top;
padding : 0 10px 1px 10px;
margin : 0 0 -50px 0;
position : relative;
}
#footerbox .bottom {
height : 60px;
background : url(../images/layout/block_bottom.png) no-repeat left bottom;
}
#footerbox .bottom span {
display : block;
height : 60px;
background : url(../images/layout/block_bottom-right.png) no-repeat right bottom;
}
.menu {
font-size : 90%;
z-index : 5000;
}
.menu ul {
visibility : visible;
position : relative;
list-style : none;
margin : 0;
padding : 0;
z-index : 5000;
}
.menu img {
visibility : visible;
position : relative;
vertical-align : middle;
margin : 0 4px 0 0;
text-align : left;
z-index : 5000;
}
.menu a, .menu h2 {
position : relative;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 90%;
font-weight : bold;
text-decoration : none;
display : block;
margin : 0;
padding : 1px 1px;
text-align : left;
z-index : 5000;
visibility : visible;
}
.menu a {
color : #000000;
background-color : #fff;
z-index : 5000;
visibility : visible;
}
.menu a:hover {
visibility : visible;
color : #fff;
background : #161068;
z-index : 5000;
}
.menu li {
visibility : visible;
position : relative;
z-index : 5000;
}
.menu ul ul ul {
position : absolute;
visibility : visible;
z-index : 5000;
top : 0;
left : 100%;
width : 100%;
border-width : 1px;
border-style : solid;
border-color : #ccc #888 #555 #bbb;
}
.menu ul ul ul, .menu ul ul li:hover ul ul {
visibility : visible;
display : none;
z-index : 5000;
}
.menu ul ul li:hover ul, .menu ul ul ul li:hover ul {
visibility : visible;
display : block;
z-index : 5000;
}
.menu a.x, .menu a.x:visited {
visibility : visible;
color : #000;
z-index : 5000;
}
.menu a.x:hover {
visibility : visible;
color : #a00;
background : #fff;
z-index : 5000;
}
.menu a.x:active {
visibility : visible;
color : #000;
background : #e0dfe3;
z-index : 5000;
}
.tabs {
list-style : none;
padding : 5px 0 0 20px;
margin : 0 10px 0 0;
height : 26px;
position : relative;
background : url(../images/layout/tabs/backing.gif) repeat-x left bottom;
}
.tabs li {
float : left;
margin-right : -40px;
}
.tabs li a {
display : block;
position : relative;
text-decoration : none;
}
.tabs li a em {
display : block;
height : 26px;
float : left;
padding : 0 39px 0 10px;
background : url(../images/layout/tabs/tab-blue.gif) right top;
position : relative;
z-index : 100;
font-size : 11px;
font-weight : normal;
font-style : normal;
color : #fff;
line-height : 25px;
font-family : verdana;
}
.tabs li a b {
display : block;
float : left;
width : 29px;
height : 26px;
background : url(../images/layout/tabs/tab-blue.gif) left top;
position : relative;
z-index : 200;
}
.tabs li a.m1 {
z-index : 600;
}
.tabs li a.m2 {
z-index : 500;
}
.tabs li a.m3 {
z-index : 400;
}
.tabs li a.m4 {
z-index : 300;
}
.tabs li a.m5 {
z-index : 200;
}
.tabs li a.m6 {
z-index : 100;
}
.tabs li a.m7 {
z-index : 90;
}
.tabs li a.m8 {
z-index : 80;
}
.tabs li a.m9 {
z-index : 70;
}
.tabs li a.m10 {
z-index : 60;
}
.tabs li a:hover {
border : 0;
z-index : 700;
cursor : pointer;
}
.tabs li a:hover b {
background-position : left center;
}
.tabs li a:hover em {
background-position : right center;
color : #050;
}
.tabs li a.selected, .tabs li a.selected:hover {
border : 0;
z-index : 800;
cursor : default;
}
.tabs li a.selected b, .tabs li a.selected:hover b {
background-position : left bottom;
}
.tabs li a.selected em, .tabs li a.selected:hover em {
background-position : right bottom;
color : #000;
}
.canvas_uiq {
background-image : url(/images/canvas_uiq.png);
width : 208px;
}
.p_uiq {
padding : 45px 0 46px 0;
margin : 0 20px 5px 20px;
border : 2px ridge #000;
}
#screen {
height : 267px;
width : 200px;
}
.black {
background : #000;
}
.l {
float : left;
clear : left;
}
#leftblocks .oddbox_top {
padding : 5px;
height : 1em;
background : #ddddff url(../images/layout/oddboxes/oddbox_top_right.gif) no-repeat top right;
}
#leftblocks .oddbox_bottom {
padding : 5px;
background : #ccccff url(../images/layout/oddboxes/oddbox_bottom_left.gif) no-repeat bottom left;
margin-bottom : 5px;
}
#leftblocks table {
font-size : 100%;
}
#rightblocks .whitefill {
margin-top : 10px;
background-color : #fff;
width : 100%;
}
#rightblocks table {
font-size : 100%;
}

.story_top {
position : relative;
width : auto;
margin-top : 5px;
padding : 5px;
background : #ffffaa url(../images/layout/oddboxes/oddbox_top_right.gif) no-repeat top right;
}
.story_middle {
position : relative;
padding : 10px;
border-left : 10px solid #ffff99;
border-right : 10px solid #ffff99;
}
.story_middle img {
position : relative;
z-index : 1000;
}
.story_bottom {
position : relative;
padding : 5px;
background : #ffff99 url(../images/layout/oddboxes/oddbox_bottom_left.gif) no-repeat bottom left;
}
.story-title {
text-align : center;
font-size : 140%;
font-family : "Courier New", Courier, mono;
padding : 0 0 15px 0;
margin-top : 10px;
color : #660000;
}
.story-text {
text-align : justify;
}
.story-footer {
text-align : center;
font-size : 80%;
color : #663300;
}
.forumwrap {
font : normal 100% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
.forumnav {
text-align : center;
padding : 1em 0;
}
.nav {
font-size : 90%;
}
.foruminfo {
font-size : 90%;
}
.maintitle {
font-size : 135%;
font-weight : bold;
}
.topictitle {
font-size : 85%;
}
.gensmall {
font-size : 90%;
}
.postdetails {
font-size : 90%;
}
a:link, a:visited {
text-decoration : none;
color : #660000;
}
a:hover {
text-decoration : underline;
}
.forums hr {
width : 100%;
color : #0000aa;
height : 1px;
}
.forumnone td {
border : none;
border-width : 0 0;
}
.forums table {
border-collapse : separate;
border-spacing : 0;
margin : 0 0 1em;
color : #000;
}
.forums table a {
color : #523a0b;
text-decoration : none;
border-bottom : 1px dotted;
}
.forums table a:visited {
color : #444;
font-weight : normal;
}
.forums table a:visited:after {
content : "\00A0\221A";
}
.forums table a:hover {
border-bottom-style : solid;
}
.forums thead th, .forums thead td, .forums tfoot th, .forums tfoot td {
border : 1px solid #523a0b;
border-width : 1px 0;
background : #ebe5d9;
}
.forums th {
font-weight : bold;
line-height : normal;
padding : 0.25em 0.5em;
text-align : left;
}
.forums tbody th, .forums td {
padding : 0.25em 0.5em;
}
.forums tbody th {
font-weight : normal;
background-color : #ddddff;
font-size : 120%;
white-space : nowrap;
}
.forums tbody th a:link, .forums tbody th a:visited {
font-weight : bold;
}
.forums tbody td, .forums tbody th {
border : 1px solid #fff;
border-width : 1px 0;
}
.forums tbody tr.odd th, .forums tbody tr.odd td {
border-color : #ebe5d9;
background : #f7f4ee;
}
.forums tbody tr:hover td, .forums tbody tr:hover th {
background : #ffffee;
border-color : #523a0b;
}
.forums caption {
font-family : Georgia, Times, serif;
font-weight : normal;
font-size : 1.4em;
text-align : left;
margin : 0;
padding : 0.5em 0.25em;
}
.forumtopic table {
margin : 0 0 1em;
color : #000;
}
.forumtopic table a {
color : #523a0b;
text-decoration : none;
border-bottom : 1px dotted;
}
.forumtopic table a:visited {
color : #444;
font-weight : normal;
}
.forumtopic table a:hover {
border-bottom-style : solid;
}
.forumtopic thead th, .forumtopic thead td, .forumtopic tfoot th, .forumtopic tfoot td {
border : 1px solid #523a0b;
border-width : 1px 0;
background : #ebe5d9;
}
.forumtopic th {
font-weight : bold;
line-height : normal;
padding : 0.25em 0.5em;
text-align : left;
}
.forumtopic tbody th, .forumtopic td {
padding : 0.25em 0.5em;
text-align : left;
}
.forumtopic tbody th {
font-weight : normal;
background-color : #ddddff;
font-size : 120%;
white-space : nowrap;
}
.forumtopic tbody th a:link, .forumtopic tbody th a:visited {
font-weight : bold;
}
.forumtopic tbody td, .forumtopic tbody th {
border-width : 1px 0;
}
.forumtopic td.row2 {
border-color : #ebe5d9;
background : #f7f4ee;
}
.forumtopic caption {
font-family : Georgia, Times, serif;
font-weight : normal;
font-size : 1.4em;
text-align : left;
margin : 0;
padding : 0.5em 0.25em;
}
