﻿*{padding:0;margin:0;}
html, 
body{
    height:100%;
    overflow-x:hidden;
}
body {
    font-family:Arial, Sans-Serif, Serif;
    font-size:0.9em;
    color:#333;
    background:#fff;
}
p{
    margin:15px 0;
    line-height:1.8em;
}
a img{
    border:0;
}
table{
    font-size:9px;
    font-family:Arial;
}
table td{
    padding:1px 2px;
    border-bottom:1px #aaa solid;
    border-right:1px #aaa solid;
    background:#f1f1f1;
}
/*****************************************************/
#wrapper{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 1px;
    overflow: visible;
    visibility: visible;
    display: block;
}
#container{
    margin-left: -50%;
    position: absolute;
    top: -285px;
    left: 50%;
    width: 100%;
    height: 550px;
    visibility: visible;
    text-align:left;
    background:#000;
}
/*****************************************************/
.menu{
    position:absolute;
    right:0;
    top:0;
    width:200px;
    height:480px;
    padding:50px 0 0 0;
    background:#000;
}
.menu li{
    list-style:none;
}
.menu li.logo{
    margin:40px 0 0 0;
    text-align:center;
}
.content{
    height:450px;
    padding:0 0 0 200px;
    margin:0 220px 0 0;
    clear:none;
    background:#fff url('images/bgContent.jpg') no-repeat 0 0;
}
.content .text{
    height:450px;
    overflow:auto;
    background:url('images/bgText.jpg') no-repeat 100% 100%;
}
.content .text .front{
    margin-top:180px;
    text-align:center;
}
.content .text p{
    padding:0 20px;
}
.content .text .list{
    height:300px;
    clear:both;
}
.content .text ul.leftlist{
    float:left;
}
.content .text ul.rightlist{
    float:right;
}
.content .text ul{
    margin:0 0 30px 0;
}
.content .text li{
    margin:4px 0 0 30px;
}
#flashcontent{
    width:100%;
    height:100%;
    height:450px;
}
ul.imagelist{
    float:left;
    width:280px;
    height:auto;
    clear:both;
}
ul.imagelist li{
    float:left;
    height:auto;
    padding:10px;
    margin:2px !important;
    text-align:center;
    font-weight:bold;
    border:1px #ccc solid;
}
.imgleft{
    float:left;
    margin:0 10px;
    padding:10px;
    border:1px #ccc solid;
}
.imgright{
    float:right;
    margin:0 10px;
    padding:10px;
    border:1px #ccc solid;
}
ul.previous{
    margin:0 auto;
    list-style:none;
}
ul.previous li{
    float:left;
    list-style:url('images/none.jpg') !important;
    width:270px;
    height:250px;
    text-align:center;
    padding:10px;
    margin:2px !important;
    border:1px #ccc solid;
}