#gallery{
  position:relative;
  margin: 0 auto;
  overflow:hidden;
  border-radius: 5px;
  height:290px;
}
#slider{
  position:absolute;
  left:0;
  height:290px;
  background: transparent !important;
}
#slider div {
  position:relative;
  float:left;
  
  height:290px;
}
#slider div img{
 
  height:290px;
}
/* buttons */

#gallery span{
  cursor:pointer;
  position:absolute;
  width:25px;
  height:40px;
  opacity:1;
  margin-top:115px;
  z-index:100;
  display:block;
  border-radius: 5px;
}
    
#next{
  right:0px;
  background:url(/MEC/images/formrightarrow.png);
  
  margin-right:15px
  
}
#prev
{
    background:url(/MEC/images/formleftarrow.png);
    margin-left:15px
}
.description
{
    background:url(/MEC/Images/slider-bg.png);
    height:60px;
    width:100%;
    position:absolute;
    z-index:120;
    top: 175px;
    color:#fff;
    padding:50px 0px 10px 0px;
    font-size:25px;
       position:absolute;
     z-index:125;
    top: 180px;
    color:#fff;
    padding:50px 0px 10px 0px;
    font-size:25px;
}
.descriptioncontent
{

}
a[href$=".PDF"], a[href$=".pdf"]
{
   padding-right: 22px !important;
   background: transparent url(../../MEC/Images/pdfIcon.png) no-repeat center right;
}
.pdf-label-hide
{
    display: none!important;
}
.slidernav
{
    display:none;}
    
    
#gallery:hover .slidernav
{
    display: block !important;}

/***********************************Constants***************************************/
.accordion1
{
  width:100%;
 
  margin:20px auto;
}
.accordion-item1 {
font-size: 1em;
padding: 10px;
height: auto;
background: #f2f2f2;
border-bottom:1px solid #ccc;
color: #000;
cursor:pointer;
}

.accordion-item1.open
{

border-bottom:0px;
color:#000;
}
.accordion-item1.open .type {
float: right;
background: url(/MEC/images/arrowRight.png)no-repeat;
padding: 14px 10px 14px 14px;
margin-top: -10px;

}

.accordion-item1 .type {
float: right;
background: url(/MEC/images/arrowDown.png)no-repeat;
padding: 14px 10px 14px 14px;
margin-top: -10px;
}

div.data1 {
background: #fff;
padding: 10px;
border:1px solid #ccc;
font-size: 1em;
line-height: 140%;
display:none;
}

.aspNetDisabled
        {
            opacity: .5;
        }

.OSTPager table tr td a      {background-color: white;
                              padding-left: 2px;
                              padding-right: 2px
}

.OSTPager table tr td span    {color: white;
                               background: #3366AA;
}

/***********************************Feedback Popup***************************************/



.btn-primary
{
    text-align: center;
            background: #244d73;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            font: bold 14px Arial, Helvetica;
            color: #ffffff;
            display: inline-table;
            width: 130px;
            font-size: 15px;
}


.btn-danger 
{
    text-align: center;
            background: #244d73;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            font: bold 14px Arial, Helvetica;
            color: #ffffff;
            display: inline-table;
            width: 130px;
            font-size: 15px;
}
.noty_message
{
      background-color: #FCAD22;
}
.noty_buttons
{
    text-align: center !important;
}
.alexsclass
{
  border: 2px solid rgb(36, 77, 115)!important;
}


/*************tooltip css*******************/
#tooltip
{
    text-align: left;
    color: #fff;
    background: #244d73;
    position: absolute;
    z-index: 1000;
    padding: 5px;
}
 
    #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #244d73;
        content: '';
        position:absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #244d73;
            top: -20px;
            bottom: auto;
        }
 
        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }





/*Form Accordion*/
.accordion
{
  width:100%;
 
  margin:20px auto;
}
.accordion-item {
font-size: 1em;
padding: 10px;
height: auto;
background: #f2f2f2;
border-bottom:1px solid #ccc;
color: #000;
cursor:pointer;
}

.accordion-item.open
{

border-bottom:0px;
color:#000;
}
.accordion-item.open .type {
float: right;
background: url(/MEC/images/arrowRight.png)no-repeat;
padding: 14px 10px 14px 14px;
margin-top: -10px;

}

.accordion-item .type {
float: right;
background: url(/MEC/images/arrowDown.png)no-repeat;
padding: 14px 10px 14px 14px;
margin-top: -10px;
}

div.data {
background: #fff;
padding: 10px;
border:1px solid #ccc;
font-size: .8em;
line-height: 140%;
display:none;
}








/*Div Slider on Home Page*/
#slideshow { position: relative;width: 100%; height: 100%; }
    #slideshow div { position: absolute; top: 0;left: 0; width: 100%; height: 100%;           }  
    #slideshow a {display: block;width:100%;height:100%; }    
    #slideshow a:hover{background-position: center bottom;}

    #slideshownav a.navselected{color:#fff; background:#244d73}
    #slideshownav {text-align:left;padding-top:8px;padding-bottom:20px; height:25px;}
    #slideshownav a {padding-right:10px;color:#000;font-size:12px;}
    #slideshownav a:hover {cursor:pointer;}  
    



#Newsbg
{
    background:#fff;
    
}



