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

@media only screen 
and (max-width : 960px)
{
	#bannerRow.homeBanner #bannerPetition {height:283px; width:300px; margin:-141px 0 0 -350px;}
		#bannerRow.homeBanner #bannerPetition .top img {height:52px;}
		#bannerRow.homeBanner #bannerPetition .mid h2 { display:none;}
}

@media only screen 
and (max-width : 768px)
{
	#logoRow {padding-bottom:10px;}
	#logo.home { width:150px; height:96px; top:-60px; margin:0px 0 0 -75px; }
	#logo.default {width: 150px; height: 96px; top:5px; margin:0  0 0 -75px; position:absolute;}
	
	.logoNavSlide {display:none;}
	
	.checkBox h2 {max-width:none;}
	
	body {padding:0;}
	#topRow {position:relative;}
	#logoRow.subPage {position:relative; top: 0; margin:0 0 0 0;}
	#bannerRow.subPage {margin-top:0px;}
}

@media only screen 
and (max-width : 720px)
{
	#nav {width:100%; margin:0 0 15px 0; text-align:center;}
		#nav li {float:none; display:inline-block; margin:0 5.5%;}
			#nav li a { padding:5px; display:inline-block;}
	#socnet { width:100%; text-align:center;}
		#socnet li {margin:0px ; float:none; display:inline-block;}
		#socnet li.fbCount {margin:0 85px 0 0;}
		#socnet li.twtCount {margin:0 0 0 85px;}
			#socnet li.fbCount i {margin:0 6px 0 0;}
			#socnet li.twtCount i {float:right; margin:0 0 0 6px;}
			#socnet li.twtCount .count {float:right;}
	
	#bannerRow.homeBanner {display:none;}
	#pageTitleInner { font-size:60px; line-height:62px;}
	
	
		#logo.home { width: 150px !important;height: 96px; top: -75px !important ;margin: 0 0 0 -75px !important;position: absolute !important;}
		#logo.default {top:45px;}
		
	#solNavRow .navItem {width:21%; padding:5% 2%; float:left;}
	
	.fieldBox { float:left; width:100%}
	.checkBox { float:left; width:100%}
	
	.tabBtn {position: relative !important;width: 100% !important;top:0 !important;}
		

	
}

@media only screen 
and (max-width : 680px)
{
	#logoNavItem {max-width:40%; margin:0 0 0 0; }
	#logoNavItem h1 {font-size:30px; line-height:30px;}
	
	.newsNavItem { width:100%; margin:5px 0 20px 0;}
	
	
	
	
}

@media only screen 
and (max-width : 480px)
{
	
	
	#logoNavItem {max-width:40%; margin:10px 0 0 0; }
	#logoNavItem h1 {font-size:24px; line-height:24px;}
	
	
}

@media only screen and (max-width:350px) {
	#nav {margin:0 0 25px 0;}
	#nav li {margin:0 2%;}
	#socnet li.fbCount {margin:0; float:left}
	#socnet li.twtCount {margin:0; float:right;}
	
}