html, body {
	font: 12px/15px sans-serif;
	background: #fff;
	padding: 3px;
	color: #000;
	margin: 0;
}


* {
	float: none;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}
	
	
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
	}
	
#content img { 
	max-width: 250px;
	}
	
a:link, a:visited {
	text-decoration: underline;
	color: #0000CC;
	}
a:hover, a:active {
	text-decoration: underline;
	color: #660066;
	}

	
	
div#nav-access {
	background: #e7e7e7;
	width: 100%;
	height: 22px;
	display: block;
}
div#nav-access ul.skip-links span {
	display:none;
}

div#nav-access ul.skip-links {
	background: #f00;
}

div#nav-access ul.skip-links li {
	float: left;
	background: #f00;
	padding: 3px;
	
}



#menu,#menu li{
  float:none!important;
  clear:both!important;
  margin:0 0 20px 0!important;
  display:block;
  padding:0;
  text-align:left!important;
  width:90%;
}
#menu{
  border:1px solid #ccc;
  padding:5px;
  -webkit-border-radius:5px;
	margin-top: 5px;
}
#menu li{
  margin:0!important;
}
#menu li a{
  display:block;
}



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

	
	html {
	-webkit-text-size-adjust: none;
	}
	
	* {
		width: auto;
	}
	
	div{
  clear:both!important;
  display:block!important;
  width:100%!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
}

	
	div#logo{
		zoom: 60%;
	}
	div#logo a span {
		display: none;
	}
	
	
	
}