body {margin: 0 auto; padding: 0px; font: normal 12px Arial; text-align: left; color: #444; background: #fff url(images/main-bg.gif) repeat-x top left;}
h1 {margin: 0px 35px 5px 35px; padding: 0px 10px 5px 0px; text-align: left; line-height: 140%; color: #6e5b00; font-size: 23px; font-weight: normal; border-bottom: 1px solid #c5c5c5; }
h2 {margin: 0px 0px 10px 0px; padding: 0px; text-align: left; line-height: 140%; color: #002e8c;  font-size: 17px; font-weight: normal;}
h3 {margin: 0px; padding: 5px 0px 0px 16px; text-align: left; line-height: 140%; color: #846d3b; font-size: 14px; font-weight: bold;}
h4 {margin: 0px; padding: 5px 0px 5px 0px; text-align: left; line-height: 140%; color: #06425b; font-size: 14px; font-weight: bold;}
p.home {color: #242424; text-align: left; font-size: 17px; line-height: 140%; margin: 0px 0px 16px 0px; padding: 0px;}
p {color: #242424; text-align: left; font-size: 13px; line-height: 150%; margin: 5px 0px 25px 0px; padding: 0px;}
p a {color: #0042a4; text-decoration: none;}
p a:hover {color: #163761; text-decoration: underline;}

#container {width: 998px; margin: 0 auto; padding: 0px;}

img.logo {float: left; margin: 32px 0px 0px 0px; padding: 0px;}
.clr {clear: both;}


#hright {width: 486px; height: 85px; color: #143d8d;  float: right; text-align: right; margin: 36px 0px 7px 0px; padding: 0px 0px 0px 0px; background: url(images/header-grad.jpg) repeat-y top left; line-height: 190%; }
#hright p { text-align: right; font-size: 12px; color: #fff; line-height: 140%; margin: 12px 15px 0px 0px; padding: 0px;}
span.it {color: #d7be18; font-style: italic;}

#sitenav {width: 998px; margin: 0px; padding: 0px 0px 0px 0px; }
/*
#sitenav ul {margin: 0px; padding: 15px 0px 13px 4px; text-align: left; line-height: 140%; }
#sitenav ul li {list-style: none; display: inline; margin: 0px; padding: 0px; }
#sitenav ul li a {color: #000; font-family: Tahoma, Arial, Verdana; font-size: 16px; text-decoration: none; margin: 0px 0px 0px -4px; padding: 11px 17px 14px 17px; background: none; border: 1px solid #d5ca6d;}
#sitenav ul li a:hover {color: #fff; padding: 15px 17px 14px 17px;background: #212121 url(images/nav-hover.gif) repeat-x top left; border: 1px solid #000; }
*/


#bcn { float: right;  margin: 0px; padding: 5px 18px 0px 0px; font-size: 12px; text-align: right;}
#bcn ul {text-align: left; margin: 1px 16px 1px 0px; padding: 0px; color: #143d8d; text-align: right; }
#bcn ul li {list-style: none; display: inline; margin: 2px; padding: 0px; background: none;}
#bcn ul li a {color: #7d7d7d; background: url(images/bcn-vr.gif) no-repeat top right; padding: 0px 15px 0px 0px; text-decoration: none;}
#bcn ul li a:hover {color: #143d8d; text-decoration: underline;}


#home-right {float: right; width: 255px; margin: 0px; padding: 35px 0px 10px 0px;}


#col-container {width: 998px; background: #fff; border: 1px solid #d3d3d3; margin: 0px 0px 1px 0px; padding: 0px;}


#left {float: left; width: 745px; text-align: left; margin: 8px 0px 0px 33px; padding: 0px;}
#right {float: right; width: 165px; margin: 8px 30px 0px 0px; padding: 0px;}

#right ul {margin: 5px 0px 25px 0px; padding: 5px 0px 5px 0px; text-align: left; line-height: 140%; background: #f1f1f1;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#right ul li {list-style: none; background: url(images/r-bullet.gif) no-repeat top left; margin: 5px 0px 11px 0px; padding: 0px 0px 0px 16px;}
#right ul li a {color: #000; text-decoration: none;}
#right ul li a:hover {color: #142d60;}


#left ul {margin: 0px 0px 0px 0px; padding: 10px 0px 25px 0px; text-align: left; line-height: 150%;  display: block; font-family: Arial, Verdana; font-size: 13px; font-weight: bold;z-index:100;  background: url(images/sub-ul-bg.gif) no-repeat top left;}
#left ul li {list-style: none; margin: 5px 0px 5px 20px; padding: 2px 10px 2px 12px; background: url(images/bullet.gif) no-repeat top left}
#left ul li a {color: #4b4f51; text-decoration: none;  font-weight: normal; font-size: 12px;}
#left ul li a:hover {color: #bea604;}

span.blue {color: #002e8c;}

#why {background: #f9f6e8; width: 100%; border: 1px solid #f1e8b5;}
#why h2 {color: #6e5b00; font-size: 22px; margin: 0px 10px 0px 0px; padding: 3px 0px 3px 11px; border-bottom: 1px solid #e3dcba; font-weight: normal;}
#why ul {margin: 5px 0px 25px 0px; padding: 0px; text-align: left; line-height: 150%;}
#why ul li {list-style: none; background: url(images/h-bullet.gif) no-repeat top left; font-weight: normal; margin: 5px 15px 11px 6px; padding: 4px 0px 0px 28px;}
#why ul li a {color: #1f4572; text-decoration: none;}
#why ul li a:hover {color: #64ae16;}

#bottom {width: 100%; margin: 0px; padding: 0px; background: #e6e6e6; border-top: 1px solid #c6c6c6;}
#bottom p {font-size: 13px; margin: 0px; padding: 15px 0px 15px 30px; line-height: 170%; }

#logos {width: 100%; margin: 0px; background: #fff url(images/logos.gif) repeat-x top left; border-top: 1px solid #f4eeca; text-align: center;}

#search {float: right; width: 229px;  margin: 23px 22px 9px 0px; padding: 0px;}

#search input {float: left; width: 172px; border: 1px solid #969696; font-size: 14px;  margin: 0px 5px 4px 0px; padding: 5px 3px 5px 2px; -moz-box-shadow:inset 0 0 5px #ccc;-webkit-box-shadow:inset 0 0 5px #ccc;box-shadow:inset 0 0 5px #ccc;}

#search input#submit-sub {float: right; background: #2c56ab url(images/go.gif) no-repeat center center; border: none; margin: 0px 0px 4px 0px; display: block; width: 28px; height: 28px; float: left; /*padding: 5px 5px 5px 5px;*/ 
-webkit-box-shadow: #d4d4d4 3px 3px 6px;
-moz-box-shadow: #d4d4d4 3px 3px 6px;
box-shadow: #d4d4d4 3px 3px 6px;}




#dropdownpanel{ /*Outermost Panel DIV*/
position: absolute;
width: 100%;
left: 0;
top: 0;
visibility:hidden;
z-index : 199999;
}

#dropdownpanel .contentdiv{ /*Div containing Ajax content*/
background: #ececec url(images/top-bg.gif);
color: #174197;
padding: 10px;
z-index : 199999;
margin: 0px; padding: 0px;
font-family: Arial, Verdana;
}

#dropdownpanel .control{ /*Div containing panel button*/ 
border-top: 5px solid 538c13;
color: #174197; 
font-weight: bold;
font-size: 12px;
text-align: center;
background: url("images/top-tab-bg.png") bottom center no-repeat; /*change panel.gif to your own if desired*/
padding: 5px 0px 7px 0px; /* 21px + 3px should equal height of "panel.gif" */
width: 308px; margin: 0 auto;
font-family: Arial, Verdana;
z-index : 199999;
}


#focus-of-this-website { width: 100%; margin: 0px; padding: 0px; z-index : 199999; text-align: center; }
#focus-of-this-website p, #dropdownpanel .contentdiv p  {font-size: 20px;  text-align: center; font-weight: bold; padding: 30px; padding-top: 0px; font-family: Arial, Verdana;}


#right img, #footer img, table img {opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */}
#right img:hover, #footer img:hover, table img:hover {opacity:0.7;filter:alpha(opacity=70); /* For IE8 and earlier */}
img.banner {
-webkit-box-shadow: #666 0px 0px 12px;
-moz-box-shadow: #666 0px 0px 12px;
box-shadow: #666 0px 0px 12px;}
img.banner:hover {
-webkit-box-shadow: #666 0px 0px 22px;
-moz-box-shadow: #666 0px 0px 22px;
box-shadow: #666 0px 0px 22px;}

#footer {width: 100%; background: #174197 url(images/footer-bg.gif) repeat-x top left; text-align: center; padding: 10px 0px 10px 0px}
#footer p {text-align: left; margin: 0px; padding: 10px 0px 20px 20px; color: #abc2f0; font-size: 12px; line-height: 180%;}
#footer p a {color: #fff; text-decoration: none;}
#footer p a:hover {color: #bea604;}
#footer-in {width: 998px; margin: 0 auto;}


.post { border-bottom: 1px solid #c0c0c0; margin: 0px 0px 15px 0px; padding: 12px;}
.post:hover {background: #f0f0f0;}
.post h2 {margin: 0px 0px 10px 0px; padding: 0px 10px 3px 0px; text-align: left; line-height: 140%; color: #00477f;  font-size: 21px; font-weight: bold;  border-bottom: 1px solid #b0b0b0;}
.post h2 a {color: #00477f; text-decoration: none;}
.post h2 a:hover {color: #00477f; text-decoration: underline;}




ul.hrtab {
    position:absolute;
    margin: 175px 0px 0px 0px;
    width: 100%;
    
    padding: 10px 0px 10px 0px;
    display: block;
    background: #143d8d;
    z-index:99;
    border-top: 1px solid #244c94;
    color: #fff;
    -webkit-box-shadow: #666 0px 6px 8px;
-moz-box-shadow: #666 0px 6px 8px;
box-shadow: #666 0px 6px 8px;
text-align: center;
    }
    
ul.hrtab li {list-style: none; display: inline; margin: 0px 5px 0px 5px;}
ul.hrtab li a {color: #fff; text-decoration: none; font-size: 14px; padding: 10px 15px 10px 15px; }
ul.hrtab li a:hover {color: #000; background: #00a5ff;}


table {width: 100%; border-collapse:collapse; border: none; }
table {font-size: 13px; line-height: 150%; color: #242424;}
table a {color: #0042a4; text-decoration: none;}
table a:hover {color: #0042a4; text-decoration: underline;}

/* @@@@@@@@ Commenting system  @@@@@@@@@ */
#commenting-sys, #commented {width: 580px; background: #ddd; border: 5px solid #fff; padding: 20px; outline: 1px solid #d4d2d2; color: #222;}
#commenting-sys h2, #commented h2 { color: #ee3124; font-weight: bold; margin: 0px; padding: 15px 0px 10px 0px; font-size: 30px; font-weight: normal; font-family: "Myriad Pro", Arial, Verdana;}
#commenting-sys input, #commented input {float: left; width: 370px; background: #fff; border: 1px solid #d0d0d0; font-size: 12px; color: #222; margin: 5px 0px 12px 0px; padding: 11px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;}
#commenting-sys input:focus, #commenting-sys textarea:focus, #commented input:focus, #commented textarea:focus {background: #fff; box-shadow: 0 0px 5px #de3b68;}
#commenting-sys input#submit-c, #commented input#submit-c {width: 160px; border: none; font-weight: bold; font-size: 12px; color: #fff; margin: 0px; padding: 5px 0px 5px 0px; background: #d3142a; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#commenting-sys input#submit-c:active, #commented input#submit-c:active {background: #c10d22;}
#commenting-sys textarea, #commented textarea {width: 500px; height: 120px;  background: #fff; border: 1px solid #d0d0d0; font-size: 14px; color: #949494; margin: 5px 0px 12px 0px; padding: 8px; }
 
#commented {width: 580px; margin: 10px 0px 20px 0px; padding: 20px; background: #ddd; border: 5px solid #fff; outline: 1px solid #d4d2d2;}
.cbox {width: 488px; margin: 2px 0px 10px 0px; padding: 15px; border: 1px solid #dbdbdb;}
.cbox p {color: #000; font-size: 12px; margin: 0px; padding: 0px;}
p.c-details {color: #adadad; font-size: 12px;  margin: 0px 0px 5px 0px; padding: 0px;}
p.c-details a {font-size: 13px; margin: 0px 12px 0px 0px; font-weight: bold;}

.grav {float: left; width: 80px; margin: 0px; padding: 0px;}
.grav img {float: left; background: #fff; padding: 5px; margin: 0px 10px 10px 0px; border: 1px solid #c0c0c0;}
.cmt-txt {float: right; width: 406px; margin: 0px; padding: 0px;}

p.logg {color: #000; font-size: 12px;}
p.logg a {font-size: 11px; margin: 0px; color: #16a0c5; color: #fff; text-decoration: none; padding: 3px 11px 3px 11px; border: 0px solid #5791a4; background: #d3142a;}
p.logg a:hover {background: #de283d; }
p.logg a:active {background: #b70d21; }

span.red {color: red;}



/* ####################### menu ############################## */



#access ul {margin: 0px; padding: 15px 0px 33px 4px; text-align: left; line-height: 140%; }

#access ul li {list-style: none; display: inline; margin: 0px; padding: 0px;}

#access .menu-header, div.menu {

font-size : 13px;

margin: 0px 0px 0px 0px;

padding : 0;

}



#access .menu-header ul, div.menu ul {



list-style : none;



margin : 0;



}



#access .menu-header li, div.menu li {



padding : 0;



float : left;



position : relative;



}



#access ul li a {color: #000; font-family: Tahoma, Arial, Verdana; font-size: 16px; text-decoration: none; margin: 0px 0px 0px -1px; padding: 11px 17px 14px 17px; background: none; border: 1px solid #d5ca6d;}
#access ul li a:hover {color: #fff; padding: 15px 17px 14px 17px;background: #212121 url(images/nav-hover.gif) repeat-x top left; border: 1px solid #000; }


#access ul ul {



background : #212121;



display : none;

position : absolute;

top : 30px;

padding : 0px 2px 2px 2px;

left : -1px;

float : left;

z-index : 99999;

text-align : left;

}



#access ul ul li {

margin: 0px;

padding : 0;



}



#access ul ul ul {



left : 100%;



top : 0;



}



#access ul li ul li a {

font-weight : normal;
font-family: Arial, Verdana;
font-size: 13px;

color: #fff;

border: none;

line-height : 150%;

width : 145px;

padding: 5px 15px 5px 20px; 

display: block;

height : auto;



}











#access ul li ul li a:hover {

color: #c2b13b; background: none;
border: none; 
padding: 5px 15px 5px 20px; 


}



#access li:hover > a, #access ul ul :hover > a {

color: #fff; padding: 15px 17px 14px 17px;background: #212121 url(images/nav-hover.gif) repeat-x top left; border: 1px solid #000; 

}



#access ul li:hover > ul {



display : block;



}



#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {

color: #fff; padding: 15px 17px 14px 17px;background: #212121 url(images/nav-hover.gif) repeat-x top left; border: 1px solid #000; }



#access ul li ul li.current_page_item > a, #access ul li ul li.current-menu-ancestor > a, #access ul li ul li.current-menu-item > a, #access ul li ul li.current-menu-parent > a {

color: #c2b13b; background: none;
border: none; 
padding: 5px 15px 5px 20px; 
}



* html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover {

color : RED;

}



/* @@@@@@@@@@@@@@@@@ Slider @@@@@@@@@@@@@@@@@@@@@@ */

#slideshow {
    position:relative;
    height: 302px;
    margin-right: 180px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 302px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 302px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}


/*  Media Queries
--------------------------- */
/* Smaller than standard 1200 (devices and browsers) */
@media only screen and (max-width:1199px){}
/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1024px){}
/* Tablet Portrait size to standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px) and (min-width:768px){}
/* Smaller than standard 991 (devices and browsers) */
@media only screen and (max-width:991px){

    #container{
        width: 97%;
    }

    #hright {
        width: 53%;
    }

    #header > a {
        float: left;
        width: 46%;
    }
    img.logo {
        float: left;
        margin: 37px 0 0;
        padding: 0;
        width: 100%;
    }
    img#Image-Maps-Com-home-header-image {
        width: 100%;
    }
    #sitenav, div#col-container {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    #left {
        float: left;
        padding: 15px;
        text-align: left;
        width: 69%;
        margin: 0;
    }
    #right {
        float: right;
        margin: 0;
        padding: 15px;
        width: 22%;
    }
    #footer-in {
        margin: 0 auto;
        width: 100%;
    }
    #access ul li a,    #access ul li a:hover {
        font-size: 12px;
        padding: 11px 10px 14px;
        margin: 0;
    }
     #access ul li li a:hover{
              font-size: 12px;
        padding: 11px 10px 14px;
        margin: 0;
     }
     #access li:hover > a, #access ul ul *:hover > a {
        background: url("images/nav-hover.gif") repeat-x scroll left top #212121;
        border: 1px solid #000000;
        color: #ffffff;
        font-size: 12px;
        padding: 11px 10px 14px;
    }
    #access ul ul li a:hover{
        padding: 5px 15px 5px 20px;
    }
    #access ul li ul li a{
        font-size: 12px;
    }
    #logos > img {
    width: 19%;
}
#main > img {
    height: auto;
    width: 100%;
}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px){
    #left,#right{
        width:93.6%;
    }
    #focus-of-this-website p, #dropdownpanel .contentdiv p {
        font-size: 16px;
        font-weight: bold;
        margin: 0;
        padding: 0 20px 20px;
        text-align: center;
    }
    img.logo {
        float: left;
        margin: 57px 0 0;
    }
    img#Image-Maps-Com-home-header-image {
        height: auto;
        width: 100%;
    }
      #search {
        display: block;
        float: none;
        margin: 24px auto 0;
        padding: 0;
        width: 90%;
    }
    #search input {
        margin: 0 5px 4px 0;
        padding: 5px 3px 5px 2px;
        width: 87%;
    }
    #footer-in img {
        float: none !important;
        margin: 0 !important;
    }
    #footer-in > a {
        display: block;
        float: none;
        text-align: center;
        width: 100%;
    }
    #footer p {
        margin: 0;
        padding: 10px 5% 20px;
        text-align: center;
        width: 90%;
    }
    #hright {
        margin: 0;
        width: 100%;
    }
    #header > a {
        clear: both;
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }
    #right {
        text-align: center;
        width: 93.6%;
    }
    .mean-container .mean-nav ul li a {
        text-shadow: none;
    }
    .mean-bar:after {
        border-left: 1px solid;
        color: #ffffff;
        content: "MENU";
        display: block;
        font-family: Myriad Pro;
        font-size: 18px;
        font-weight: normal;
        height: 23px;
        left: inherit;
        line-height: 1.5;
        padding: 13px 20px;
        position: absolute;
        right: 39px !important;
        text-indent: 0;
        text-shadow: none;
        top: 1px;
    }

    .mean-container .mean-nav ul li {
        font-size: 14px;

    }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width:767px) and (min-width:480px){}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px){


    #hright {
        height: auto;
        margin: 13px 0 0;
        width: 100%;
    }
    #right{
        text-align: center;
    }

    #search input {

        width: 84%;
    }
    #bottom p {
        font-size: 13px;
        line-height: 170%;
        margin: 0;
        padding: 15px 13px 7px;
        text-align: center;
    }


    #slideshow DIV IMG {
        height: auto;
        width: 100%;
    }
    #slideshow {
        height: auto;
        margin-right: 0;
        position: relative;
    }

    #why {
        width: 133%;
    }
 #left table {
    display: block;
    height: auto;
    overflow-x: scroll;
    padding-right: 73px;
    width: 300px !important;
}

#col-container > h1 {
    clear: both;
    margin-top: 34px;
}
div#col-container{
    overflow: hidden;
}

#why {
    width: 112%;
}
}
/* Small Andriod Mobile Portrait Size ( 240 devices and browsers) */
@media only screen and (max-width:319px){}