.NewsImage{
box-shadow: 0px 5px 25px #444;
margin-left: 25px;
}

.NewsDescription
{
    float:left;
width: 39%;
margin-left: 61%;
text-align:center;
margin-top:-215px;
cursor:pointer;
    overflow: auto;

}

a#nav0,a#nav1,a#nav2,a#nav3{
    display: block;
    width: 24%;
    font-weight:bold;   
    float: left;
   
    text-align:center;
   
    background:#ddd;
    padding: 15px 0px 15px 0px;
    
}

/*****************************Start of body CSS***************/

h3
{
    text-align:left;
}


div
{
   font-family:Verdana; 
  
} 
 a:link
        {
            color: #1a4e75;
            text-decoration:none;
        }
 a:visited
 {
    color:#1a4e75;
}
            
        
        /* mouse over link */
 a:hover
        {
            color: #ffab1a;
            opacity:1;
        }



 div #navtext a:link
        {
            color: #fff;
            text-decoration:none;
        }
div #navtext a:visited{
    color:#fff;
}
            
        
        /* mouse over link */
div #navtext a:hover
        {
            color: #ffab1a;
        }
        
        
/*Top of page working way down*/
#hr2
{
    width: 100%;
    height: 4px;
    border-color: #000;
     background-color: #1a4e74;
    margin-top: -8px;
    border: none;
}

#hr1
{
    width: 100%;
    height: 4px;
    border-color: #000;
   
    background-color: #fcad22;
    border: none;
    margin-top: 0px;
}

#Header
{
    width: 100%;
    background: #244d73;
}

#headercontent
{
    margin: auto;
    padding-bottom:12px;
}

#Banner
{
    position: relative;
    margin: -7px 0px -11px 0px;
}
.banner
{
    max-width: 100%;
    height: auto;
    margin-bottom:-5px;
}

#Navigation
{
    float: right;
    margin-top: -40px;
    font-weight: 100;
    color: #000;
}
#navtext
{
    position: relative;
    border: none;
    text-align: center;
    color: #1a4e74;
    font-weight: bold;
    float: left;
    margin: 0px 10px 0px 10px;
    font-size:12px;
}
#homeicon
{
    position: relative;
    float: left;
    padding:12px 5px 0px 0px;
}

#search
{
    position: relative;
    float: left;
    padding:12px 0px 0px 0px;
}
#login
{
    position: relative;
    float: left;
    margin-left: 5px;
    padding:12px 0px 0px 0px;
}
#menu
{
    position: relative;
    float: left;
    margin-left: 5px;
    visibility: hidden;
    padding:12px 0px 0px 0px;
}

/* Footer section */
#Footer
{
    clear: both;
    width: 100%;
    margin: auto;
    background-color: #555;

}


#FooterBody
{
    margin: auto;
    
}
#footercontent
{
    position: relative;
    float: left;
    margin-top: -275px;
    top: 2px;
    left: 5px;
    
  
}
#left
{
   
    width: 30%;
    height: 225px;
    float: left;
    margin: 0px 35px 0px 0px;
    top: 0px;
    left: 3px;
    
}
#middle
{
    
    width: 33%;
    float: left;
    height: 225px;
    margin: 0px 29px 0px 0px;
    
}
#right
{
    
    
    width: 30%;
    float: left;
    margin: 0px 0px 0px 0px;
    top: 5px;
    left: -1px;
    
}
#FooterMenu
{
    
    color: white;
    text-align: center;
    font-size: large;
    font-weight: bold;
}
div #footercontent a:link
{
    color:#31B404; 
    font-size:15px;
     font-weight:bold;
     text-decoration:none;
}

div #footercontent a:visited
{
    color:#31B404;
}

div #footercontent #FooterMenu a:link
{
    color:#fff; 
    font-size:15px;
     font-weight:bold;
     text-decoration:none;
}

div #footercontent #FooterMenu a:visited
{
    color:#fff;
}

/* home page */
.SectionTitle
{
    font-size:16px;
    font-weight:bold;
    text-align:left;
    padding:10px 0px 0px 15px;
    color:#000;
    height:36px;
    margin-bottom: -19px;
}
#background1
{
    height: auto;
    width: auto;
    margin-top: -8px;
}

#background2
{
  
   
    margin: auto;

}

#hr3
{
    position: relative;
    width: 100%;
    height: 3px;
    background-color: #555;
    border: none;
}

#hr4
{
    position: relative;
    width: 100%;
    height: 3px;
    background-color: #555;
    border: none;
  
}

#homecontent
{
    position: relative;
    width: 100%;
    
}




#container1
{
    margin: auto;
    position: relative;
    width: 1200px;
    top: 0px;
    left: 0px;
  
}
#container
{
    margin: auto;
    position: relative;
    width: 1200px;
}

#Calendar
{
    width: 30%;
    
    margin: 10px;
    background: #fff;
    border: 2px solid #a1a1a1;
border-radius: 5px;
   
}

#HowDoI
{
    width: 33.5%;
  
    margin: 10px;
    background: #fff;
    border: 2px solid #a1a1a1;
border-radius: 5px;
   
}
#Twitter
{
    width: 30%;
    height: 390px;
    margin: 10px;
    background: #fff;
    border: 2px solid #a1a1a1;
border-radius: 5px;
    overflow-y: scroll;   
}



