/** CUSTOM STYLING FROM PREVIOUS BOOTSTRAP **/
ul li a:visited {
 color: #4372d6 !important;
}

img {
    max-width: 100%;
    width: auto;
    height: auto!important;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

.row {
  height: auto;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 0;
    /*margin-left: 20px;*/
}
.container, .container2 {
  margin-right: auto;
  margin-left: auto;
}

.container, .container2, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .navbar-static-top .container2, .navbar-fixed-top .container2, .navbar-fixed-bottom .container2 {
  width: 1024px;
}

.span10 ul li, .span11 ul li {
    list-style: none;
    background: url(../assets/left_bullet.png) 0 5px no-repeat;
    padding: 0 0 0 25px;
    margin: 0 0 10px 0;
    line-height: 25px;
}

.span3 ul{
  padding: 5px 0 0 0;
  margin: 0;
}
.span3 ul li{
	background:none;
	padding: 0 0 20px 0;
	margin:0;
	list-style:none;
	font-size:106.7%;
 
}

.span3 ul li a{
	font-weight: bold;
	color: #000000!important;
}

.online_resources{ 
background:url(../assets/resources/resources_07.png) center no-repeat;
width: 100%; height: 50%; border: 1px solid #000;}

.float_left {
    float: left;
}

.row.partner-img img {
    width: auto !important;
}

.span10 .breadcrumb {
    padding: 10px 0 0 0;
}

.breadcrumb {
    display: block;
    width: 100%;
    line-height: 13px;
    font-style: italic;
    font-size: 86.67% !important;
    padding: 2px;
    list-style: none;
    border-radius: 4px;
}

.breadcrumb a {
    color: rgb(180, 56, 1);
}
.spanLatestDate {
	font-family: 'quattrocento_bold', arial;
padding: 20px 0 0 0;
font-size: 100%;
font-style: italic;
clear: both;
width: 985px;
text-align: left;
margin: 0 auto !important;
float: none !important;
}
.span15 {
  background:url(../assets/resources/resources_07.png) no-repeat;
  width: 477px;
  clear:both!important;
  height: 236px;
  border: 1px solid #000;
}


.span14 .right{ padding-right:25px;}
.span14 {
 
  width: 985px;
  float:left;
  clear:both;
  font-size:93.3%;
}
.span14 a{
	color:#FFFFFF;
}
.span14 a:hover{
	text-decoration:underline;
}
.span13 {
 
  font-size:93.3%;
  font-style:italic;
  width: 985px;
  float:left;
  clear:both;
}
.span13 img{ float:left; padding: 0 10px 10px 0;}
.span12 {
  width: 985px;
}
.span11 {
  width: 700px;
}
.span10 {
  width: 960px;
}
.span10 .breadcrumb {
	padding:10px 0 0 0;
}
.span9 {
  width: 700px;
} 
.span8 {
  width: 620px;
}
.span7 {
  width: 540px;
}
.span6 {
  width: 477px;
}
.span5 {
  width: 226px;
}
.span4 {
  width: 246px;  /*226px;margin:0 20px 0 0;*/
  display: inline-block;
}
 
.span3 {
  width: 246px; margin:0 0 20px 0; /*margin:0 0 0 20px*/  
}

.span3 img{
  width: 100%!important;/*margin:0 0 0 20px*/
}
.span2 {
  width: 140px;
}
.span1 {
  width: 60px;
}
.offset12 {
  margin-left: 980px;
}
.offset11 {
  margin-left: 900px;
}
.offset10 {
  margin-left: 820px;
}
.offset9 {
  margin-left: 740px;
}
.offset8 {
  margin-left: 660px;
}
.offset7 {
  margin-left: 580px;
}
.offset6 {
  margin-left: 500px;
}
.offset5 {
  margin-left: 420px;
}
.offset4 {
  margin-left: 340px;
}
.offset3 {
  margin-left: 260px;
}
.offset2 {
  margin-left: 180px;
}
.offset1 {
  margin-left: 100px;
}

.span10 h1, .span11 h1 {font-family: 'quattrocento_bold', arial!important;
  color:#4BB2E4!important;  
font-size: 200%; margin: 0 0 15px 0; font-weight:normal; line-height:30px;
}

.span10 h1:hover, .span11 h1:hover{
  color:#4BB2E4!important; 
text-decoration: underline; 
  border:none!important;
}

.span10 h2, .span11 h2 {
    color: /*#E96424*/ #b43801!important;
	font-family: 'quattrocento_bold', arial!important;
    font-size: 173.3%;
    margin: 0!important;
    margin: 0 2% 2% 0!important;
	line-height:30px;
}

.span10 h3, .span11 h3 {
    color: /*#E96424*/ #b43801!important;
	font-family: 'quattrocento_bold', arial!important;
    font-size: 140%;
    margin: 0!important;
    margin: 0 2% 2px 0!important;
}

.carousel {
  position: relative;
  margin-bottom: 20px;
  line-height: 1;
}
.carousel-inner {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -moz-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 46px;
  height: 46px;
  font-size: 34px;
  font-family: Georgia, "Times New Roman", Times, serif!important;
  line-height:40px!important;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  background:url(../assets/banner_left_arrowov.png) no-repeat;
  /*background: #222222;
  border: 3px solid #ffffff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);*/
  
}
.carousel-control.right {
   color: #ffffff;
   left: auto;
  right: 15px;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
    /*background:url(../assets/banner_left_arrow.png) no-repeat;*/
}
.carousel-indicators {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 5;
  margin: 0;
  list-style: none;
  left: auto;
}
.carousel-indicators [data-bs-target] {
  width: 15px;
  background: url(../assets/banner_grey_bullet.png) no-repeat;
}
.carousel-indicators li {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  text-indent: -999px;
  background-color: #ccc;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 5px;
  behavior: url(/NLB/scripts/PIE.htc);
}
.carousel-indicators li:hover {
  box-shadow: 0px 0px 0px 0px #189fda !important;
}
.carousel-indicators .active {
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 15px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}
.carousel-caption h4,
.carousel-caption p {
  color: #ffffff;
  line-height: 20px;
}
.carousel-caption h4 {
  margin: 0 0 5px;
}
.carousel-caption p {
  margin-bottom: 0;
}

.well {
  font-size: 13px;
  line-height: 16px;
  min-height: 20px;
  font-style:italic;
  margin-bottom: 20px;
  /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);*/
}
.well img{ width:100%;}
.float_left{ float:left;}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  behavior: url(/NLB/scripts/PIE.htc);
}
.well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  behavior: url(/NLB/scripts/PIE.htc);
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.collapse.in {
  height: auto;
}
@-ms-viewport {
  width: device-width;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}

