body, ul, li
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 21px;
    text-align: left;
}

#menu
{    
    list-style: none; /*	width:940px;*/
    margin: 0px auto 0px auto;
    height: 43px;
    padding: 0px 0px 0px 10px; /* Rounded Corners */ /*-moz-border-radius: 10px; 	-webkit-border-radius: 10px; 	border-radius: 10px;*/ /* Background color and gradients */
    background: #014464;
    background: -moz-linear-gradient(top, #0272a7, #013953);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953)); /* Borders */
    border: 1px solid #002232;
    -moz-box-shadow: inset 0px 0px 1px #edf9ff;
    -webkit-box-shadow: inset 0px 0px 1px #edf9ff;
    box-shadow: inset 0px 0px 1px #edf9ff;
}

#menu li
{
    float: left;
    display: block;
    text-align: center;
    position: relative;
    padding: 4px 20px 4px 14px;
    margin-right: 19px;
    margin-top: 0px; /*border:none;*/
    line-height:0px;
}

.Liborder
{
    border-right: 1px solid gray;
}

#menu li:hover
{
    border: 1px solid #777777;
    padding: 4px 20px 6px 14px !important; /* Background color and gradients */
    background: #F4F4F4;
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE)); /* Rounded corners */
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

#menu li a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #EEEEEE;
    
    outline: 0;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000;
     padding-top:12px;
    padding-bottom:12px;
}

#menu li:hover a
{
    color: #161616;
    text-shadow: 1px 1px 1px #ffffff;
    
}
#menu li .drop
{
    padding-right: 0px;
    
}
#menu li:hover .drop
{
    
}

.dropdown_1column, .dropdown_2columns, .dropdown_2Lcolumns, .dropdown_2LHcolumns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns
{
    margin: 4px auto;
    float: left;
    
    left: -999em; /* Hides the drop down */
    text-align: left;
    padding: 10px 5px 10px 5px;
    border: 1px solid #777777;
    border-top: none;
    /* Gradient background */
    background: #F4F4F4;
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB)); /* Rounded Corners */
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
}

.dropdown_1column
{
    width: 140px;
}
.dropdown_2columns
{
    width: 280px;
}
.dropdown_2Lcolumns
{
    width: 280px;
}
.dropdown_2LHcolumns
{
    width: 280px;
}
.dropdown_3columns
{
    width: 420px;
}
.dropdown_4columns
{
    width: 580px;
}
.dropdown_5columns
{
    width: 700px;
}

#menu li:hover .dropdown_1column, #menu li:hover .dropdown_2columns, #menu li:hover .dropdown_3columns, #menu li:hover .dropdown_4columns, #menu li:hover .dropdown_5columns
{
    left: -1px;
    top: auto;
}
#menu li:hover .dropdown_2Lcolumns
{
    left: -190px;
    top: auto;
}
#menu li:hover .dropdown_2LHcolumns
{
    left: -168px;
    top: auto;
}


.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7
{
    display: inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}
.col_1
{
    width: 130px;
}
.col_2
{
    width: 270px;
}
.col_3
{
    width: 410px;
}
.col_4
{
    width: 550px;
}
.col_5
{
    width: 690px;
}
.col_6
{
    width: 140px;
}

