﻿html { 
  background: url(images/BigBG.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
    /* font-family: 'Ubuntu', sans-serif,Arial;*/
font-family: 'Exo 2',sans-serif,Arial;
font-size:14px;
}


/* Fonts */
h1{font-family: 'Titillium Web', sans-serif,Arial;font-size:36px; margin-top:2px; margin-bottom:4px; color:#333333;}
h2{font-family: 'Titillium Web', sans-serif,Arial;font-size:24px; margin-top:2px; margin-bottom:4px; color:#333333;}
h3{font-family: 'Titillium Web', sans-serif,Arial;font-size:18px; margin-top:2px; margin-bottom:4px; color:#333333;}
h4{font-family: 'Titillium Web', sans-serif,Arial;font-size:16px; margin-top:6px; margin-bottom:-1px; color:#333333;}
h5{font-family: 'Titillium Web', sans-serif,Arial;font-size:15px; margin-top:6px; margin-bottom:-1px; color:#333333;}

a:link{text-decoration:none; color:#3a76a3;}
a:visited{text-decoration:none; color:#3a76a3;}
a:hover{color:#ff0000;}

/* Layout */
.DIVouter{
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    background-color:#ffffff;
    top:10px;
    min-height:200px;
    padding:2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.DIVslider{
    height:260px;
}
.DIVinner{
    padding:6px;
}
.DIVhdrLeft{
    width:500px;
    float:left;
}
.DIVhdrRight{
    position:absolute;
    top:164px;
    text-align:left;
    width:1001px;
    left:-1px;
    /*  
          width:400px;
    left:0px;  
          float:right; 
 text-align:right;
    margin-top:24px;
    margin-right:-4px;
 -webkit-box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.75);
   background-color:#45484d;
    */
   
    background-color:#fff;
    border-top:1px solid #999999;
    border-bottom:1px solid #999999;
   
    font-weight:200;
    color:#000;
}
.MenItem{
    float:left;
    width:80px;
    padding:6px;
    height:20px;
    text-align:center;
}
.MenItem:hover{
    background-color:#efefef;
    cursor:pointer;
}
.MenItemLong{
    float:left;
    width:120px;
    padding:6px;
    height:20px;
    text-align:center;
}
.MenItemLong:hover{
    background-color:#efefef;
    cursor:pointer;
}
.DIVsocial{
    float:right;
    right:10px;
    margin-top:4px;
    width:100px;
    text-align:right;
    position:relative;
}
.DIVhdrRight a{color:#555555}
.DIVhdrRight a:visited{color:#555555}
.DIVclear{
    clear:both;
}
.DIVleft{
    width:300px;
    float:left;

}
.DIVright{
    width:670px;
    float:right;
}
.DIVrightFloaty{
    width:150px;
    float:right;
    margin:4px;
}
.DIVline{
    border-bottom:1px solid #808080;
    height:30px;
    margin-bottom:20px;
}
.DIVimg2{
    width:200px;
    float:left;
    margin:6px;

}
.DIVnewsimg{
    float:left;
    width:70px;
    margin:4px;
}
.DIVnews a{ 
    color:#3a76a3;
    text-decoration:underline;
}
DIVnews a:visited{ color:#3a76a3;}
.DIVnews a:hover{
    color:#ff0000;
}

.DIVimg{
    width:200px;
    height:153px;
    float:left;
    margin:6px;
    overflow:hidden;
    position:relative
}
.zoomimg {
    display: inline-block;
    width: 200px;
    height: 153px;
    padding: 0px 5px 0px 5px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .5s ease;
}.zoomimg:hover {
    cursor: pointer;
    background-size: 120% 120%;
}
.DIVimgCAP{
    background-color:#333333;
    color:#ffffff;
    margin-bottom:0px;
    position:relative;
    padding:4px;
    width:100%;
    left:-4px;
}

.DIVimg150{
    width:150px;
    float:left;
    margin-right:10px;
}
.DIVimg150right{
    width:120px;
    float:right;
    margin-right:10px;
}
.DIVimgFeat{
    width:250px;
    float:left;
    margin-right:10px;
}
.DIVimgRight300{
    width:300px;
    margin:4px;
    float:right;
    text-align:right;
}
.DIVscreeny{
    float:left;
    width:160px;
    margin-right:10px;
}
.DIVtal{
        width:102px;
        float:left;
        margin-right:2px;
}

.Footer{
    background-color:#262626;
    font-size:12px;
    height:24px;
    width:998px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    padding:8px 2px 2px 4px;
    color:#efefef;
}

/* tower */
.DIVtowerHdr{
    background-color:#1d761f;
    background-color:#45484d;
    color:#fff;
    padding:4px 4px 4px 12px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size:16px;
    margin-top:4px;
}
.DIVtowerBody{
    background-color:#efefef;
    padding:4px;
    margin-bottom:14px;
    font-size:13px;
}
.TowerItem{
    background-color:#efefef;
    padding:0px 0px 8px 6px;
    border-bottom:1px solid #ffffff;
    cursor:pointer;
}
.TowerItem:hover{
    background-color:#dddddd;
}

/* Feature blocks */
.DIV25left{
    float:left;
    width:200px;
    height:200px;
    margin-right:6px;
    margin-left:6px;
    background-color:#efefef;
    color:#45484d;
    padding:4px;
    font-size:13px;
    text-align:left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #efefef;
    position:relative
}
.DIVlink{
    position:absolute;
    bottom:3px;
    right:3px;
    width:90px;
    padding:2px 2px 2px 8px;
    background-color:#8eb7c4;
    color:#fff;
    font-size:13px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.DIVlink:hover{
    background-color:#2c5c78;
}
.DIVlink a{color:#ffffff;}
.DIVlink a:visited {
        color: #ffffff;
    }
.TabHead{
    background-color:#333333;
    color:#fff;
    padding:4px;
}
.TabCell{
    background-color:#dedede;
}
.Tbox{
    border-style:none;
    border:1px solid #888888;
    padding:4px;
}
.BtnGreen{
    border-style:none;
    border:1px solid #888888;
    padding:4px;
    background-color:#4d7d51;
    color:#fff;
    -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
    
}
.BtnGreen:hover{
    cursor:pointer;
    background-color:#88d98c;
}