/*Home page Tab note card on bottom*/
#Notecard
{
    width: 60%;
    height: 300px;
    margin: 10px;
    
}

div .tab_container a:link
        {
            color: #1a4e74;
            text-decoration:none;
        }
div .tab_container a:visited{
    color:#1a4e74;
}
            
        
        /* mouse over link */
div .tab_container a:hover
        {
            color: #ffab1a;
        }

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
}
ul.tabs li {
     
    
    margin: 0;
    padding: 0;
    height: 31px;
    line-height: 31px;
    border: 1px solid #999;
    border-left: none;
    margin-bottom: -1px;
    background: #F0F0F0;
    overflow: hidden;
    position: relative;
}
ul.tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1.2em;
    padding: 0 20px;
    border: 1px solid #fff;
    outline: none;
}
ul.tabs li a:hover {
    background: #ccc;
}   
html ul.tabs li.active, html ul.tabs li.active a:hover  {
    background: #fff;
    border-bottom: 1px solid #fff;
}
.tab_container {
    border: 1px solid #999;
    border-top: none;
    clear: both;
    float: left; 
    width: 100%;
    height:auto;
    background: #fff;
    border-radius:5px 5px 5px 5px;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
.tab_content {
    padding: 10px;
    text-align: left;
}
.tab_content h2 {
    font-weight: normal;
    padding-bottom: 10px;
    
    font-size: 1.8em;
}
.tab_content h3 a{
    color: #254588;
}
.tab_content img {
    float: left;
    margin: 0 20px 20px 0;
    border: 1px solid #ddd;
    padding: 5px;
}  
  
#QuickLink
{
    width: 30%;
    height: 290px;
    margin: 10px;
    
}

/*Secondary Pages*/
.secondarybg
{
    background: #555 url(/MEC/Images/Secondarybg.png) repeat-x;
    margin: auto;
}
#secondarycontent
{
    width: 90%;
    margin: auto;
    background: #fff;
    overflow: hidden;
   
}
#breadcrumb
{
    text-align: right;
    display:none;
}
#leftcontent
{
    float: left;
    margin: 5px 20px 5px 20px;
    height: 100%;
}
.hr1
{
    width: 100%;
    
    
}

.hr2
{
    width: 100%;
    background-color: #FCAD22;
    height:2px;
    margin-top:15px; 
    border: none;  
    
}

.title
{
    font-size:20px;
    font-weight: bold;
    color: #1a4e74;
    margin: 0px 0px 15px 0px;
}
.stitle
{
     font-size:20px;
    font-weight: bold;
    color: #1a4e74;
    margin: 0px 0px 15px 0px;
}

.searchtext
{
    text-align:justify;
}

.SecondaryTitleSettings
{
     font-size: 13.5pt;
    font-weight: bold;
    margin-left: 0px;
    margin-bottom: 0px;
    text-decoration: underline;
}

.content
{
    text-align:justify;
    font-size: 15px;
    width: 100%;
}
#leftcssmenu
{
    margin: 0px 0px 0px -25px;
    font-size: 14px;
    width: 350px;
}

#leftcssmenu li
{
    margin: auto;
    list-style: none;
}

#leftcssmenu a
{
    border-bottom: 2px solid #000;
    display: block;
    padding: 15px 12px;
    text-decoration: none;
    font-weight: bold;
}

#leftcssmenu ul li a:hover
{
    background: #f5edde left center no-repeat;
    color: #fff;
    padding-bottom: 15px;
}

#leftcssmenu ul li a:visited
{
    background: #f5edde;
    color: #fff;
}
.contentbottom
{
   
    float: left;
    text-align:justify;
    font-size: 15px;
}

.contentbottom2
{
    font-size: 15px;
    float: left;
    text-align:justify;
}

#rightcontent
{
    float: left;
    height: 100%;
}
.pagetab
{
    width: 341px;
    position: absolute;
}
.pagetabblue
{
    height: 65px;
    width: 15px;
    position: absolute;
}
.pagetabtitle
{
    margin: 17px 0px 0px 30px;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    color: #1a4e74;
}
.leftpagetabtitle
{
    margin: 0px 0px 0px 0px;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    color: #1a4e74;
}

#cssmenu
{
    margin: 75px 0px 0px -40px;
    font-size: 14px;
    width: 350px;
}

#cssmenu li
{
    margin: auto;
    list-style: none;
}

#cssmenu a
{
    border-bottom: 2px solid #000;
    display: block;
    padding: 15px 12px;
    text-decoration: none;
    font-weight: bold;
}

#cssmenu ul li a:hover
{
    background: #f5edde left center no-repeat;
    color: #fff;
    padding-bottom: 15px;
}

    #cssmenu ul li a[href$=".pdf"]:hover, #cssmenu ul li a[href$=".PDF"]:hover
    {
       background: #f5edde url(../../MEC/Images/pdfIcon.png) no-repeat center right;
        color: #fff;
    }

#cssmenu ul li a:visited
{
    background: #f5edde;
    color: #fff;
}
.selected {
    background-color: #F5EDDE;
   }


#boxes
{
    height: 100%;
}
.box
{
    border-top: solid;
    border-color: #fcad22;
    border-width: 10px;
    background: #F5EDDE;
    padding-bottom: 10px;
    display: block;
    height: auto;
    margin-bottom: 20px;
}

.sideboxcontent
{
    width: 310px;
    margin: 50px 5px 10px 10px;
    font-size: 14px;
}

.boxborder
{
    width: 310px;
    height: 10px;
    position: absolute;
}

.searchcontent
{
    margin-top: -16px;
    margin-left: 10px;
    font-size:14px;
}
.poptopicscontent 
{
     margin-top: -16px;
    margin-left: 10px;
    font-size:14px;
}

.poptopicstitle, .poptopicstitle a
{
    color: #000 !important;
    margin-left: 4px;
    margin-top: 4px;
    font-size: 16px;
    padding:5px 0px;
}

.searchtitle
{
    color: #000;
    margin-left: 10px;
    margin-top: 4px;
    font-size: 16px;
}
.searchbutton
{
    width: 100px;
    height: 30px;
}
.excelbutton
{
   padding-right: 22px !important;
   background: transparent url(../../MEC/Images/excelIcon.png) no-repeat center right;

}
.pdfbutton
{
    height: 30px;
}
.downloadLinks
{
    margin-top: 35px;
    margin-left: -25px;
}
.searchbg
{
    display: block;
    background: #f5f4f2;
}
.landingpoptopicsbg
    
    {
         display: block;
        background: #f5f4f2;
    }

/*****************************Login Dropdown, search Dropdown, menu dropdown ***********************************/
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  
 
}


