@media screen and (min-width: 801px) {
	.menu-toggle { display: none; }
	.main-navigation ul { display: block;	}
}

@media only screen and (max-width: 980px) {
	#content-wrapper { width:100%; margin-top:0; }
	
	#site-navigation { width:75%; }
	.search-form { width:25%;}
	
	.site-info { width:100%; }
	#logosPAD { width:100%; }
	#logosPAD .padWrap { width:100%; }
	#logosPAD ul {width:45%;}	
	#logosPAD .padWrap p { width:50%;}
}

@media only screen and (max-width: 800px) {

	#site-navigation { width:65%; }
	.search-form { width:35%;}

	#slider img { height:auto;}	
	
	#crumbpath { padding-left:20px;}	
	
	#sidebar .widget_rss ul { margin:5%; }	
	
	.main-navigation ul { margin: 0 0 0 5px; width:153%; background:#2a282a;}
	
	.main-navigation ul li:last-child:hover ul li:hover > ul,
	.main-navigation ul li:last-child:hover ul li.focus > ul,
	.main-navigation ul li:last-child:hover ul li.hover > ul,
	.main-navigation ul li.hover:last-child ul li:hover > ul,
	.main-navigation ul li.hover:last-child ul li.focus > ul,
	.main-navigation ul li.hover:last-child ul li.hover > ul { left: auto; right:100%;}	
	
	.widget { width: 30%; margin:0 5% 5% 0;}	
	.widget:nth-child(4n) { margin-right: 5% !important; }	
	.widget:nth-child(3n) { margin-right: 0 !important; }
	
	.index-article { width:100%; margin:0 0 5% 0 !important; float:none; min-height:auto; }
	.index-article .entry-thumbnail { margin:0 20px 0 0; float:left;  }
	.index-article h3.entry-title { text-align:left; background-position:210px bottom}	
	a.more-link { float:right; }
	
}

@media only screen and (max-width: 640px) {
	#skip-links { position:fixed; z-index:1000; width:95%; height:50px; margin:0; text-align:center; background:#000;}
	#skip-links li { display: inline-block; float:left; border-right:1px solid #444;}
	#skip-links a { display: inline-block; height:50px; padding: 12px 15px 6px; position: static; width: auto; color:#e6e6e6;}	
	#skip-links a:hover, 
	#skip-links a:focus, 
	#skip-links a:active {background:#444; color:#fff; border:none; position:static; }
	
	.goto-top { display:block; margin:0; }
	.goto-top a { display:inline-block; position:fixed; top:0; right:0; background:url('../images/btnGotoTop.png') no-repeat center center #000; text-indent:-10000px; width:50px; height:50px; z-index:10000;}
	
	.menu-toggle {  background:url('../images/btnToggle.png') no-repeat center center #000; text-indent:-10000px; width:50px; height:50px; z-index:10000;}
	
	.search-form label  { width:70%;}
	.search-form input[type="search"] { width:90%; font-size: 0.929em;}
	
	#font-wrapper { width:auto; right:15px; top:15px; }	
	#font-wrapper p span { display:none; }
	.font-list { display:none;}	
	
	#logo { margin:0 10px; }
	.widget_search .search-form label { width: 65%;}		
	#content-wrapper { margin-top:50px; }	

	h2.entry-title, h2.page-title { padding-top:20px; }	
	
	.widget_search .search-form { width:100%; }
	.widget_search .search-form label { width: 70%;}
	.widget_search .search-form input[type="search"] { width: 95%;}	
	.page-content .search-form label { width:80%; }	
	
	#page { padding:0;}
	
	.main-navigation.toggled ul { text-align:left; width:152.5%;}	
	.main-navigation li { display:block;}	
	.main-navigation a { margin:0; border-bottom:1px solid #f1f1f1; padding:10px 20px; } 
	.main-navigation ul ul { float:none; position:static; display:none !important; width:100% !important; padding-bottom:0;}	
	.main-navigation ul ul li { width:100%;	margin:0;}	
	.main-navigation ul ul a { border-bottom:1px solid #fff !important; padding:10px 20px !important;}
	.main-navigation ul ul a:focus,
	.main-navigation ul ul a:hover { background-position:95% 16px; }	
	.main-navigation ul ul ul a { padding-left:50px !important; }
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul,
	.main-navigation ul li.hover > ul { display:block !important;}

	#sidebar ul ul { position:static; display:none;  width:100%; }
	#sidebar .widget ul ul ul a	{ padding-left:50px; }
	#sidebar ul li:hover > ul,
	#sidebar ul li.hover > ul { display:block;}
	#sidebar ul ul li:hover > ul,
	#sidebar ul ul li.hover > ul { display:block; }

	#crumbpath { display:none; }
	
	.nav-links li { padding:0 0 5px 0; }
	
	#logosPAD { min-height:160px;}
	#logosPAD ul { width:30%;}		
	#logosPAD .padWrap p { width:65%;}	
}

@media only screen and (max-width: 480px) {
	
	#slider h2 { font-size: 1.5em; margin:0;}	
	#slider p { margin: 10px 0 0 0;}
	#slider a.more-link, #slider a.more-link:visited { position: static;}
	
	h1 { font-size: 1.5em;}
	
	h2.index-news { padding-top:0;}	
	.index-article h3.entry-title { font-size:1.5em; }
	
	.search-form label  { width:65%;}
	.search-form input[type="search"] {margin-left:0; margin-right:0;}
		
	.entry-thumbnail { height: 100px; width: 150px; }	
	.entry-thumbnail a span { width:100%; height:100%;}	
	
	.page-content .search-form label { width: 80%; }		

	.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: none; width: 100%; margin:0 0 10px 0; }	
	.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {float: none; width: 100%; text-align:left; }
	.nav-previous a { display:block; }
	.nav-next a { display:block; }

	.widget { width: 45%; margin:0 4% 5% 2%;}	
	.widget:nth-child(4n) { margin-right: 5% !important; }	
	.widget:nth-child(3n) { margin-right: 5% !important; }
	.widget:nth-child(2n) { margin-right: 0 !important; }	
}

@media only screen and (max-width: 420px) {
	#skip-links { width:90%; }
	#skip-links li { width:31%; text align:center; font-size:0.85em; }
	#skip-links a { padding: 6px 12px; }	
	
	#site-navigation { width:45%; }
	.search-form { width:55%;}	
	.search-form label  { width:70%;}	
	
	.main-navigation.toggled ul { text-align:left; width:218.5%;}	
	
	.entry-thumbnail { height:auto; width:100%; float:none; margin: 10px auto;}
	.entry-thumbnail a span img { display:none; }
	
	.index-article .entry-thumbnail {  }
	.index-article p { margin:15px;} 
	.index-article h3.entry-title { }
	
	.entry-meta { margin: 20px 20px 20px 0; }
		
	.widget { width: 100%; margin:0 0 5% 0; }	
	.widget:nth-child(4n) { margin:0 0 5% 0 !important; }	
	.widget:nth-child(3n) { margin:0 0 5% 0 !important; }	
	.widget:nth-child(2n) { margin:0 0 5% 0 !important; }	
	
	#logosPAD ul { width:40%;}		
	#logosPAD .padWrap p { width:50%;}				
}

@media only screen and (max-width: 320px) {
	ul, ol { margin: 1em 0;}
	

}