@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
    .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}



@media (min-width: 769px) and (max-width: 979px) {
	.carousel-inner,
.carousel-inner .item {
	overflow:hidden;
	width:100%;
	height:400px!important;
}
	
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
   .items.col4 li {
    margin: 0 20px 4px 0;
    width: auto;
	position:relative!important;
}
	.span6 {
    width: auto!important;
}
    .container, .container2 { padding:0 2%; width:96%!important; }
 
}


@media (min-width: 480px) and (max-width: 768px) {
	
	#left_panel img, #rightnav2 img { width:45%!important;  float:left!important;  }
	
	#left_panel p, #rightnav2 p { width:50%!important;  float:right!important;   padding:5px 0 0 0;}
	
}

@media (min-width: 768px) {
	
	#left_panel img, #rightnav2 img { width:100%!important;  float:none!important;  }

} 
	
	
@media (max-width: 768px) {
	
 
	
  body {
    padding-left: 20px;
    padding-right: 20px;
  }
  

  #news {
    margin: 20px 0 0 0;
    width: 100%!important;
}

header {
		position: relative;
		margin-bottom: 20px;
	}
	.items.col4 li {
    margin: 0 20px 4px 0;
    width: auto;
	position:relative!important;
}
	.searchbox-big .searchbox
	{
		font-size: 14px !important;
		height: 36px !important;
		line-height: 36px!important;
	}

	.inputSubmitQuick { background: url(../assets/search.png) center center no-repeat;}
	.searchbox-button input, .searchbox-button input:hover
	{
		background: #FFF url(../assets/search.png)  center center no-repeat!important; height:28px;
		border: 0!important;
	}

	.searchbox-big .searchbox-button input
	{
		background-position: center center;
	}

	input.inputSubmitQuick { background: url(../assets/search.png) center center no-repeat;}

	.txt {
		color: #666;
	}

	.button {
		padding: 3px 20px 3px !important;
		vertical-align: top;
		background: rgb(238,238,238);
		background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1)));
		background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
		background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
		background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
		background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
		border: 1px solid #;
		border-radius: 5px;
		color: #888;
		text-shadow: 1px 1px 2px #fff;
		behavior: url(/NLB/scripts/PIE.htc);
	}

	.noimgsc, .noimgsc p {
		/*display: none;	*/
	}


	.text-right.except-phone {
		text-align: left !important;
	}
	.pull-right.except-phone {
		float: inherit !important;
	}	
	.pull-right2 {
		float: right;
		width: auto;
	}
	
	#news {
		width: 100%
	}
	
	.news{ 
		width: 100%!important;
		position:relative!important;;
		margin:0;
		
		
	}
		.items.col4 li {
    margin: 0 20px 4px 0;
    width: auto;
	position:relative!important;
}
	#myCarousel {
		margin-top: 100px;
	} 
	
	