nav #logincontent {
  display: none;
  position: absolute;
  top: 24px;
  right: 0;
  z-index: 999;    
  background: #fff;
  background-image: linear-gradient(top, #fff, #eee);  
  padding: 15px;
  box-shadow: 0 2px 20px 0px rgba(0,0,0,.9);
  border-radius: 3px 3px 3px 3px;
}
nav li #logincontent {
  right: 0;
  width: 225px;
  height:auto;
  margin-top:25px;  
}
nav #search-content {
  display: none;
  position: absolute;
  top: 24px;
  right: 0;
  z-index: 999;    
  background: #fff;
  background-image: linear-gradient(top, #fff, #eee);  
  padding: 5px;
  box-shadow: 0 2px 20px 0px rgba(0,0,0,.9);
  border-radius: 3px 3px 3px 3px;
  right: 0;
  width: 300px;
  height:35px;
  margin-top:25px;
}

nav #menu-content{
  display: none;
  position: absolute;
  top: 24px;
  right: 0;
  z-index: 999;    
  background: #fff;
  background-image: linear-gradient(top, #fff, #eee);  
  padding: 15px;
  box-shadow: 0 2px 20px 0px rgba(0,0,0,.9);
  border-radius: 3px 3px 3px 3px;
  right: 0;
  width: 260px;
  height:auto;
  margin-top:25px;
}



/*--------------------*/

#inputs input{
  background: #f1f1f1;
  padding: 6px 5px;
  margin: 0 0 5px 0;
  width: 238px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 1px #ccc inset;
}

#inputs input:focus {
  background-color: #fff;
  border-color: #e8c291;
  outline: none;
  box-shadow: 0 0 0 1px #e8c291 inset;
}


/*--------------------*/

#login #actions {
  margin: 10px 0 0 0;
}

#login #btnSignIn {    
  background:#FFAB1A;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 34px;
  padding: 0;
  width: 110px;
  cursor: pointer;
  font: bold 14px Arial, Helvetica;
  color:  #1a4e74;
}


#login label {
  float: right;
  line-height: 30px;
}

#login label input {
  position: relative;
  top: 2px;
  right: 2px;
}
.loginlinks
{
    font-weight:bold;
    font-size:12px;
} 


.menulinks
{
   margin-top:-25px;
    font-size: large;
    width: 100%;
}

.menulinks li
{
    margin: auto;
    list-style: none;
    height: 25px;
text-align: center;
}

.menulinks a
{
    border-bottom: 2px solid #000;
    display: block;
    padding: 8px 12px;
    text-decoration: none;
    font-weight: bold;
}

.menulinks a:hover
{
    background: #FFAB1A left center no-repeat;
    color: #000;
    padding-bottom: 8px;
}

.menulinks a.active
{
    background: #f5edde;
    color: #ffffff;
}

/*****************************Searches layout and styling for individual search pages***********************************/

#BackgroundContainer
{
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 975px;
    height: 100%;
   
}
 /************* Tabs for the GridView **************/
.TopTabClass
{
    background-color: #6d6d77;
    text-align: center;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 0px;
    border-top: solid 1px #000000;
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    -moz-border-radius: 15px 15px 0px 0px;
    
    float: left;
}
 .TabBoxSize
 {
    height:30px;
 }
/***********Styling for "Steps" *********************/
.StepClass 
{
    background-color: #D3D3D3;
    padding: 5px;
    width: 100%;
}
.searchtabs
{
    margin-bottom: 15px;
    border-bottom: 1px solid black;
}
/******************Accordian forms ********************/
.flip
{
    padding: 5px;
    background-color: #f2f2f2;
    border: solid 1px #c3c3c3;
 
    margin-bottom: 25px;
}
.panel
{
    background: #fff;
    padding: 1px;
    display: none;
}
.fliptitle
{
    font-weight: bold;
    margin-top: 0px;
    font-size:17px;
}

.flipcontent
{
    margin-top: -5px;
    font-size:15px;
}

.formtitle
{
    color: #1a4e74;
    font-weight: bold;
    font-size:14px;
}












/**************************************************Mobile*********************************************************/
@media screen and (min-width:0px) 
{

    .pnlAdvance         {margin-top: 7.7em;}

    #slider div 
    {
        width:290px;
    }
    #gallery
    {
        border-radius: 5px;
        width:290px;
    }
    #slider div img{
  width:340px;
  height:auto;
}
 .lobsummary{ width:100%; float:left; }
 .comminfotable
 {
     float:left;
     width:100%;
 }   
 .LrgContr
 {
     float:left;
     width:100%;
     }
 
    .split
  { 
  width:100%!important;
  display:block !important;
  }	
 
 .tabsplit
  { 
  width:225px!important;
  display:block !important;
  margin-right: 5px;
  text-align:center;
  }	
 
 .TopTabClass
 {
     border-radius:0px;
     width:100% ;
 }
 .TabBoxSize
 {
    height:90px;
 }
    #Banner
    {
        display: none;
    }
    #Title
    {
        display: block;
        margin-bottom: 38px;
        color:#fff;
    }
    #Navigation
    {
    }
    #navtext
    {
        visibility: hidden;
        display: none;
    }

    #search
    {
        visibility: hidden;
        display: none;
    }

    #menu
    {
        visibility: visible;
    }
    /* Footer section */
    #capital
    {
        display: none;
    }
    #left
    {
        width: 100%;
    }
    #middle
    {
        width: 100%;
        height:175px;
    }
    #right
    {
        width: 100%;
        height: 150px;
    }
    #FooterBody
    {
        width: 100%;
        height: 620px;
    }

    #footercontent
    {
        width: 100%;
        margin-top: 0px;
       text-align:left;
    }
    /* home page */
    #background1
    {
        height: auto;
        width: auto;
        margin-top: -8px;
    }
    #background2
    {
        background: #fff;
        
    }
    #bg2
    {
        height: 670px;
    }


#Newsbg
{
    height:350px;
    
}


    #News
    {
        display: block;
        width: 95%;
        position: relative;
        height: 125px;
        padding: 2px;
        margin: auto;
        
    }
    
    .Newsimagecontainer
    {
        display:none;
    }
    
    .NewsImage
    {
        display:none;
    }
    
    .NewsDescription
    {
       width: 100%;
       height:100%;
      margin-left:0%;
      margin-top: 0px;
          overflow: auto;
    }
   a#nav0,a#nav1,a#nav2,a#nav3
{
    
    height:20px;
    width:100%;
    text-align:center
}


    #container1
    {
        margin: auto;
        position: relative;
        width: 100%;
       
    }
    #container
    {
        margin: auto;
        position: relative;
        width: 100%;
    }

    #Calendar
    {
        width: 95%;
        
        margin: 10px;
       
    }

    #HowDoI
    {
        width: 95%;
        
        margin: 10px;
      
    }
    #Twitter
    {
        width: 95%;
        
        margin: 10px;
        background: #fff;
        display: none;
    }
    #Notecard
    {
        width: 95%;
        height: 300px;
        margin: 10px;
    }
.tab_container 
{
    margin-top:63px;
}
    #QuickLink
    {
        width: 95%;
        height: 290px;
        margin: 10px;
        float: right;
    }
    /*Secondary Page*/
    .content
    {
        width: 96%;
    }
    #secondarycontent
    {
        width: 99%;
        overflow:visible;
    }
    #leftcontent
    {
        width: 95%;
        margin: 5px 20px 15px 10px;
    }
    .leftcontent
    {
        height:100%;
    }
    .title
    {
      display:none;
    }
    .stitle
    {
       
    }
    .picture
    {
        display:none;
    }
    .content
    {
        display:none;
    }
    #leftcssmenu
    {
        width:100%;
        margin-top:25px;
    }
    .contentbottom
    {
       display:none;
    }
    
     .contentbottom2
    {
        display:none;
    }
    
    .searchtext
    {
        display:none;
    }
    .formarrow
    {
        margin-left: 95%;
    }
    #rightcontent
    {
        width: 99%;
          margin: 5px 20px 15px 10px;
    }
    .pagetab
    {
        display: none;
    }
    .pagetabblue
    {
        display: none;
    }
    .pagetabtitle
    {
       display:none;
    }
    .sidemenu
    {
        margin-top: 0px;
        font-size: large;
    }
    #cssmenu
    {
       display:none;
    }
    .box
    {
        width: 97%;
    }

    .sideboxcontent
    {
        width: 94%;
    }

    .boxborder
    {
        width: 97%;
    }
    .searchcontent
    {
        width: 90%;
    }

    .poptopicscontent
    {
        width:98%;
    }
    
    .searchbg
    {
        width: 100%;
    }
    .landingpoptopicsbg
    
    {
        width: 100%;
        
    }
}

/***************************************************Tablet*****************************************************/