.col_7
{
    width: 150px;
}
#menu .menu_right
{
    float: right;
    margin-right: 0px;
}
#menu li .align_right
{
    /* Rounded Corners */
    -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#menu li:hover .align_right
{
    left: auto;
    right: -1px;
    top: auto;
}

#menu p, #menu h2, #menu h3, #menu ul li
{
    font-family: Arial, Helvetica, sans-serif;
    line-height: 21px;
    font-size: 12px;
    text-align: left;
    text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2
{
    font-size: 21px;
    font-weight: 400;
    letter-spacing: -1px;
    margin: 7px 0 14px 0;
    padding-bottom: 14px;
    border-bottom: 1px solid #666666;
}
#menu h3
{
    font-size: 14px;
    margin: 7px 0 14px 0;
    padding-bottom: 7px;
    border-bottom: 1px solid #888888;
}
#menu p
{
    line-height: 18px;
    margin: 0 0 10px 0;
}

#menu li:hover div a
{
    font-size: 12px;
    color: #015b86;
}
#menu li:hover div a:hover
{
    color: #029feb;
}


.strong
{
    font-weight: bold;
}
.italic
{
    font-style: italic;
}

.imgshadow
{
    /* Better style on light background */
    background: #FFFFFF;
    padding: 4px;
    border: 1px solid #777777;
    margin-top: 5px;
    -moz-box-shadow: 0px 0px 5px #666666;
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}
.img_left
{
    /* Image sticks to the left */
    width: auto;
    float: left;
    margin: 5px 15px 5px 5px;
}

#menu li .black_box
{
    background-color: #333333;
    color: #eeeeee;
    text-shadow: 1px 1px 1px #000;
    padding: 4px 6px 4px 6px; /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* Shadow */
    -webkit-box-shadow: inset 0 0 3px #000000;
    -moz-box-shadow: inset 0 0 3px #000000;
    box-shadow: inset 0 0 3px #000000;
}

#menu li ul
{
    
    padding: 0;
    margin: 0 0 12px 0;
}
#menu li ul li
{
    font-size: 12px;
    line-height: 24px;
    position: relative;
    text-shadow: 1px 1px 1px #ffffff;
    padding: 0;
    margin: 0;
    float: none;
    text-align: left;
    width: 130px;
   
   
}
#menu li ul li:hover
{
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    
}

#menu li .greybox li
{
    background: #F4F4F4;
    border: 1px solid #bbbbbb;
    margin: 0px 0px 4px 0px;
    padding: 4px 6px 4px 6px;
    width: 116px; /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox li:hover
{
    background: #ffffff;
    border: 1px solid #aaaaaa;
    padding: 4px 6px 4px 6px;
    margin: 0px 0px 4px 0px;
}

.line
{
    margin: 5px 0;
    height: 0.5px;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, #7f7f7f));
}


.btn_Green
{
    border: 1px solid #0A9E5D;
    /*color: #0A9E5D !important;*/
}

.btn_Green
{
    border-radius: 0 10px;
    font-weight: bold;
    margin-right: 20px;
    font-size: 16px;
    padding: 10px;
    text-align: center;
    margin-bottom: 3px;
    -webkit-transition: background 300ms ease-in;
    -moz-transition: background 300ms ease-in;
    -ms-transition: background 300ms ease-in;
    -o-transition: background 300ms ease-in;
    transition: background 300ms ease-in;
    display: block;
}

.btn_Green:Hover
{
    background-color:#0A9E5D;
     color:White;
     -webkit-transition: background 300ms ease-in;
    -moz-transition: background 300ms ease-in;
    -ms-transition: background 300ms ease-in;
    -o-transition: background 300ms ease-in;
    transition: background 300ms ease-in;
}



.btn_blue
{
    border: 1px solid #04427D;
    /*color: #04427D !important;*/
}

.btn_blue
{
    border-radius: 0 10px;
    font-weight: bold;
    margin-right: 20px;
    font-size: 18px;
    padding: 10px;
    text-align: center;
    margin-bottom: 3px;
    -webkit-transition: background 300ms ease-in;
    -moz-transition: background 300ms ease-in;
    -ms-transition: background 300ms ease-in;
    -o-transition: background 300ms ease-in;
    transition: background 300ms ease-in;
    display: block;
}

.btn_blue:Hover
{
    background-color:#04427D;
     color:White;
     -webkit-transition: background 300ms ease-in;
    -moz-transition: background 300ms ease-in;
    -ms-transition: background 300ms ease-in;
    -o-transition: background 300ms ease-in;
    transition: background 300ms ease-in;
}


 /*loaderimages */

    #loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
#loader {
    display: block;
    position: relative;
    left: 0%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
  
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
    
          .modalBackground
        {
            background-color: Black;
            filter: alpha(opacity=90);
            opacity: 0.8;
        }
        .modalPopup
        {
            background-color: #FFFFFF;
            border-width: 3px;
            border-style: solid;
            border-color: black;
            padding-top: 10px;
            padding-left: 10px;
            padding-right: 10px;
            min-width: 400px;
            min-height: 200px;
            margin-top: 20px;
        }
        .modalPopup1
        {
            background-color: #FFFFFF;
            border-width: 3px;
            border-style: solid;
            border-color: black;
            padding-top: 10px;
            padding-left: 10px;
            padding-right: 10px;
            min-width: 400px;
            min-height: 400px;
            margin-top: 20px;
        }
   
 

  
        .borderdesignInnerx
        {
            -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
        }
        
        .OnTOrrange:Hover
        {
            border: 2px solid #09568c;
        }
        .OnTGreen:Hover
        {
            border: 2px solid green;
        }
        .OnTBlue:Hover
        {
            border: 2px solid Blue;
        }
        .OnTYellow:Hover
        {
            border: 2px solid Yellow;
        }
        .OnTRed:Hover
        {
            border: 2px solid Red;
        }
        .hrLine2
        {
            border: 0;
            height: 5px;
            background: #09568c;
            box-shadow: 0px 3px 0px #F5F5DC;
        }
      
     
 .btn_blues {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 7px 15px 7px 15px;
  text-decoration: none;
}

.btn_blues:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}



.btn_orange {
  background: #fc610d;
  background-image: -webkit-linear-gradient(top, #fc610d, #db7203);
  background-image: -moz-linear-gradient(top, #fc610d, #db7203);
  background-image: -ms-linear-gradient(top, #fc610d, #db7203);
  background-image: -o-linear-gradient(top, #fc610d, #db7203);
  background-image: linear-gradient(to bottom, #fc610d, #db7203);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 7px 15px 7px 15px;
  text-decoration: none;
}

.btn_orange:hover {
  background: #fc610d;
  background-image: -webkit-linear-gradient(top, #fc610d, #db7203);
  background-image: -moz-linear-gradient(top, #fc610d, #db7203);
  background-image: -ms-linear-gradient(top, #fc610d, #db7203);
  background-image: -o-linear-gradient(top, #fc610d, #db7203);
  background-image: linear-gradient(to bottom, #fc610d, #db7203);
  text-decoration: none;
}
  .hand
        {
            cursor: pointer;
            /*cursor: hand;*/
        }