@charset "utf-8";
/* CSS Document */

.mobiletopubm{display:none;}
.mobiletopadvert{display:block;}
.websitetopubm{display:block;}



/* 240px */
@media screen 
and (min-width : 240px) 
and (max-width : 320px) {	
.middle{margin:0px auto 0;}	
.logonav{width:100%; padding:0px;}
.box{width:100%; float:left;}
.row-fluid [class*="span"]:first-child{margin-left:10px;}
.row-fluid .span3{width:86%; margin-bottom:10px; margin-left:10px;}
.date, .eventdes, .image_grid{width:100%;}
/*.date br{display:none; float:left;}*/
.image_grid li{width:221px !important;}
.tweetfeed{margin:0px; width:100%;}
.loginbtn {float:right; position:relative;}

.carousel-caption{padding-top:0px; font-size:28px; display:none; visibility:hidden;}
.searchbox{margin-bottom:10px; display:inline-block;}
.searchbox input{width:80%;}
.topright{width:100%;}
.topright ul li{padding:0 0px;}
.social-link li{margin-left:5px !important}
.social-link ul li a{font-size:0px!important;}
.topright ul li a{font-size:11px;}
.donatenow {padding: 5px 3px!important;}

.ftlogo{margin-top:15px;}
.eventdes{margin:0px;}
.txtform{min-width:initial}
.bgStafftypelist{width:100%; min-height:170px;}
.bottombg{height:auto; padding-bottom:10px;}

.insidebanner{height:350px;}

.calendar h1{font-size:20px !important;}

.insideheading{font-size:25px;}
.innleft, .innright{width:100%;}

.microouterthik{width:95%!important; height:95%!important; margin-left: -48%!important;  margin-top: -38%!important;}
.microthik{width:100%!important; height:95%!important;}
.topheader, .logomain{position:relative; top:0px;}

}



/* 320px */

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

.middle{margin:0px auto 0;}	
.logonav{width:100%; padding:0px;}
.box{width:100%; float:left;}
.row-fluid .span3{width:45%; margin-bottom:10px;}
.date, .eventdes, .image_grid{width:100%;}
/*.date br{display:none; float:left;}*/
.image_grid li{width:221px !important;}
.tweetfeed{margin:0px; width:100%;}

.carousel-caption{padding-top:0px; font-size:28px; display:none; visibility:hidden;}
.searchbox{margin-bottom:10px; display:inline-block;}
.searchbox input{width:80%;}
.topright{width:100%;}
.topright ul li{padding: 0 2px;}
.topright ul li a{font-size:11px;}
.donatenow {padding: 6px 3px!important;}
.ftlogo{margin-top:15px;}
.eventdes{margin:0px;}
.txtform{min-width:initial}
.bgStafftypelist{width:100%; min-height:170px;}
.bottombg{height:auto; padding-bottom:10px;}
.innleft, .innright{width:100%;}

.microouterthik{width:95%!important; height:95%!important; margin-left: -48%!important;  margin-top: -60%!important;}
.microthik{width:100%!important; height:95%!important;}
.topheader, .logomain{position:relative; top:0px;}

.social-link li{margin-left:5px!important;}
.social-link li a{font-size:0px!important; width:20px;}




}

/* 480px */
@media screen and (min-width : 480px) and (max-width : 767px) {

.logonav{width:100%; padding:0px;}
.box{width:45%; float:left;}
.row-fluid .span3{width:46%; margin-bottom:10px;}
.date, .eventdes, .image_grid{width:100%;}
/*.date br{display:none; float:left;}*/
.image_grid li{width:221px !important;}
.tweetfeed{margin:0px;}

.carousel-caption{padding-top:0px; font-size:28px; display:none; visibility:hidden;}
.searchbox{margin-bottom:10px; display:inline-block;}
.topright{width:95%;}
.ftlogo{margin-top:15px;}
.eventdes{margin:0px;}

.bgStafftypelist{width:100%; min-height:170px;}
.bottombg{height:auto; padding-bottom:10px;}

.innleft, .innright{width:100%;}

.microouterthik{width:95%!important; height:95%!important; margin-left: -48%!important;  margin-top: -38%!important;}
.microthik{width:100%!important; height:95%!important;}
.topheader, .logomain{position:relative; top:0px;}


@media screen and (min-width : 480px) and (max-width : 670px) {
.middle{margin:-1px auto 0;}
}


}

/* 768px */
@media screen and (min-width : 768px) and (max-width : 991px) {

.logonav{width:100%; padding-bottom:10px;}
.box{width:92%;}
.row-fluid .span3{width:23%;}
.date, .eventdes, .image_grid{width:100%;}
.image_grid li{width:221px !important;}
.tweetfeed{margin:0px; width:445px;}

.carousel-caption{padding-top:0px; font-size:28px;}
.searchbox{margin-bottom:10px;}
.topright{width:63%;}


.bgStafftypelist{width:100%; min-height:130px;}
.txtform{min-width:190px;}

.microouterthik{width:95%!important; height:95%!important; margin-left: -48%!important;  margin-top: -31%!important;}
.microthik{width:100%!important; height:95%!important;}
.topheader, .logomain{position:relative; top:0px;}

}

/* 1024px */
@media screen and (min-width : 992px) and (max-width : 1199px) {
.logonav{width:100%; padding-bottom:10px;}
.nav > li > a{padding:0 7px 80px;}
.searchbox input{width:323px;}
.row-fluid .span3{width:23%;}
.tweetfeed{margin:0px; width:420px; height:170px;}
.newsbox{font-size:12px;}
.newsbox h1{font-size:19px !important; padding:7px 0 !important;}
.carousel-caption{padding-top:0px; font-size:30px;}
.topright{width:48%;}

.microouterthik{width:95%!important; height:95%!important; margin-left: -48%!important;  margin-top: -38%!important;}
.microthik{width:100%!important; height:95%!important;}
.image_grid li{    width: 180px; min-height: 200px;}

.topheader, .logomain{position:relative; top:0px;}


}

@media screen and ( max-height: 700px ) and (min-width : 1024px){
   .microouterthik{width:95%!important; height:95%!important; margin-left: -48%!important;  margin-top: -22%!important;}
   .microthik{width:100%!important; height:95%!important;}
}




@media (max-width: @screen-xs) {
    body{font-size: 90%;}
}

@media (max-width: @screen-sm) {
    body{font-size: 100%;}
}



img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	border:0px!important;
}
.ie6 img {
    width:100%;
}