/* Below CSS Document was generated based on (watch credit notice): */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

html, body{
        margin:0;
        padding:0;
        background: #363636;
        overflow: auto;
        line-height: 1.5em;
        }

#container{
        position: absolute;
        width: 730px; /*Width of main container*/
        height: 534px;
        top: 50%;
        left: 50%;
        margin: -267px 0 0 -360px; /*Center container on page*/
        }

#contentwrapper{
        float: left;
        width: 100%;
        }

#rightcolumn{
        height: 510px;
        margin: 0 0 0 360px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
        background: url(../images/rightcolumn_bcg.jpg) 0 0 no-repeat;
        _background: url(../images/rightcolumn_bcg.jpg) -10px 0 no-repeat;
        }

.right_head{
        float: left;
        margin-left: 10px;
        _margin-left: 0;
        width: 350px;
        height: 395px;
        background: url(../images/right_head_bcg.gif) 0 0 no-repeat;
        }

.enter{
        float: left;
        margin-left: 10px;
        _margin-left: 0;
        width: 350px;
        height: 105px;
        }
              
.enter a {
        display: block;
        height: 105px;
        width: 350px;
        background: url(../images/enter_btn.gif) 0 0 no-repeat;
        }
 
.enter a:hover {
        background: url(../images/enter_btn.gif) 0 -105px no-repeat;
        }

#leftcolumn{
        float: left;
        width: 360px; /*Width of left column in pixel*/
        height: 510px;
        margin-left: -730px; /*Set margin to that of -(MainContainerWidth)*/
        _margin-left: -740px;
        background: url(../images/leftcolumn_bcg.jpg) top left no-repeat;
        }

.left_head{
        float: left;
        margin: 0;
        width: 350px;
        height: 155px;
        background: url(../images/left_head_bcg.gif) top left no-repeat;
        }

.left_middle{
        float: left;
        margin: 0;
        width: 350px;
        height: 265px;
        background: url(../images/left_middle_bcg.gif) top left no-repeat;
        padding-left: 50px;
        }

.left_bottom{
        float: left;
        margin: 0;
        width: 350px;
        height: 80px;
        background: url(../images/left_bottom_bcg.gif) top left no-repeat;
        }
        
.heading{
        float: left;
        padding: 20px 0 20px 0;
        margin-left: 0;
        font: bold 12pt arial, helvetica, verdana;
        color: #000;
        line-height: 1.2em;
        }
        
.info{
        padding: 10px 0 20px 0;
        margin-top: 80px;
        width: 260px;
        font: normal 9pt arial, helvetica, verdana;
        color: #000;
        line-height: 1.2em;
        border-top: dashed #000 1px;
        border-bottom: dashed #000 1px;
        }
        
.info ul{
        font: bold 9pt arial, helvetica, verdana;
        color: #000;
        line-height: 2em;
        padding: 0;
        margin: 0 0 10px 0;
        }

.info li{
        display: block;
        list-style-type: none;
        height: 20px;
        font: normal 9pt arial, helvetica, verdana;
        background: url(../images/limg.gif) top left no-repeat;
        padding: 7px 0 0 20px;
        }
        
.impra_btn{

        }

a.navigator{
        float: right;
        padding: 3px 5px 3px 30px;
        color: #F6F2D9;
        text-decoration: none;
        font: bold 9pt arial, helvetica, verdana;
        margin: 0 45px 0 10px;
        background: #EF001A url(../images/arrow_left.gif) 4px 50% no-repeat;
        }

#foot{
        clear: left;
        width: 100%;
        height: 24px;
        padding-left: 3px;
        }