.news_icon{ background:url(../assets/news_icon.jpg) center center no-repeat; border-right: none!important; width: 100%!important; float:left; padding-right:5%;  }
 
#announcement-container {
    width: 100%;
    margin: 5px 0px 0px;
    float: left;
    border-left: none!important;
    padding-left: 10px;
}

.background-bottom { 
		background: #4a2d63!important;
		color:#FFFFFF;
		padding: 0!important;
		width:100%;
		margin:0!important;
		display:table;
		bottom:0;
	}
  #dnn_LeftPane{ display:none!important;}
  
  
  
  .hidden-desktop {
    display: inherit !important;
  }
  
  #news {
    margin: 20px 0 0 0;
    width: 100%;
}
  .visible-desktop {
    display: none !important;
  }.items.col4 li {
    margin: 0 20px 4px 0;
    width: auto;
	position:relative!important;
}
  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }
  #singov-logo {
    min-height: 40px!important;
}
	#singov-logo img{ display:none; }
    #singov-links{ margin: 15px 0 0px 0px!important; visibility:visible!important; display:inline!important;}
  .arrow-scroller{
    display: none !important;
  }
.visible-print {
  display: none !important;
}.span6 {
    width: 345px;
}.background-bottom {

    padding: 27px 0px 20px !important;
}


  .items.col4 li {
    margin: 0 20px 4px 0;
    width: auto;
	position:relative!important;
}
  	#myCarousel {
		background:#000;
}
	header{ position:relative!important;}
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-left: -20px;
    margin-right: -20px;
  }
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    clear: none;
    width: auto;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .container, .container2 {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .arrow-scroller{
    display: none !important;
  }
  .span15{ 
  width: 477px;
  height: 236px;
  }
   .span14,
  .row-fluid .span14 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
 .span13,
  .row-fluid .span13 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
  .modal {
    position: fixed;
    top: 20px;
    left: 20px;
    right: 20px;
    width: auto;
    margin: 0;
  }
  .modal.fade {
    top: -100px;
  }
  .modal.fade.in {
    top: 20px;
  }
  .remove-bottom {margin:0!important;}
.carousel { top:0!important;  }
#myCarousel { top:0!important;  height:250px!important;  }

#myCarousel img,.carousel .item img {
 width: 100%!important; }
  
.carousel-inner,
.carousel-inner .item {
	overflow:hidden;
	width:100%!important;
	height:250px!important;
    bottom:0;
}

.news	{height:auto; display: table!important; height: auto;}
 
/*.span3{ float:left; width:23%!important; margin:0 1%;}*/
 
.span13, .span14{ float:left!important;  margin:0!important; width:100%!important; clear:both; padding:0 10px 10px 10px!important; text-align:left!important;}
.span14 .left, .span14 .right{ text-align:left!important;}
.span4 { float:left!important; width:48%!important; margin:1%!important; min-height:150px; }
.span3{ float:left!important; width:46%!important; margin:0 3% 3% 3%;}
.span3 img{ width:100%;}
 
.space {padding:0!important;}
.container, .container2{padding-left: 20px; padding-right: 20px;}
.background-bottom{ padding:0!important;}
#quickSearchForm{padding:0 10px 0 10px!important;}
.btn-group { margin:10px 0;}

.left{ text-align:center!important; float:none!important; width:100%;}
.right{ text-align:center!important; float:none!important; width:100%;}

.pull-right{  width:100%; float:none; }


.row{padding:0!important;}

.span12 ul{ width:100%!important; margin:0 auto; text-align:center;  }
.span12 ul li{ width:auto!important; float:left!important; margin:0!important; padding:0!important;}
#quickSearchForm{ width:auto!important; margin:11px 0 0 0!important; }
.pull-right{  padding:0; text-align:center!important; }

#login-button2:hover, #login-button2{ width:10px!important;}

#serMemtb { width:100px!important; font-size:12px!important;}
#quickSearchBox  {width:170px!important; margin:0 10px; visibility:hidden!important;}

#quickSearchForm{ max-width:170px !important}

.login-bubble-text{ font-size:12px!important;}

.span4 ul{margin:0!important;}
.span4 ul li{ margin:0!important; padding:0;}


.background-bottom {
padding: 27px 0px 20px !important;
}
.unity-bar-text {
		overflow: visible!important;
		text-wrap:normal!important;	
		display: block!important;
		white-space: normal!important;
		padding: 1% 0 1% 35px!important;
		/*padding:10px 2% 10px 10%!important;*/
		background-position: 5px 50%!important;
		width:90%!important;
		height:inherit!important;
}
 .resources-inner, .content-inner { display:none!important;}
 #right_panel{ float:right!important;}
 #left_panel{ float:left!important;}
 

}
 



