@media screen and (max-width: 480px)
{
	body { -webkit-text-size-adjust: none; }
	.container{padding:5px; width:310px; margin:0 auto; }
	.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 { float:none;margin-right:0; width:320px; }
	#header .span-7{ text-align:center; }
	#header .secondarynav, #header .searchbox{ text-align:center; }
	div#navbar{ margin-bottom:6px; background:#18b15a; }
	div#navbar ul, div#navbar ul li{ list-style:none; list-style-type:none; padding-left:0; }
	div#navbar ul{ margin: 0 auto; }
	div#navbar ul li{ font-size:1px; line-height:normal; display:block; }
	div#navbar ul li:nth-child(even) {float:right}
	div#navbar ul li:nth-child(odd) {float:left; margin-right:23px;}
	.module{ float:none; }
	.span-11, #header .clear, #hp_3rdColumn, #mainColumn div, #secondaryColumn, #usermenu, #channel, #interior, #footer .span-16{ display:none;}
	#mainColumn .visible, #mainColumn .visible #accordion, #mainColumn .visible #accordion .module{ display:block; }
	div.visible .module{ border:none !important; background:none !important; }
	.clearfix:after, #navbar:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
	.clearfix, #navbar {display:block;}
	.left { float: left; }
	.right { float: right; }
	img.left { margin: 0 15px 15px 0; }
	img.right { margin: 0 0 15px 15px; }
	
	.module, .span-18 .span-6{ margin-bottom: 30px; }
	.span-18 .span-6{ text-align:center; }
	.module h3{font-size: 15px;}
	.module ul{padding-left:1.1em;}
	.module .scrollable, .module.scrollable{}
	.module a.bookmark_button{width:20px; height:20px; display:block; float:left; background:url(/images/www/nav/ana-web-icons-sprite.png) no-repeat;}
	.module a.delete{background-position:0 0;}
	.module a.move{background-position:-100px 0;}
	.module a.unshare{background-position:-75px 0;}
	.module a.share{background-position:-50px 0;}
	.module a.clone{background-position:-25px 0;}
	.module span.sep{display:block; width:20px; float:left; text-align:center;}
	.span-5 .module a.bookmark_button, .span-6 .module a.bookmark_button{width:18px; height:16px; display:block; float:left; background:url(/images/www/nav/ana-sweb-icons-sprite.png) no-repeat;}
	.span-5 .module a.delete, .span-6 .module a.delete{background-position:0 0;}
	.span-5 .module a.move, .span-6 .module a.move{background-position:-75px 0;}
	.span-5 .module a.unshare, .span-6 .module a.unshare{background-position:-54px 0;}
	.span-5 .module a.share, .span-6 .module a.share{background-position:-36px 0;}
	.span-5 .module a.clone, .span-6 .module a.clone{background-position:-18px 0;}
	.span-5 .module span.sep, .span-6 .module span.sep{display:block; width:18px; float:left; text-align:center;}
	.span-6 .module h1, .span-5 .module h1, .span-8 .module h1, .span-10 .module h1 {
		font-size: 17px;
		font-weight: bold;
		text-align: center;
		color: #9E8255;
		border-bottom: 2px solid #9D9FA2; /* #128c44;*/
		padding-bottom:3px;
		margin-bottom:10px;	
	}
	.span-6 .module h1 a:link, .span-5 .module h1 a:link, .span-8 .module h1 a:link, .span-10 .module h1 a:link{
		color:#9E8255;
		text-decoration:none;
	}
	.span-6 .module h1 a:visited, .span-5 .module h1 a:visited, .span-8 .module h1 a:visited, .span-10 .module h1 a:visited{
		color:#8e7854;
		text-decoration:none;
	}
	.span-6 .module, .span-5 .module, .span-9 .module, .moduleLogin, .moduleForm{
		background: url("/images/www/nav/gradient.jpg") repeat-x scroll 0 0 transparent;
		padding: 5px;
		border: 1px solid #ccc;
	}
	.span-7 .module {
		border: 1px solid #030; 
		margin:0; 
		padding: 10px; 
		background: url('/images/www/nav/green_gradient.jpg') repeat-x scroll 0 0 transparent;
	}
	
	.span-7 .module h1 {
		color:#9E8255;
		font-size:22px;
		font-weight:bold;
		margin:0 0 10px;
		padding:0 0 3px;
		text-align:center;
	}
	.span-9 .module h1 {
		font-size: 17px;
		font-weight: bold;
		text-align: center;
		color: #9E8255;
		border-bottom: 2px solid #9D9FA2; /* #128c44;*/
		padding-bottom:3px;
		margin-bottom:10px;
	}
	.span-9 .module h1 a:link, .span-9 .module h1 a:visited{color: #9E8255;}
	.span-14 .module h1 {
		border: 1px solid #DEC295;
		color: #222;
		font-size: 17px;
		font-weight: bold;
		padding: 2px 10px;
		margin-bottom:20px;
		display:block;
		line-height: auto;
		text-align:center;
		border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
		background: url("/images/www/nav/brown_gradient.jpg"); /* for non-css3 browsers */
		/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, left bottom, from(#f1ddba), to(#fff));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(top, #f1ddba, #fff);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType='0', StartColorStr='#f1ddba', EndColorStr='#ffffff');
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f1ddba, endColorstr=#ffffff)";
	}
	.span-14 .module h1 a:link, .span-14 .module h1 a:visited{
		color:#222;
		text-decoration:none;
	}
	.span-14 .module h3 {
		font-size: 15px;
		font-weight: normal;
		margin-bottom:10px;
	}
	.span-14 .module table { 
		width:100%;
		border-collapse: collapse;
	}
	
	.span-14 .module th {
		background: url("/images/www/nav/green_gradient.jpg") repeat-x scroll 0 0 transparent;
		border:1px solid #cfeecf;
		border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
		background: #CFEECF; /* for non-css3 browsers */
		/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, left bottom, from(#cfeecf), to(#fff));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(top, #cfeecf, #fff);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cfeecf, endColorstr=#ffffff);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cfeecf, endColorstr=#ffffff)";
	}
	.span-24 .module {
		line-height: 1.3;
		margin-bottom:20px;
	}
	
	.span-24 .module h1 {
		font-size: 20px;
		font-weight: bold;
		color: #128c44;
		padding:3px;
		margin-bottom:10px;
	}
	
	.span-24 .module h3 {
		font-size: 15px;
		font-weight: normal;
		margin-bottom:10px;
	}
	.span-24 .module img {width:300px; }
	.breakingnews {
		padding: .8em;
		margin-bottom: 1em;
		border: 2px solid yellow;
		background: yellow;
		color: #333;
		border-color: #333;
	}
	#channel h1 {
		font-size: 30px; /*24px;*/
		color: #9E8255;
		margin-bottom: 0;
	}
	
	#content h1 {
		font-size: 24px;
		color: #9E8255;
		border-bottom: 2px solid #9D9FA2;
	}
	
	#content h2 {
		font-size: 18px;
		color: #666;
		margin-bottom: 10px;
	}
	#accordion h2 {
		background: #dddddd url( '/images/www/nav/plus.gif' ) 282px 10px no-repeat;
		color: #707070;
		margin: 3px -5px 0;
		padding: 5px 5px;
		font-size: 15px;
		font-weight: bold;
		cursor: pointer;
		text-align: center;
	}
	
	/* currently active header */
	#accordion h2.current {
		cursor: default;
		font-size: 17px;
		font-weight: bold;
		margin: 0;
		margin-top: 8px;
		margin-bottom: 8px;
		/*5px 15px;*/
		border: none;
		border-bottom: 2px solid #9D9FA2;
		background: none;
		color: #9E8255;
	}
	#content h3 {
		font-size: 16px;
		color: #666;
	}
	
	#content h5 {
		font-size: 16px;
		font-weight: bold;
		color: #128c44;
		margin-bottom: 10px;
		border-bottom: 1px solid #128c44;
	}
	
	#content td {
		vertical-align: top;
	}
	
	#usermenu .module{
		background:none;
		border:none;
		margin-bottom:0;
	}
	#usermenu .module .addthis_toolbox{ float:right; }
	#usermenu .save, #usermenu .email{
		padding:0 2px;
		float:left;
	}
	.sidebarimage img {
		width: 190px;
	}
	
	#blocklogin {
		border: 3px solid red;
		padding: 10px;
	}
	.indexpage p {
		margin-bottom:5px;
	}
	
	.indexpage p.linesep {
		clear: both;
		border-bottom: 1px solid #ccc;
		margin: 10px 0;
	}
	
	.indexpage p.breadcrumb {
		line-height: auto;
		font-size: 11px;
		margin-bottom: 0;
	}
	
	.pagination, .indexpage .pagination {
		font: 12px Arial, Helvetica, sans-serif;
		text-align: center;
		padding: 15px 0
	}
	
	.pagination strong {
		color: #fff;
		background-color: #7a7e1d;
		border: 1px solid #7a7e1d;
		padding: 3px;
	}
	
	.pagination a:link, .pagination a:active, .pagination a:visited {
		border: 1px solid #999 !important;
		padding: 3px !important;
		margin: auto 1px !important;
		text-decoration: none;
	}
	
	.pagination a:visited {
		color: #7a7e1d !important;
	}
	
	.pagination a:hover {
		border: 1px solid #7a7e1d !important;
		padding: 3px !important;
		margin: auto 1px !important;
		color: #7a7e1d !important;
		background-color: #fcfadf;
	}
	
	#Table_SP table, #Table_SP tbody, #Table_SP tr, #Table_SP td {
		margin: 0;
		padding: 0;
		font-size: 3px;
		line-height: 0;
		border-spacing: 0px;
		border-collapse: collapse;
		border: none;
		text-align: center;
	}
	/* when container is hovered we alter the border color */
	a.myPlayer:hover {
		/*    border:1px solid #000; */
	}
	
	.searchbox form {
		text-align: left; border:1px solid #565;
	}
	.searchbox form input[type=text]{width:150px;}
	.searchbox form input[type=password], .searchbox form select{
		 display:none;
	}
	.searchbox form input[type=submit]{ background:none; border:none; color:#009; display:inline; cursor:pointer; text-decoration:underline; }
	.searchresults h3 {
		padding: 5px 3px;
		color: #556655 !important;
		border:1px solid #cfeecf;
		border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
		background: #CFEECF; /* for non-css3 browsers */
		/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, left bottom, from(#cfeecf), to(#fff));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(top, #cfeecf, #fff);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType='0', startColorstr=#CFEECF, endColorstr=#ffffff);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CFEECF, endColorstr=#ffffff)";
	}
	
	.searchresults .seemore {
		float:right;
		display:inline;
		margin:0;
		padding:0;
		font-size: 11px;
	}
	.searchresults .indexentry {
		margin: 0 0 30px 0;
	}
	div.calendar table {
		font-size: 11px;
		border:0;
		border-collapse:collapse;
	}
	
	div.calendar th {
		text-align:center;
		background-color:#CFEECF;
		border:1px solid #CFEECF;
		border-bottom-color:#999;
	}
	div.calendar td{
		border:1px solid #999;
	}
	div.calendar .monthline {
		background:url("/images/www/nav/brown_gradient.jpg") repeat-x scroll 0 0 transparent;
		border:1px solid #DEC295;
		text-align: center;
		font-size: 16px;
		font-weight:bold;
	}
	
	div.calendar .webinar {
		background-color: #ffbbbb;
		border-left:1px solid #999;
	}
	div.calendar .committee {
		background-color: #bbffbb;
		border-left:1px solid #999;
	}
	div.calendar .memonly{
		background-color: #bbbbff;
		border-left:1px solid #999;
	}
	div.calendar .conference {
		background-color: #ffffbb;
		border-left:1px solid #999;
	}
	div.calendar .training{
		background-color: #bbffff;
		border-left:1px solid #999;
	}
	.bordertable{ border-collapse:collapse;}
	.bordertable th{border-bottom	:1px solid #ccc;}
	.bordertable td[colspan="3"]{ border-bottom:1px solid #ccc;}
	
	.tar, .textAlignRight {
		text-align: right;
	}
	
	.featuredvideo{ width:640px;height:480px;margin:0;padding:0;background: url('/images/www/nav/one_moment.jpg'); border:30px solid #10823E; }
	.tal, .textAlignLeft {
		text-align: left;
	}
	.tac, .textAlignCenter{
		text-align:center;
	}
	.vat{
		vertical-align:top;
	}
	.vab{
		vertical-align:bottom;
	}
	.vam{
		vertical-align:middle;
	}
	.m0, .no-margin{
		margin:0 !important;
	}
	.mt0{
		margin-top:0 !important;
	}
	.mb0{
		margin-bottom:0 !important;
	}
	.b{
		font-weight:bold;
	}
	.ub{
		font-weight:normal;
	}
	input[type=text], select{ width:150px; }
}
