@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}
/* iPad [portrait + landscape] */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	img { max-width: 100%; }
}
/* iPhone [portrait + landscape] */
@media screen and (max-width: 320px) {
	img 				{max-width: 100%; }
	.video 				{position: relative;	padding-bottom: 56.25%;	height: 0;	overflow: hidden;}
	.video iframe, .video object,  .video embed {position: absolute; top: 0;	left: 0;	width: 100%;	height: 100%;}
	#FS					{width:0; height:0; margin:0; display:hidden; visibility:hidden;}
	#mainholder, #wrapper, #masthead, #footer, #footerholder, 
	.footerholder, .footer, .footer_credit	{width:95%;}
	#logobar								{left:0; display:block;}
	.ColumnLeft, .ColumnRight, .Content1Column, .Content2Column, .Content3Column	{margin:20px 0; width:100%; padding:0; display:block; float:none; min-height:0;}
	.footer_credit							{margin-bottom:20px;}
	.theme-greenschools						{width:100%; overflow:hidden;}
	.theme-greenschools img, .nivoSlider img {height:290px; width:480px !important; overflow:hidden;  }
	ul.SideList, .SideList li, .SideList li a	{width:auto;}
	/*ul.SideList	li a, ul.SideList, ul.SideList li a.SideList_child, ul.SideList li a span			{width:auto;}*/
	
	
    .active, .nav, .nav li 	{display: block;}
	.nav					{width:100%}
    .nav > li 				{float: none;}
    .nav > li > .parent 	{background-position: 95% 50%;}
    .nav li li .parent 		{background-image: url("http://gad.org.uk/i/design/downArrow.png");        background-repeat: no-repeat;        background-position: 95% 50%;}
    .nav ul 				{display: block;        width: 100%;}
	.nav > li.hover > ul , .nav li li.hover ul {position: static;}
	.nav li li a {width:auto;}


}