@media (min-width: 769px) and (max-width: 979px) {
	#RightPane{ clear:both; position:relative; }
	  #dnn_LeftPane{ display:none!important;}
 
#visit, #support, #explore, #about, #resources { 	background:none!important;}
#singov-logo{ width:50%!important; font-size:14px; float:right;}
  #logo{  width:316px!important;  font-size:12px; float:left;} 
  #logo img{ width:316px!important;  }
  .row {
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container,.container2,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container,
    .navbar-static-top .container2,
  .navbar-fixed-top .container2,
  .navbar-fixed-bottom .container2{
    width: 724px;
  }
  <!-- For login/search section -->
.span12 ul{ width:90%!important; margin:0; text-align:center;  }
.span12 ul li{ width:auto!important; float:left!important; margin:0!important; padding:0!important;}
#quickSearchForm{ width:auto!important; margin:11px 0 0 0!important; }
.pull-right{  padding:0; text-align:center!important; float:none!important; }
.remove-bottom{  padding:0; text-align:center!important; float:none!important; }
#login-button2:hover, #login-button2{ width:10px!important;}

#serMemtb { width:100px!important; font-size:12px!important;}
#quickSearchBox  {width:170px!important; margin:0 10px; visibility:hidden!important;}

#quickSearchForm{ max-width:170px !important}

.login-bubble-text{ font-size:12px!important;}
 

	.items li{
    background: #292929!important;
	width:48%!important;
	padding:0!important;
	margin:1%!important;
	display: table!important;
	transform:none!important;
	text-decoration:none!important;
	list-style:none!important;
	transition-property:none!important; transform:none!important;
	float:left!important;
	}
	
	.items li img {
    display: block!important;
	width:40%!important;
	float:left;
	transition-property:none!important;
	transform:none!important;
	transition:none!important;
	cursor:none!important;
	clear: both!important;
	}
	
	.items li div {
	width:60%!important;
	visibility:visible!important;
	background:none!important;
	float:left;
	transition-property:none!important; 
	transform:none!important; 
	transition:none!important;
	animation:none!important;
	cursor:none!important;
	display: block;
	padding: 0 0 0 40%!important;
	margin:0;
	color: #fff!important
	clear: both;
	}
	
	.items li a div .title { 
	font-size: 95%!important;
    display: block;
    text-transform: uppercase;
    color: #e9e9e9;
    text-align: center;
	font-weight:bold; 	padding: 10px 20px 5px 20px!important;
}
	.portfolio-content .item {
    margin: 0!important;
	padding: 0!important;
    clear: both;
    display: block;
    overflow: hidden;
	}
	.isotope .isotope-item, .isotope,
	.isotope .isotope-item, .isotope, .isotope .isotope-item, .da-animate, .da-slideFromBottom, .da-slideFromTop, .da-slideFromLeft, .da-slideFromRight 
	{ transition-property:none!important; transform:none!important; transition:none!important;    -webkit-transition-property:none!important;
    -moz-transition-property:none!important;
    -ms-transition-property:none!important;
    -o-transition-property:none!important;
    transition-property:none!important;}
	
	.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition, .da-animate, .da-slideFromBottom, .items li img a, .items li a {
	transition-property:none!important; transform:none!important; }
	 .span14{ width:100%;}
    .span14 .right, .span14 .left, .span14 p{ text-align:left!important; width:100%; margin:0; padding:0!important; clear:both; }
	
	  .span4{
    width: 48%!important; float:left; min-height:200px; margin:1%;
	
  }

.pixel { width: 348px!important;}
  .span13 {
    width: 100%;
  }
.sub-menu {   word-break: break-all;
  word-wrap: break-word;
  white-space: normal!important;
  white-space: normal!important;}
  
  .sub-menu { width:100%!important; }
  
  .sub-menu {
    font-family: Arial,Helvetica,sans-serif !important;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.9);
    margin: 0px;
    padding: 10px 5px !important;
    border-radius: 0px !important;
    z-index: 9999 !important;
    width: 860px;
	behavior: url(/NLB/scripts/PIE.htc);
}

  .sub-menu ul li {
    float: left !important;
    width: 30%;
    z-index: 9999 !important;
    margin-bottom: 10px;
    white-space: normal !important;
    display: table;
}
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 700px;
  }
  .span10 {
    width: 760px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }

  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;

  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392265194%;
  }
  
  .row-fluid .span15 {
    width: 100%;
    *width: 99.94680851063829%;
	height:100%;
  }
  
    .row-fluid .span14 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  
  
  .row-fluid .span13 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 65.43646408839778%;
    *width: 65.38327259903608%;
  }
  .row-fluid .span10 {
    width: 99.87292817679558%;
    *width: 99.81973668743387%;
  }
  .row-fluid .span9 {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
  }
  .row-fluid .span8 {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }
  .row-fluid .span7 {
    width: 57.18232044198895%;
    *width: 57.12912895262725%;
  }
  .row-fluid .span6 {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
  }
  .row-fluid .span5 {
    width: 30.05524861878453%;
    *width: 30.00205712942283%;
  }
  .row-fluid .span4 {
    width: 24%;
    *width: 24%;
  }
  .row-fluid .span3 {
    width: 24%;
    *width: 24%;
  }
  .row-fluid .span2 {
    width: 14.3646408839779%;
    *width: 14.311449394616199%;
  }
  .row-fluid .span1 {
    width: 5.801104972375691%;
    *width: 5.747913483013988%;
  }
  .row-fluid .offset12 {
    margin-left: 105.52486187845304%;
    *margin-left: 105.41847889972962%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.76243093922652%;
    *margin-left: 102.6560479605031%;
  }
  .row-fluid .offset11 {
    margin-left: 96.96132596685082%;
    *margin-left: 96.8549429881274%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.1988950276243%;
    *margin-left: 94.09251204890089%;
  }
  .row-fluid .offset10 {
    margin-left: 88.39779005524862%;
    *margin-left: 88.2914070765252%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.6353591160221%;
    *margin-left: 85.52897613729868%;
  }
  .row-fluid .offset9 {
    margin-left: 79.8342541436464%;
    *margin-left: 79.72787116492299%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 77.07182320441989%;
    *margin-left: 76.96544022569647%;
  }
  .row-fluid .offset8 {
    margin-left: 71.2707182320442%;
    *margin-left: 71.16433525332079%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.50828729281768%;
    *margin-left: 68.40190431409427%;
  }
  .row-fluid .offset7 {
    margin-left: 62.70718232044199%;
    *margin-left: 62.600799341718584%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.94475138121547%;
    *margin-left: 59.838368402492065%;
  }
  .row-fluid .offset6 {
    margin-left: 54.14364640883978%;
    *margin-left: 54.037263430116376%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.38121546961326%;
    *margin-left: 51.27483249088986%;
  }
  .row-fluid .offset5 {
    margin-left: 45.58011049723757%;
    *margin-left: 45.47372751851417%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.81767955801105%;
    *margin-left: 42.71129657928765%;
  }
  .row-fluid .offset4 {
    margin-left: 37.01657458563536%;
    *margin-left: 36.91019160691196%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.25414364640884%;
    *margin-left: 34.14776066768544%;
  }
  .row-fluid .offset3 {
    margin-left: 28.45303867403315%;
    *margin-left: 28.346655695309746%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.69060773480663%;
    *margin-left: 25.584224756083227%;
  }
  .row-fluid .offset2 {
    margin-left: 19.88950276243094%;
    *margin-left: 19.783119783707537%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.12707182320442%;
    *margin-left: 17.02068884448102%;
  }
  .row-fluid .offset1 {
    margin-left: 11.32596685082873%;
    *margin-left: 11.219583872105325%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.56353591160221%;
    *margin-left: 8.457152932878806%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
    input.span14,
  textarea.span14,
  .uneditable-input.span14{
    width: 710px;
  }
  
  input.span13,
  textarea.span13,
  .uneditable-input.span13 {
    width: 710px;
  }
  
  
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 710px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 700px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 960px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 524px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 462px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 400px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 338px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 276px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 214px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 214px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 90px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 28px;
  }
.span3{ float:left; width:21%!important; margin:0 1% 4% 1%;}


}

@media  (min-width: 980px){
	#news-container li  
{
	height:inherit; line-height:16px; display:table;
}

#singov-logo { width:47%; float:right!important;} #logo{ float:left!important;}}


@media  (min-width: 980px) and (max-width: 1044px) {

 
.row {
    margin: 0;
    height: auto;
}
.span12, .span13, .span14 { width:100%!important;} 
.span4, .span3 { width:25%;} 
.container, .container2 { padding:0 2%; width:96%!important; }
.nav-pills > li > a {
    font-family: Arial,Helvetica,sans-serif !important;
    line-height: 53px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    padding: 0px 6px!important;
    font-weight: bold;
}
#portfolio, .inner{ width:100%; margin:0!important;}
.items li{
	width:22.9%!important;
	margin:1%!important;
	padding:0!important;
	}
		#login-button{ background: #000000 url(../assets/login.png) no-repeat!important; height:34px; width:50px; display:block; background-position: 0 0; margin:10px 0 0 0;  float:left; border:none!important; border-radius: 0!important; font-size:95%!important; color:#ffffff; line-height:34px; padding-left:25px!important; }
 

}

@media (max-width: 979px) {
	#socialmedia{ display:none;}
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container, .navbar .container2 {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	behavior: url(/NLB/scripts/PIE.htc);
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	behavior: url(/NLB/scripts/PIE.htc);
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #000000;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    margin-top: 5px;
    padding: 0;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    float: none;
    display: none;
    max-width: none;
    margin: 0 15px;
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	behavior: url(/NLB/scripts/PIE.htc);
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    overflow: hidden;
    height: 0;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .sub-menu {

    width: auto !important;
} .sub-menu > ul > li {
	width:215px!important;
    display: table !important;
 
}
.sub-menu ul li {
	float: none!important;
	clear:both;
    text-align: left !important;
}
.sub-menu h1 {

    clear: both !important;
    float: none !important;
}   


}
@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }

 
}

