@charset "UTF-8";
/* CSS Document */

body {
background:transparent url(../images/bg.jpg) no-repeat top center;
margin:0px 0px 0px 0px;
background-color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;}

.navigation_holder { background: url("../images/navigation_bg.png") no-repeat top; width:960px; height:22px; margin:100px auto 15px auto; }

.page_title { background:url(../images/line.png) bottom left no-repeat; width:960px; height:20px; margin:15px auto;  }

.site_container { position:relative; margin-left:auto; margin-right:auto; margin-top:0px; width:1000px; height:auto; }

.body_container { float: right; width:auto; margin:50px 30px 25px 10px}

.body_container_top {background:url(../images/body_content_top.png) bottom left no-repeat; width:450px; height:19px; margin:0px;}
.body_container_center {background:url(../images/body_content_center.png) top left repeat-y; width:450px; margin:0px; padding:1px;}
.body_container_bot {background:url(../images/body_content_bttm.png) top left no-repeat; width:450px; height:76px; margin:0px;}
.body_content { width:400px; margin-left:25px;}


.body_container_n { float: right; width:650px; margin:50px 30px 25px 10px}

.body_container_top_l {background:url(../images/body_content_top_l.png) bottom left no-repeat; width:30px; height:36px; margin:0px; float:left; display:inline}
.body_container_top_c {background:url(../images/body_content_top_c.png) bottom left repeat-x; width:586px; height:36px; margin:0px; float:left; display:inline;}
.body_container_top_r {background:url(../images/body_content_top_r.png) bottom left no-repeat; width:34px; height:36px; margin:0px; float:right; display:inline;}
.body_container_center_l {background:url(../images/body_content_center_l.png) top left repeat-y; width:30px; height:auto; margin:0px; float:left; display:inline;}
.body_container_center_c {background:url(../images/body_content_center_repeat.png) top left repeat; width:586px; margin:0px; float:left; display:inline;}
.body_container_center_r {background:url(../images/body_content_center_r.png) top left repeat-y; width:34px; height:39px; margin:0px; float:right; display:inline; clear:both;}
.body_container_bot_l {background:url(../images/body_content_bot_l.png) top left no-repeat; width:30px; height:70px; margin:0px; float:left; display:inline;}
.body_container_bot_c {background:url(../images/body_content_bot_c.png) top left repeat-x; width:586px; height:70px; margin:0px; float:left; display:inline;}
.body_container_bot_r {background:url(../images/body_content_bot_r.png) top left no-repeat; width:34px; height:70px; margin:0px; float:right; display:inline;}
.body_content_n { width:575px; margin-left:30px;}


.body_container_left { float:left; width:450px; margin:50px 10px 25px 30px;}

.clear { clear:both;}


.page_footer{ background:url(../images/line.png) top left no-repeat; width:960px; height:20px; margin:0px auto; }


.button_holder { float:right; width:280px; margin:50px 75px 0px 0px; }

.button_do { float: right; margin:25px 0px 55px 0;}
#button_do a { display:block; background: url("../images/button_do.png")0 0 no-repeat; width:224px; height:78px; }
#button_do a:hover { background-position: 0 -78px; }


.button_done { float: left; margin:0px 0px 25px 0;}
#button_done a { display:block; background: url("../images/button_done.png")0 0 no-repeat; width:224px; height:78px; }
#button_done a:hover { background-position: 0 -78px; }   
   
.button_charge { float: right; margin:25px 0px 55px 0;}
#button_charge a { display:block; background: url("../images/button_charge.png")0 0 no-repeat; width:224px; height:78px; }
#button_charge a:hover { background-position: 0 -78px; }   


.body_content ul li { margin-bottom:12px; }
h4 { border-bottom: dashed #FFFFFF 1px ; width:225px; margin-top:30px; margin-bottom:10px;}  


.body_content a:link { color:#C2D1FF; text-decoration: none; }
.body_content a:visited { color:#92AFFF; text-decoration: none; }
.body_content a:hover {color: #3C6099; text-decoration: underline; }
.body_content a:active {color: #7B8DAB; }


a:link { color:#7B8DAB; text-decoration: none; }
a:visited { color:#26354D; text-decoration: none; }
a:hover {color: #3C6099; text-decoration: underline; }
a:active {color: #7B8DAB; }




        .lavaLampWithImage {
            position: relative;
            height: 22px;
            width: 750px;
            
            padding: 2px;
            margin: 0px auto;
            overflow: hidden;
        }
                .lavaLampWithImage li {
                    float: right;
                    list-style: none;
					border-right: 1px #FFFFFF dotted;
                }
                    .lavaLampWithImage li.back {
                        background: url("../images/lava.png") no-repeat right -18px;
                        width: 9px; height: 18px;
                        z-index: 8;
                        position: absolute;
						border:none;
                    }
                        .lavaLampWithImage li.back .left {
                            background: url("../images/lava.png") no-repeat top left;
                            height: 18px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
							border:none;
                        }
                    .lavaLampWithImage li a {
                        font: normal 12px Verdana, Arial, Helvetica, sans-serif;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 2px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: right;
                        height: 18px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }

        .lavaLampNoImage {
            position: relative;
            height: 29px;
            width: 421px;
            background-color: white;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
            border: 1px solid gray;
        }
                .lavaLampNoImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampNoImage li.back {
                        border: 1px solid #000;
                        background-color: #e6e8ea;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampNoImage li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }
                        .lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
                            border: none;
                        }                    

        .lavaLampBottomStyle {
            position: relative;
            height: 29px;
            width: 421px;
            background-color: white;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
            border: 1px solid gray;
        }
                .lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampBottomStyle li.back {
                        border-bottom: 5px solid blue;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampBottomStyle li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }