/* #Media Queries
================================================== */
 
  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) { }
 
  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {}
 
  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {}
 
  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {}
 
  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {}
  

  
/************************************************************************************
MOBILE
************************************************************************************/


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

/* hide data*/
.hide {display:none !important;} 
#home-containerpan #home-container .hide {display:none;}    
.bullet-hide{display:none}
.breadcrumbs-hide{display:none}    
.mob-show { display:block; }
.article-data img{ max-width:100%; height:auto; } 
 
.list li { list-style-image: url('images/bullet1.gif'); padding: 0px 0px 5px 0px; margin:0px 0px 0px 20px; line-height: 14pt; font-size:15px; vertical-align:text-top; }

/* wrapper*/
.wrapper        {position: relative; width:98%; margin:0px auto; text-align: left; background:#fff; box-shadow: 0px 0px 0px #999;}
.wrapper        {min-height: 100%;	height: auto !important; height: 100%; margin: 0 auto;/* the bottom margin is the negative value of the footer's height */}
.footer         {position: relative; width: 100%; padding-bottom:10px;  margin: 0 auto; background: #3f4142 url('images/bg-footer.gif') repeat-x bottom;}
.footer, .push  {height: auto; clear:both;/* .push must be the same height as .footer */}

.wrap-row { width:100%; margin:0 auto; float:none;}

/* header*/
#advertisement-bar { width:98%; padding: 10px 0px; background:#eae9e5 url('images/bg.gif'); }
#advertisement-bar .advt-row { display:table-row; width:100%; display:none;}
#advertisement-bar .advt-col { display:block; width:100%; float:left; padding:5px 3px;}
#advertisement-bar .advt-col img { width:100%; max-width:100%; height:auto;}

#headerpan		{width:100%; background:#FFF; border-top: 4px solid #007b7e; }
#header			{width:95%; margin:0px auto; float:none; clear:both;}
#header .header-row { display:table-row; width:100%; padding: 0px; float:left; position:relative; }
#header .header-row .logo	{padding:0%; margin:0px; display:block; vertical-align:top; width:98%; float:none; text-align:center; }
#header .header-row .logo img { width:200px;  height:auto;}

#header .header-row .top-right	{  width:98%; height:auto; padding:3% 0 1% 0; margin:0px; float:left;   display:block; text-align:center; vertical-align:top; position:relative;}
#header .header-row .top-right .headline  { text-align:right; float:left; width:95%;   margin:0px; padding:1%; position:relative; bottom:0; display:none}
#header .header-row .top-right .headline h2 { width:auto; float:left; text-align:left; color:#01aaad; font-size:19px; font-family:Calibri, 'CalibriRegular';}
#header .header-row .top-right a { text-decoration:none;    }
#header .header-row .top-right .user-login {  line-height:17pt;   }
.icon-lock { background:#ccc; margin-bottom:8px; padding:8px 10px; border-radius:4px;     }

#navigation			{width:100%; margin:0px; padding:0px; float:left;  background:#01aaad; clear:both;}

#search-bar			{width:100%; margin:0px; padding:5px 0px; float:left;  background:#e2e2e2; clear:both; }
#search-bar .search-row { display:table-row; width:100%; padding:0px; float:left; position:relative; }
#search-bar .search-row .search-left {padding:5px 5px; margin:0px;display:block;  float:left; vertical-align:top; width:95%;}
#search-bar .search-row .search-right {padding:0px 5px; margin:0px; display:block; float:left; vertical-align:top; width:95%; text-align:left;}

#search-bar .search-row ul { padding:0px; margin:0px;}
#search-bar .search-row ul li { padding:0px 4px 0px 0px; margin:0px; list-style:none; float:left; line-height:25px;}
#search-bar .search-row .search_input { width: 96px; padding: 4px 6px; font-size:11px; font-family: Arial; color: #999; background: #fff; border: 1px solid #c1c1c1; outline:none;}
#search-bar .search-row .search_input:focus { color: #666; border: 1px solid #333; }


/* Home  */
#home-containerpan		{width:100%; background:#FFF; padding: 10px 0px;}
#home-container			{width:95%; margin:0px auto; padding:0px; float:none; }

#news-containerpan		{width:100%; }
#news-containerpan .ticker-head	 {width:100%; margin:0px; padding: 8px 0px; display:block; float:left;  background:#01aaad; border:1px solid #01aaad; color:#fff; font-size:13px; text-align:center; text-transform:uppercase;}
#news-containerpan .ticker-news	 { width:100%; margin:0px; padding: 8px 0px; display:block; float:left;  background:#ecfdfd;  border:1px solid #a2d3d4;}
#news-containerpan .news-marquee { max-width: 95%; overflow: hidden; color:#333; margin:0 auto; float:none;}



#home-container .home-row { width:100%; padding:0px; margin:7px 0px; display:table-row; float:left; text-align:left; white-space:normal;  }
#home-container .home-row .home-col-gap { width:15px; padding:0px; margin:0px; display:table-cell; vertical-align:top; display:none;}

#home-container .home-row .home-col { width:595px; padding:0px; margin:0px; display:table-cell; vertical-align:top; }
#home-container .home-row .home-col-poll {width:250px; background:#ffffed; border:1px solid #e7e7bc; padding:15px;  margin:0px; display:table-cell; vertical-align:top; }
#home-container .home-row .home-col-issue { width:96%; background:#daf8f9; border:1px solid #bed6e1; padding:2%; margin-top:14px; display:block; vertical-align:top; float:left;}



#home-container .home-row .home-col1 { width:96%; background:#daf8f9; border:1px solid #bed6e1; padding:2%; margin-bottom:14px; display:block; vertical-align:top; float:left;}
#home-container .home-row .home-col2 { width:96%; background:#f0faff; border:1px solid #bed6e1; padding:2%; margin:0px; display:table-cell; vertical-align:top; float:left;}
#home-container .home-row .home-col3 { width:96%; background:#f4f8fa; border:1px solid #bed6e1; padding:2%; margin:0px; display:table-cell; vertical-align:top; float:left;}

#home-container .home-row .home-col1 img {  height:auto;}
#home-container .home-row .home-col3 img { height:auto;}

.home-row h2 {color:#007b7e; font-size:16px; font-family:Georgia; font-weight:normal; border-bottom:1px solid #333; min-height:30px; padding:0px; margin:0px 0px 20px 0px;  }

ul.currentpoll { padding:0px; margin:0px; min-width:247px;}
ul.home-disboard { padding:0px;  margin:0px 0px 15px 0px; min-width:228px;}


/* footer */
#footer			{width:100%; margin:0px auto; float:none; }
#footer .footer-contact { padding:0px; background:#e2e2e2; border-top: 1px dashed #a8a8a8; display:table; width:100%; }
#footer .footer-contact .left-contact { padding:10px 10px 0px 10px; margin:0px; display:block; width:90%; vertical-align:top; float:left;  }
#footer .footer-contact .right-contact { padding: 0px; margin:0px; display:block; width:100%; vertical-align:top; float:left;}
#footer .footer-contact .right-contact img {  max-width:95%; height:auto; }
#footer .footer-contact .right-contact .right {padding: 10px 0 0 0;}

#footer .footer-links { padding: 10px 0px 0px 0px; display:table; width:100%; background:#3d3f40; }
#footer .footer-links .footer-links-col { padding: 0px 10px; margin:0px; display:block; width:90%; border-right:none; vertical-align:top; }
#footer .footer-links .last-col { border:none;}

#footer .footer-links .footer-links-col ul { padding:0px; margin:0px;}
#footer .footer-links .footer-links-col ul li { padding:3px; margin:0px; list-style:none; font-size:11px; float:left;}
#footer .footer-links .footer-links-col ul ul { margin:2px 0px; display:none;}
#footer .footer-links .footer-links-col ul li li { padding:3px; margin:0px 3px; list-style:none; font-size:11px;}

#footer .footer-links a { text-decoration:none; color:#eee; margin-right:10px;}
#footer .footer-links a:hover { text-decoration:underline; color:#fff;}

.hide-footer {display:none}


/* body container */
#body-containerpan		{width:100%; background:#FFF; padding: 20px 0px;}
#body-container			{width:97%; margin:0px auto; float:none;}

#body-container .body-left		{width:100%; margin:0 0 3% 0; float:left;}
#body-container .body-right		{width:100%; margin:0px; float:left;}

.content					{width:100%; float:left; margin:0px; padding:0px;}


/*****************************************************************************************************************
BREADCRUMB
*****************************************************************************************************************/
.breadcrumbs li h1 {color:#007b7e; font-size:16px; font-family:Georgia; font-weight:normal; }



/*****************************************************************************************************************
Search Right Start
*****************************************************************************************************************/

.searchbox { background:#daf8f9; border:1px solid #bed6e1; padding:15px; }
.searchbox h2 {color:#007b7e; font-size:20px; font-family:Georgia; font-weight:normal; border-bottom:1px solid #333; min-height:30px; padding:0px; margin:0px 0px 20px 0px;  }

#search-rightbar		{width:100%; margin:0px; padding:0px 0px; float:left;  clear:both;  }
#search-rightbar .search-row { display:table-row; width:100%; padding:0px; float:left; position:relative; }
#search-rightbar .search-row ul { list-style:none; padding:0px; margin:0px;}
#search-rightbar .search-row ul li {list-style:none; padding:0px 3px 5px 0px; margin:0px; list-style:none; float:left;}
#search-rightbar .search-row .search_input { width: 95px; padding: 4px 4px; font-size:11px; font-family: Arial; color: #999; background: #fff; border: 1px solid #c1c1c1; outline:none;}
#search-rightbar .search-row .search_input:focus { color: #666; border: 1px solid #333; }

/*****************************************************************************************************************
Search Right End
*****************************************************************************************************************/


/*****************************************************************************************************************
Right Menu Start
*****************************************************************************************************************/

#sub-menu  {width:100%; display:block; margin:0px auto; padding:0px; border:none; float:none; position:relative; }
#sub-menu .hdnav  {padding:0px 0px 0px 5px; }

/* menu icon */
#menu-icon-left          {line-height:28px; height:30px; width:auto; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
#menu-icon-left          {background:#daf8f9 url(images/menu-icon-left.png) no-repeat right center; padding:0px; cursor:pointer; display:block; float:none; text-transform:uppercase; font-size:14px;  color:#007b7e; border:1px solid #bed6e1} 
#menu-icon-left:hover	 {color:#000; background:#fff url(images/menu-icon-left.png) no-repeat right center;}
#menu-icon-left.active	 {color:#007b7e; background:#fff url(images/menu-icon-left-active.png) no-repeat right center;}

#sub-menu #navlist    {list-style:none; list-style-image:none; padding:0px; margin:0px; font-size:15px; position:relative; display:none; width:auto; background:#daf8f9; border-top:1px solid #efefef;}
#sub-menu #navlist li {list-style:none; list-style-image:none; padding:5px 0px 5px 20px; margin:5px; color:#333; }
#sub-menu #navlist li:hover {list-style:none; padding:5px 0px 5px 20px; margin:5px; color:#007b7e}
#sub-menu #navlist li a {text-decoration:none; color:inherit; display:block}
#sub-menu #navlist li a:hover {text-decoration:none; color:inherit;}
#sub-menu #navlist li a.focus {text-decoration:none; color:#007b7e; text-transform:uppercase;}
#sub-menu div   {visibility:visible; position:relative; }


/*****************************************************************************************************************
Right Menu Start
*****************************************************************************************************************/

/*========== Contact Section =======================================*/
.cnt-detail                 {width:100%; margin:0px; padding:0px;}
.cnt-detail ul.cntlist      {list-style:none; padding:0px; margin:0px; width:100%}
.cnt-detail ul.cntlist li   {list-style:none; padding:5px 0px 5px 0px; margin:0px; border-bottom:1px dashed #ccc; line-height:15pt;}

.cnt-detail ul.cntlist li.icon-add      {background:url(images/icon-add.png) no-repeat left; padding-left:40px; display:block;}
.cnt-detail ul.cntlist li.icon-tel      {background:url(images/icon-tel.png) no-repeat left; padding-left:40px; display:block;}
.cnt-detail ul.cntlist li.icon-fax      {background:url(images/icon-fax.png) no-repeat left; padding-left:40px; display:block;}
.cnt-detail ul.cntlist li.icon-email    {background:url(images/icon-email2.png) no-repeat left; padding-left:40px; display:block;}


/*****************************************************************************************************************
Sitemap Section Start 
*****************************************************************************************************************/

#sitemap .sitemap-links .sitemap-links-col { padding: 0px 0px; margin:0px; display:block; width:100%; border-right:none; vertical-align:top; }

/*****************************************************************************************************************
Sitemap Section End 
*****************************************************************************************************************/


/*****************************************************************************************************************
FORM STYLING
*****************************************************************************************************************/

.form_box { width: 100%; margin: 10px 0; padding: 0px; overflow: hidden; font-family: Arial; }

.form_box .float_left {float:left; width:215px; }
.form_box .float_left .normal_input { width: 160px;}

.form_txt { font-family: Arial; color:#007b7e; font-size:14px; }
.small_txt { font-family: Arial; color:#007b7e; font-size:11px; }

.form_row { width: 100%; overflow: hidden; margin-bottom:10px; }
.form_column { width: 100%; float: left; display: inline; text-align: left; margin-bottom:5px;}
.form_left_column { width: 100%; float: left; display: inline; text-align: left; padding-top:4px; padding-bottom:5px;  }
.form_right_column { width: 100%; float: left; display: inline; }

.form_row span, .star {color:#ff7f00;}

.normal_input { width: 200px; padding: 5px 6px; font-size:12px; font-family: Arial; color: #333; background: #fff; border: 1px solid #dedad4; outline:none;}
.normal_input:focus { color: #000; border: 1px solid #60adc2; }




/*****************************************************************************************************************
FORM STYLING
*****************************************************************************************************************/

}    



@media only screen and ( min-width: 220px) and ( max-width: 480px)
{

.breadcrumbs { padding:0px 0 10px 0px; width:90%; float:left;   }
#breadcrumbs-bar .right-bar { float:left; border:0px; padding: 10px 0px 0px 0px;width:90%;  }
.banner-post-ad { position:relative; padding:0px; margin:0px;  }
.banner-post-ad img { position:relative; margin: 0px 0px -20px 0;  }

ul.advt-gallery img { width:100%; max-width:100%; height:auto; float:left;  }


 
 


}


@media only screen and ( min-width: 220px) and ( max-width: 640px)
{


.events-colleft    { display:table; width:100%;  margin-bottom:10px;   }
.events-colright    { display:table; width:100%;  }


}