@media screen and (min-width:760px)
{

        .pnlAdvance         {margin-top: 3.9em;}

    #slider div 
    {
        width:360px;
    }
    #gallery
    {
        border-radius: 5px;
        width:360px;
    }
    
    #slider div img{
  width:360px;
  height:290px;
}
    .lobsummary{ width:450px; margin-top:0px;}
    
     .LrgContr
 {
     float:none;
     width:400px;
     }
 
     .comminfotable
 {
    
     width:150px;
     margin-right: 15px;
 }   
 
     .split
  { 
  width:275px!important;
  float:left;
  display:block !important;
  }	
   .tabsplit
   {
       float:left;
   } 
  .TopTabClass
  {
      border-radius: 15px 15px 0px 0px;
      width:160px;
  }
    
 .TabBoxSize
 {
    height:30px;
 }
     /*Styling for "Steps" */
    .StepClass
    {
        width: 700px;
    }
    .searchtabs
    {
        width: 715px;
    }
    .searchbuttonsbottom
    {
        padding-left: 455px;
    }
    .results
    {
        width: 725px;
    }

    /*Header*/
    #headercontent
    {
        width: 727px;
    }

    #Banner
    {
        display: block;
    }
    #Title
    {
        display: none;
    }
    #Navigation
    {
        margin-top: -37px;
        
    }
    #navtext
    {
        display: none;
    }

    #search
    {
        display: none;
    }


    #menu
    {
        visibility: visible;
    }

    /*Footer*/
    #FooterBody
    {
        width: 735px;
        height: auto;
    }

    #capital
    {
        display: block;
        text-align: center;
        margin-top: 410px;
    }
    #footercontent
    {
        width: 721px;
        margin-top: -695px;
        text-align:left;
    }
    #right{height: 250px;}
    
    /* home page */


    #homecontent
    {
        position: relative;
        width: 100%;
        
    }
    #background2
    {
        display:block;
        height: 1125px;
         background: #555 url(/MEC/Images/Secondarybg.png) repeat-x;
    }
    
    #Newsbg
{
    height:240px;
    
}
    
    #News
    {
        width: 743px;
        height:174px;
        padding-right:33px;
       }
      
      .Newsimagecontainer
{
   float: left;
    width: 60%;
     height: auto;
     visibility:visible;
     display:block;
}
       
       .NewsImage
    {
        visibility:visible;
        height:136px;
        width:410px;
        display:block;
    }
    
    .NewsDescription
    {
       height:auto;
        width: 39%;
margin-left: 61%;
display:block;
margin-top: -165px;
    overflow: auto;
    }
    
a#nav0,a#nav1,a#nav2,a#nav3
{
    padding:17px 0px 0px 0px;
    height:35px;
    width:25%;
    text-align:center
}

    #container1
    {
        width: 760px;
    }
    #container
    {
        width: 760px;
    }

    #Calendar
    {
        float: left;
        width: 47%;
        margin: 10px 0px 20px 0px;
        height:430px;
        background: #fff;
        
    }

    #HowDoI
    {
        width: 47%;
        float: left;
        margin: 10px 15px 20px 7px;
        height:430px;
        background: #fff;
    }
    #Twitter
    {
        width: 48%;
        float: left;
        margin: 10px;
        display: none;
    }

    #Notecard
    {
        width: 731px;
        float: left;
        margin: 10px 15px 25px 9px;
    }

ul.tabs li {
     
    float: left;
}
.tab_container 
{
    margin-top:0px;
    border-radius:0px 5px 5px 5px;
}
    #QuickLink
    {
        width: 48%;
        float: left;
        margin: 10px 0px 25px 184px;
    }
    /*Secondary Page*/
   
    #secondarycontent
    {
        width: 727px;
        overflow:hidden;
    }
    #leftcontent
    {
        display:block;
        width: 715px;
        margin: 5px 20px 10px 6px;
    }
    .title
    {
         display:none;
        
    }
    .picture
    {
         display:block;
        width: 716px;
        height: 275px;
    }
    .content
    {
         display:block;
         width: 98%;
         padding-left:5px;
         margin-bottom: 30px;
        }
        
         #leftcssmenu
    {
        width:100%;
        margin-top:25px;
    } 
    .contentbottom
    {
        width: 45%;
        display:block;
        margin: 0px 40px 0px 10px;
    }
    
     .contentbottom2
    {
        width: 45%;
        display:block;
        margin: 0px 10px 0px 10px;
    }
    
    .searchtext
    {
        display:block;
    }
    
    .formarrow
    {
        margin-left: 690px;
    }
    #rightcontent
    {
        width: 760px;
        margin: 0px 0px 0px 6px;
    }
    .pagetab
    {
        display: none;
    }
    .pagetabblue
    {
        display: none;
    }
    .pagetabtitle
    {
        display:none;
    }
    .leftpagetabtitle
    {
        
        
    }
    .sidemenu
    {
        margin-top: 0px;
        font-size: large;
    }
    
    #cssmenu
    {
        margin: -35px 0px 0px -40px;
        width: 99%;
    }
    .box-margin 
    {
        margin-top:0px;
    }
     .box-margin2 
    {
        margin-top:0px;
    }
    .box-margin3 
    {
        margin-top:0px;
    }
    .box-margin4 
    {
        margin-top:0px;
    }
    .box
    {
        width: 715px;
    }

    .sideboxcontent
    {
        width: 700px;
    }

    .boxborder
    {
        width: 715px;
    }
    .searchcontent
    {
        width: 545px;
        height: 30px;
    }
    .searchbutton
    {
        margin: -21px 0px 0px 600px;
    }
    .searchbutton.lob
    {
        margin: -21px 0px 0px 580px;
    }
    .excelbutton
    {
        margin: -21px 0px 0px 510px;
    }
    .pdfbutton
    {
        margin:-21px 0px 0px 5px;
    }
    .searchbg
    {
        width: 715px;
        height: 89px;
    }
    .landingpoptopicsbg
    
    {
        width: 715px;
        height: 70px;
        margin-bottom:15px;
        
    }
}