@media (max-width: 1024px) {
 /* .span4, .span3 {width:220px;}*/
.container
.new_links{ margin-left:10px;}
}

@media (max-width: 480px) {
 
 .login-bubble { display:none!important;}
}





@media (min-width: 481px) and (max-width: 654px) 
{
/*.pixel {  width: 42%!important;}*/
.container2{ padding:0 10px!important;}
}



@media (max-width: 480px) {
	
	
	
	#left_panel img, #rightnav2 img { width:100%!important; float:none!important;  }
	
	
#float_left, #float_left ul, #float_left ul li{ width:100%!important;}

.hdr01{   
  text-align:center!important;
}
.hdr02{    
  text-align:center!important;
}

a .trusted_banner { width: 95px!important;}
 
 
.items.col4 li {
    margin: 0 20px 4px 0;
    width: auto;
	position:relative!important;
}
.addthis_toolbox{ z-index:9999!important; display:block; position:relative!important;}
.img_left, .img_left1{  padding:0 0 10px 0!important;  width:100%!important; float:none!important;}
.img_right{   padding:15px 0 ; width:100%!important; float:none!important;}
.img_full{   padding:15px 0; width:100%!important; float:none!important;}



#tool{ float:left!important; clear:both; width:100%;}
/*.content-inner{ visibility:hidden!important; display:none!important;}*/




  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small {
    display: block;
    line-height: 20px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-left: 10px;
    padding-right: 10px;
  }
  .media .pull-left,
  .media .pull-right {
    float: none;
    display: block;
    margin-bottom: 10px;
  }
  .media-object {
    margin-right: 0;
    margin-left: 0;
  }
  .modal {
    top: 10px;
    left: 10px;
    right: 10px;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption {
    position: static;
  }
  
 
  
  .span15{ width: 380px; height: 188px;}
  
  .arrow-scroller{
    display: none !important;
  }
  
  #quickSearchForm{ visibility:hidden!important;}

.well {
  margin: 0!important;
  width: 100%!important;
  float:left;
}

.span4{ float:left!important;  margin:10px 0!important; width:100%!important; clear:both; border:none!important; padding:0!important;  }
.span13, .span14{ float:left!important;  margin:0!important; width:100%!important; clear:both; border:none!important;  }

/*.pixel { width:89%!important; }*/
.span3{ clear:both; width:100%!important; }
.span13 p { text-align:left!important;}
.span14 p{ padding:15px 0 0 0!important;}
.well img{ width:100%!important;}
a .arrow_right { padding-bottom:20px!important; }

.news	{height:auto; display: table!important; width: 100%!important; margin: 20px 0 0 0!important; position:relative!important;}
.news_icon{ background:url(../assets/news_icon.jpg) center center no-repeat; border-right: none!important; width: 100%!important; float:left; padding-right:5%;  }
 
#announcement-container {
    width: 100%;
    margin: 5px 0px 0px;
    float: left;
    border-left: none!important;
    padding-left: 10px;
}
.space {padding:0!important;}
.container{padding-left: 20px; padding-right: 20px; }
.background-bottom, .background-bottom2 {  width:100%!important; margin:0!important; padding:0!important;}


.container2{ padding:0 10px;}

.left{ text-align:center!important; float:none!important; width:100%;}
.right{ text-align:center!important; float:none!important; width:100%;}


<!-- For login/search section -->

#quickSearchForm{ width:auto!important; margin:11px 0 0 0!important; }
.pull-right{  padding:0; text-align:left!important; }

#login-button2:hover, #login-button2{ width:10px!important;}

#serMemtb { width:75px!important; font-size:12px!important;}
#quickSearchBox  {width:145px!important; margin:0 10px; visibility:hidden!important;}

#quickSearchForm{ max-width:170px !important}

.login-bubble-text{ font-size:12px!important;}

.span4 ul{margin:0!important;}
.span4 ul li{ margin:0!important; padding:0 0 10px 0;}
header{ position:relative!important; display:table!important;}
 
.span12 ul{ width:90%!important; margin:0; text-align:center;  }
.span12 ul li{ width:auto!important; float:left!important; margin:0!important; padding:0!important;}
	.span12 ul{ width:100%; margin:0; text-align:center; }
	

#login-button {
 margin:0 10px 0 0;
    width: 40px!important;

}
	 #dnn_LeftPane{ padding:10px 0 0 0; margin:0 0 0 25px!important;}
 
 
 .resources-inner {	
	font-size: 30px!important;
}

