root {display: block;}
body{ margin: 0; padding: 0; border: 0}
div {margin: 0; border: 0; padding: 0;}
#top {position: absolute; top: 5px; left: 10px; width: 900px; height: 110px; background: #008080 url('img/top.gif') no-repeat;}
#left {position: absolute; top: 130px; left: 10px; width: 140px; height: 450px; background: #cb3127 url('img/left.gif') no-repeat; padding-top: 60px;}
#leftibby {position: absolute; top: 130px; left: 10px; width: 140px; height: 390px; background: #ff9122 url('img/left_ibby.gif') no-repeat; padding-top: 60px;}
#right {position: absolute; top: 130px; left: 780px; width: 110px; height: 405px; font-size: 1em;
/*background: #e28b86 url('img/right.gif') no-repeat;*/ padding: 40px 10px 5px 10px; font-weight: bold; text-align: center;}
.righttitle{color: #038282; font-size: 1.5em; }
#main {position: absolute; top: 130px; left: 155px; width: 620px; height: 490px; padding: 5px 0 5px 0; 
        background: #fff url('img/main.gif') no-repeat; color: #ff9122;}
#mainibby {position: absolute; top: 130px; left: 155px; width: 620px; height: 490px; padding: 5px 0 5px 0; 
        background: #fff url('img/mainy.gif') no-repeat; color: green;}
#mainibby #content {color: green;}
a {text-decoration: none;}
#content{padding: 0 5px 0 20px; overflow: auto; width: 595px; height: 490px; color: #004080;}
#content a { color: #038282; font-weight: bold;}
#content a:hover{ color: #fff; background: #cb3127;}
#content img{margin: 5px;}
.index {height: auto; width: 190px; float: left; margin: 10px; padding: 5px 5px 0 5px;
border-top: #cb3127 solid 1px; border-left: #cb3127 solid 1px; ; border-right: #cb3127 solid 3px; border-bottom: #cb3127 solid 3px;}
#menu a {font-family: Arial; color: #fff; font-weight: bold; width: 110px; font-size: 8pt; display: block; 
padding: 0px 5px 3px 25px;}
#right a {font-family: Times; color: #038282; font-weight: bold;}
#right a:hover{ color: #004080; }
#menu .yah {font-family: Arial; color: #004080; font-weight: bold; width: 110px; font-size: 8pt; display: block; 
padding: 0px 5px 3px 25px;}
#menu .byah {font-family: Arial; color: #FFFFFF; font-weight: bold; width: 110px; font-size: 8pt; display: block; 
padding: 0px 5px 3px 25px;}
#menu a:hover{ color: #004080; }
.separator{position: relative; left: 10px; top: 0; width: 120px; height: 15px; background: transparent url('img/sep.gif') no-repeat;}
.separatoribby{position: relative; left: 10px; top: 0; width: 120px; height: 15px; background: transparent url('img/sepy.gif') no-repeat;}
.menuitem {padding-left: 1em; font-size: 10pt; font-weight: bold; color: #000; font-style: italic;}
#topmenu{width: 300px; position: absolute; top: 58px; left: 350px; display: block; margin: 0; padding: 0;}
#topmenu a {font-family: Arial; color: #000; font-weight: bold;  font-size: 8pt; padding: 3px 5px 3px 25px; }
#topmenu a:hover {color: #cb3127;}
#topmenu .yah {font-family: Arial; color: #cb3127; font-weight: bold;  font-size: 8pt; padding: 3px 5px 3px 25px; }

.a2column{width: 45%; float: left; height: 100%;  margin: 5px; }
.a3column{width: 30%; float: left; height: 100%;  margin: 5px; }
.left {float: left; clear: both;}
.right {float: right; clear: both;}
.clear {clear: both;}
ol.alphalist{list-style-type: lower-alpha;}
ol.numberlist {list-style-type: decimal;}
ul.none{list-style-type: none;}