/**********************************************Small Desktop***********************************************/

@media screen and (min-width:980px)
{
     #slider div 
    {
        width:300px;
    }
    #gallery
    {
        border-radius: 5px;
        width:300px;
    }
    
    #slider div img{
  width:100%;
  height:290px;
}
    .lobsummary{ width:385px;}
    .split
  { 
  width:290px!important;
  float:left!important; 
  display:block !important;
  }	
    
    .StepClass /*Styling for "Steps" */
    {
        width: 615px;
    }
    .searchtabs
    {
        width: 650px;
    }
    .searchbuttonsbottom
    {
        padding-left: 410px;
    }
    .results
    {
        width: 615px;
    }
    /*Header*/
    #headercontent
    {
        width: 980px;
    }

    #Navigation
    {
        margin-top: -40px;
        padding-right:0px;
    }
    #navtext
    {
        display: block;
        visibility: visible;
        margin:6px 0px 0px 0px;
    }

    #search
    {
        display: block;
        visibility: visible;
    }
    #login
    {
        position: relative;
        float: left;
        padding-left: 0px;
    }
    #menu
    {
        display: none;
    }
    /*Footer*/
    #FooterBody
    {
        width: 980px;
        height: auto;
    }
    #footercontent
    {
        width: 980px;
        margin-top: -275px;
    }
    #capital
    {
        margin-top: 0px;
    }

    #left
    {
        width: 30%;
    }
    #middle
    {
        width: 33%;
    }
    #right
    {
        width: 30%;
        height:225px;
    }

    /* home page */

.SectionTitle
{
   
    padding:7px 0px 0px 15px;
    margin-bottom:-24px;
}


    #bg2
    {
        height: 330px;
    }
    #background2
    {
        height: 805px;
       
    }
    
    #Newsbg
{
    height:300px;
    
}
    
    #News
    {
        width: 980px;
        height:226px;
        padding-right: 0px;
    }

.NewsImage
    {
        height:189px;
        width:568px;
    }


.NewsDescription
    {
       margin-top:-205px;        
        width: 330px;
margin-left: 64%;
overflow: auto;
    }

    #container1
    {
        width: 980px;
    }
    #container
    {
        width: 980px;
    }

    #Calendar
    {

        width: 32.75%;
        margin: 10px 13px 20px 13px;
    }

    #HowDoI
    {
        width: 30.25%;
        margin: 10px 15px 20px 0px;
       
    }
    #Twitter
    {
        width: 30.25%;
        display: block;
        height:430px;
        overflow-y: scroll;
        margin: 10px 0px 0px 12px;
    }


    #Notecard
    {
        width: 66%;
    }

    #QuickLink
    {
        width: 29.5%;
         margin: 39px 0px 10px 8px;
    }


    /*Secondary Page*/

    #secondarycontent
    {
        width: 980px;
    }
    #leftcontent
    {
        width: 643px;
        padding: 5px 0px 5px 5px;
    }
    .leftcontent
    {
        height:625px;
    }
    .content
    {
        width: 100%;
    }
    .title
    {
        display:block;
        width: 615px;
    }
    .picture
    {
        width: 640px;
        height: 275px;
    }
    #leftcssmenu
    {
        display:none;
    }
    .contentbottom
    {
        width: 47%;

margin: 0px 0px 0px 0px;
padding: 0px 24px 0px 0px;
    }
    
     .contentbottom2
    {
        width: 47%;

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 12px;
    }
    
    .formarrow
    {
        margin-left: 580px;
    }
    #rightcontent
    {
        width: 300px;
        margin: 0px 0px 0px 5px;
    }
    .pagetab
    {
        display: block;
        width: 315px;
    }
    .pagetabblue
    {
        display: block;
        height: 59px;
        width: 10px;
    }
    .pagetabtitle
    {
        display: block;
        margin: 15px 0px 0px 15px;
    }
    .leftpagetabtitle
    {
        display:none;
    }
    .sidemenu
    {
        margin-top: 75px;
        font-size: large;
    }
    #cssmenu
    {
        display:block;
        margin: 70px 0px 30px -37px;
        width: 330px;
    }
    #cssmenu li
    {
        width: 290px;
    }
    .box-margin 
    {
        margin-top:128px;
    }
    .box-margin2 
    {
        margin-top:80px;
    }
    .box-margin3 
    {
        margin-top:177px;
    }
    .box-margin4 
    {
        margin-top:343px;
    }
    .box
    {
        width: 295px;
    }

    .sideboxcontent
    {
        width: 280px;
    }

    .boxborder
    {
        width: 290px;
    }
    .searchcontent
    {
        height: 0px;
        width: 480px;
    }
    
   

    .searchbutton
    {
        margin: 15px 0px 0px 530px;
    }
    .searchbutton.lob
    {
        margin: 15px 0px 0px 510px;
    }
    .excelbutton
    {
        margin: 15px 0px 0px 440px;
    }
    .pdfbutton
    {
        margin: 0px 0px 0px 5px;
    }
    .searchbg
    {
        width: 645px;
        height: 92px;
    }
    .landingpoptopicsbg
    
    {
        width: 645px;
        height: 70px;
       
    }
}