#dnn_Header_dnnLOGO_imgLogo { width:60%!important;}

.span10 h1, .span11 h1 { line-height:33px!important;
}
.float_left { width:100%; clear:both; padding-bottom:10px;}

.new_links br{ line-height:1px;} 


ul.arrivaltab { width:100%; }
#english, #malay, #tamil, #chinese { width:99%; }
ul.arrivaltab  li { width:40%!important; float:left; text-align:center; list-style:none; background:none; margin:0; padding:0 !important; }
.hidden_leftmenu{ display:block!important; visibility:visible!important;}

.rightnav{ width:94%!important; float:none!important;  border:1px solid #aeaeae; padding: 0 2% 0 2%!important; margin:5% 2% 0 2%!important; }


}



@media (max-width: 320px) {
	
 
#visit01 { max-width:320px!important; clear:both;}
#visit01 a img{ max-width:320px!important;  clear:both;}
.visit02{ width:320px!important; color:#4AAFE2; font-size:133.3%; text-align:center!important;   }
.slideimg{ width:320px;} 
 
 
#serMemtb { width:60px!important; font-size:11px!important;}
#quickSearchBox  {width:130px!important; margin:0 10px; visibility:hidden!important;}

#quickSearchForm{ max-width:130px !important}
.unity-bar-text {
		overflow: visible!important;
		text-wrap:normal!important;	
		display: block!important;
		white-space: normal!important;
		padding: 1% 0 1% 35px!important;
		/*padding:10px 2% 10px 10%!important;*/
		background-position: 5px 50%!important;
		width:84%!important;
		height:inherit!important;
}

}

@media (max-width: 768px) {.pixel { width: 45.5%!important; }}
@media (max-width: 760px) {.pixel { width: 45.4%!important; }}
@media (max-width: 740px) {.pixel { width: 45.3%!important; }}
@media (max-width: 720px) {.pixel { width: 45.2%!important; }}
@media (max-width: 673px) {.pixel { width: 45.1%!important; }}
@media (max-width: 657px) {.pixel { width: 45.0%!important; }}
@media (max-width: 640px) {.pixel { width: 44.9%!important; }}
@media (max-width: 626px) {.pixel { width: 44.8%!important; }}
@media (max-width: 612px) {.pixel { width: 44.7%!important; }}
@media (max-width: 574px) {.pixel { width: 44.6%!important; }}
@media (max-width: 563px) {.pixel { width: 44.5%!important; }}
@media (max-width: 549px) {.pixel { width: 44.4%!important; }}
@media (max-width: 538px) {.pixel { width: 44.3%!important; }}
@media (max-width: 527px) {.pixel { width: 44.2%!important; }}
@media (max-width: 516px) {.pixel { width: 44.1%!important; }}
@media (max-width: 485px) {.pixel { width: 44.0%!important; }}
@media (max-width: 480px) {.pixel { width: 91.2%!important; }}
@media (max-width: 463px) {.pixel { width: 91.1%!important; }}
@media (max-width: 458px) {.pixel { width: 91.0%!important; }}
@media (max-width: 452px) {.pixel { width: 90.9%!important; }}
@media (max-width: 449px) {.pixel { width: 90.8%!important; }}
@media (max-width: 444px) {.pixel { width: 90.7%!important; }}
@media (max-width: 440px) {.pixel { width: 90.6%!important; }}
@media (max-width: 437px) {.pixel { width: 90.5%!important; }}
@media (max-width: 430px) {.pixel { width: 90.4%!important; }}
@media (max-width: 427px) {.pixel { width: 90.3%!important; }}
@media (max-width: 422px) {.pixel { width: 90.2%!important; }}
@media (max-width: 417px) {.pixel { width: 90.1%!important; }}
@media (max-width: 413px) {.pixel { width: 90.0%!important; }}
@media (max-width: 410px) {.pixel { width: 89.9%!important; }}
@media (max-width: 407px) {.pixel { width: 89.8%!important; }}
@media (max-width: 402px) {.pixel { width: 89.7%!important; }}
@media (max-width: 399px) {.pixel { width: 89.6%!important; }}
@media (max-width: 394px) {.pixel { width: 89.5%!important; }}
@media (max-width: 391px) {.pixel { width: 89.4%!important; }}
@media (max-width: 387px) {.pixel { width: 89.3%!important; }}
@media (max-width: 384px) {.pixel { width: 89.2%!important; }}
@media (max-width: 380px) {.pixel { width: 89.1%!important; }}
@media (max-width: 377px) {.pixel { width: 89.0%!important; }}
@media (max-width: 374px) {.pixel { width: 88.9%!important; }}
@media (max-width: 370px) {.pixel { width: 88.8%!important; }}
@media (max-width: 367px) {.pixel { width: 88.7%!important; }}
@media (max-width: 364px) {.pixel { width: 88.6%!important; }}
@media (max-width: 361px) {.pixel { width: 88.5%!important; }}
@media (max-width: 358px) {.pixel { width: 88.4%!important; }}
@media (max-width: 355px) {.pixel { width: 88.3%!important; }}
@media (max-width: 352px) {.pixel { width: 88.2%!important; }}
@media (max-width: 349px) {.pixel { width: 88.1%!important; }}
@media (max-width: 346px) {.pixel { width: 88.0%!important; }}
@media (max-width: 343px) {.pixel { width: 87.9%!important; }}
@media (max-width: 340px) {.pixel { width: 87.8%!important; }}
@media (max-width: 337px) {.pixel { width: 87.6%!important; }}
@media (max-width: 333px) {.pixel { width: 87.5%!important; }}
@media (max-width: 331px) {.pixel { width: 87.4%!important; }}
@media (max-width: 328px) {.pixel { width: 87.3%!important; }}
@media (max-width: 326px) {.pixel { width: 87.2%!important; }}
@media (max-width: 323px) {.pixel { width: 87.1%!important; }}
@media (max-width: 321px) {.pixel { width: 87.0%!important; }}
@media (max-width: 317px) {.pixel { width: 86.9%!important; }}
@media (max-width: 317px) {.pixel { width: 86.8%!important; }}
@media (max-width: 314px) {.pixel { width: 86.7%!important; }}
@media (max-width: 311px) {.pixel { width: 86.6%!important; }}
@media (max-width: 309px) {.pixel { width: 86.5%!important; }}
@media (max-width: 306px) {.pixel { width: 86.4%!important; }}
@media (max-width: 305px) {.pixel { width: 86.3%!important; }}
@media (max-width: 303px) {.pixel { width: 86.2%!important; }}
@media (max-width: 300px) {.pixel { width: 86.1%!important; }}
@media (max-width: 298px) {.pixel { width: 86.0%!important; }}
@media (max-width: 297px) {.pixel { width: 85.9%!important; }}
@media (max-width: 294px) {.pixel { width: 85.8%!important; }}
@media (max-width: 293px) {.pixel { width: 85.7%!important; }}
@media (max-width: 292px) {.pixel { width: 85.6%!important; }}
@media (max-width: 289px) {.pixel { width: 85.5%!important; }}
@media (max-width: 286px) {.pixel { width: 85.4%!important; }}
@media (max-width: 284px) {.pixel { width: 85.3%!important; }}
@media (max-width: 282px) {.pixel { width: 85.2%!important; }}
@media (max-width: 280px) {.pixel { width: 85.1%!important; }}
@media (min-width: 241px) and (max-width: 287px) {.pixel { width: 80.7%!important; }}
@media (min-width: 218px) and (max-width: 240px) {.pixel { width: 80.5%!important; }}
@media (min-width: 202px) and (max-width: 217px) {.pixel { width: 80.2%!important; }}




@media (max-width: 480px) {
	
#visit01 { width:100%!important; clear:both;}
#visit01 a img{ width:45%!important; float:left;}
.visit02{ width:45%!important; color:#4AAFE2; font-size:133.3%; text-align:left!important; float:right; clear:none!important; }
.slideimg{ width:45%;} 
}
 
 

@media (max-width: 1296px) {
.carousel .item  img {
 height: 100%!important;
 position:absolute;	
 width:auto!important;
}
	
}

@media (min-width: 1830px) {
.carousel .item  img {
 width: 100%!important;
  position:absolute;
  bottom:0;	
  height: auto!important;
}
	
}

@media (min-width: 979px) and (max-width: 996px) 
{
#serMemtb {
    width: 140px!important;
    font-size: 87.5% !important;
    font-style: italic;
    height: 20px !important;
    line-height: 16px !important;
    float: left !important;
    padding: 4px !important;
 
}
#quickSearchBox{ width:200px!important; visibility:hidden!important;} 
 
 
#quickSearchForm{ background:#000000!important; width:120px!important;}
}

h4 {
    font-size: 130%;
    color: #b43801 !important;
    font-weight: bold;
}

h1, h2, h3, h4, dt, dd {
    margin: 10px 0;
    font-family: 'quattrocento', arial!important;
    font-weight: normal;
    line-height: 20px;
    color: inherit;
    text-rendering: optimizelegibility;
}

@media (max-width: 768px) {
.container, .container2 {
    padding: 0 20px !important;
}

#RightPane, #dnn_LeftPane, #FullPane {
    padding: 10px 8px 10px 8px !important;
}
}

/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; }

/* Mobile */
@media only screen and (max-width: 1168px) {
	
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
	
}