*{margin:0px;padding:0px;}
body{background:url(../images/main/bg.jpg) repeat-y #4c7527 center; font-family:helvetica}
body{background:url(../images/main/bg_2.jpg) no-repeat #072c59 top center; font-family:helvetica}
img{border:0px;}

#header{width:800px; margin:0px auto;}
#nav{text-align:center; word-spacing: 20px;margin-top:20px;font-family:verdana;}
#nav img{margin:0px 15px;}
#nav a:link,#nav a:visited{font-size:22px;color:#ebebeb; font-weight:bold;text-decoration:none;text-shadow:black 0px 1px 5px;FILTER: Shadow(Color=#4f5051, Direction=180, Strength=4);}
#nav a:hover{color:#d4dadb;}
#nav a img{opacity:.7; filter:alpha(opacity=70)}
#nav a img:hover{opacity:1; filter:alpha(opacity=100)}

#content{height:420px;padding-top:45px;padding-bottom:40px; width:800px; margin:0px auto;color:white;font-size:14px;text-shadow:black 0px 1px 5px; }
#content a img{opacity:.8; filter:alpha(opacity=80)}
#content a img:hover{opacity:1; filter:alpha(opacity=100)}
#bottom{padding-top:30px;font-weight:bold;color:white;font-size:14px; width:800px; margin:0px auto;}
.center{text-align:center;}

#footer{padding-left:10px;}

.popup{float:right;}

/* POP UP */
.darkenBackground{
    opacity:.70;
    filter:alpha(opacity=70);
    background-color: rgb(0, 0, 0);
    z-index: 15;
    height: 100%;
    width: 100%;
    background-repeat:repeat;
    position:fixed;
    top: 0px;
    left: 0px;
}

#showImage {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -400px;
  height: 100%;
  z-index: 20;
}

#inner_img_float {
  text-align: center;
  background-repeat: no-repeat;
  height: 800px;
  width: 800px;
  background-position: center;
  position: relative;
  z-index: 22;
}

#showImage #img_shower {
  position: relative;
  z-index: 21;
}
#img_arrows{padding-top:400px;display:none; }
#img_arrows img{ height:35px;}
#xbox{display:none;float:right;}
#xbox img{height:35px;}


/*http://3nhanced.com/javascript/simple-tooltip-powered-by-jquery/*/
.toolTip { /* This is the hook that the jQuery script will use */
    padding-right: 20px; /* This is need to make sure that the help icon is always visible */
    /*background: transparent url(images/help.gif) no-repeat right;*/
    /*color: #3366FF;*/
    cursor: help;
    position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}

.toolTipWrapper { /* The wrapper holds its insides together */
    width: 450px;
    position: absolute; /* Absolute will make the tooltip float above other content in the page */
    top: 20px;
    left:-20px;
    display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
    color: #FFF;
    font-weight: bold;
    font-size: 14px; /* A font size is needed to maintain consistancy */
    z-index:50;
}

.toolTipTop { /* Top section of the tooltip */
        width: 450px;
        height: 41px;
        background: transparent url(../images/tooltip/bubbleTop.png) no-repeat;
}

.toolTipMid { /* Middle section of the tooltip */
        padding: 8px 15px;
        background:  url(../images/tooltip/bubbleMiddle.png) #6f89aa repeat-x top;
}

.toolTipBtm { /* Bottom Section of the tooltip */
        height: 17px;
        background: transparent url(../images/tooltip/bubbleBottom.png) no-repeat;
}

.popup_wrapper{ width:539px;position:absolute;margin-left:-200px;display:none; z-index: 20;}
.popup_wrapper .top{background:url(../images/popup/top.png); height: 26px;}
.popup_wrapper .mid{background:url(../images/popup/mid.png);font-size:16px;padding:0px 20px;}
.popup_wrapper .mid ul li{margin-left:30px;}
.popup_wrapper .btm{background:url(../images/popup/btm.png); height: 26px;}