/**************************************************Desktop***********************************/
@media screen and (min-width:1200px)

{

    .pnlAdvance         {margin-top: 1.9em;}

    #slider div 
    {
        width:360px;
    }
    #gallery
    {
        border-radius: 5px;
        width:360px;
    }
    
    #slider div img{
  width:360px;
  height:290px;
}
    .lobsummary{ width:500px;}
    .split
  { 
  width:280px!important;
  float:left!important; 
  display:block !important;
  }	
    .StepClass /*Styling for "Steps" */
    {
        width: 810px;
    }

    .searchtabs
    {
        width: 830px;
    }
    .searchbuttonsbottom
    {
        padding-left: 550px;
    }
    .results
    {
        width: 810px;
    }
    /* Header Section */

    #headercontent
    {
        width: 1200px;
    }


    /* Footer section */

    #FooterBody
    {
        width: 1200px;
    }
    #footercontent
    {
        width: 1200px;
    }
    #left
    {
        width: 40%;
    }
    #middle
    {
        width: 25%;
    }
    #right
    {
        width: 29%;
    }

    /* home page */
    
    .SectionTitle
{
    
    padding:10px 0px 0px 15px;
    margin-bottom:-18px;
}
    
#background2
    {
        height: 780px;
    }

#Newsbg
{
    height:353px;
    
}

    #News
    {
        width: 1200px;
        height: 277px;
       
    }

.NewsImage
    {
        height:240px;
        width:700px;
    }

.NewsDescription
    {
    margin-top:-250px;
    width: 350px;
    margin-left: 66%;
    overflow: auto;
    }

    #container1
    {
        position: relative;
        margin: auto;
        width: 1200px;
    }
    #container
    {
        position: relative;
        margin: auto;
        width: 1200px;
    }

    #Calendar
    {
        width: 30.5%;
        margin: 10px 15px 20px 15px;
        height: 375px;
    }

    #HowDoI
    {
        width: 33%;
        margin: 10px 15px 20px 0px;
        height: 375px;
    }
    #Twitter
    {
        width: 30.5%;
        margin: 10px 0px 20px 15px;
        height: 375px;
        overflow-y: scroll;
    }
    #Notecard
    {
        width: 66.5%;
        margin: 10px 15px 25px 0px;
    }

    #QuickLink
    {
        width: 30.25%;
         margin: 39px 0px 10px 23px;
       
    }

    /*Secondary Page*/

    #secondarycontent
    {
        width: 1200px;
    }
    #leftcontent
    {
        width: 823px;
        padding:5px 0px 5px 10px;
    }
    .title
    {
        width: 810px;
    }

    .picture
    {
        width: 820px;
        height: 300px;
    }
    .contentbottom
    {
        width:46%;
        padding: 0px 10px 0px 5px;
    }
    
    .contentbottom2
    {
        width: 46%;
padding: 0px 0px 0px 46px;
    }
    
    .formarrow
    {
        margin-left: 775px;
    }
    #rightcontent
    {
        width: 325px;
        margin: 0px 0px 0px 16px;
       /* background: url(/MEC/Images/bg.png) repeat-y;*/
        
       
    }
    .pagetab
    {
        width: 340px;
    }
    .pagetabblue
    {
        height: 64px;
        width: 10px;
    }
    .pagetabtitle
    {
        margin: 17px 0px 0px 25px;
    }
    .sidemenu
    {
        margin-top: 75px;
        font-size: large;
    }
    .box-margin 
    {
        margin-top:153px;
    }
    .box-margin2 
    {
        margin-top:105px;
    }
    .box-margin3 
    {
        margin-top:202px;
    }
    .box-margin4 
    {
        margin-top:367px;
    }
    .box
    {
        width: 315px;
    }

    .sideboxcontent
    {
        width: 295px;
    }
    #boxes
    {
        padding:0px 0px 0px 5px;
    }
    
    #cssmenu li
    {
        width: 315px;
    }

    .searchcontent
    {
        height: 0px;
        width: 650px;
    }
    
    

    .searchbutton
    {
        margin: 15px 0px 0px 710px;
    }
    .searchbutton.lob
    {
        margin: 15px 0px 0px 690px;
    }
    .excelbutton
    {
        margin: 15px 0px 0px 615px;
    }

    .pdfbutton
    {
        margin: 0px 0px 0px 5px;
    }

    .searchbg
    {
        width: 825px;
        height: 90px;
        background: #f5f4f2;
    }
    .landingpoptopicsbg
    
    {
        width: 825px;
        height: 70px;
        
    }

    
}