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



.item_container {margin: 0 40px;}

.c9 {width: 24%;} /*sidebar*/
.callout {margin: 20px 0 0;}

@media (max-width: 710px) {.logo {width:90%;}}

.c9 {width: 100%;} /*sidebar*/

  #sidebar {text-align:center; margin:20px 0;}
  #sidebar img {width:auto; height:auto;}

@media (max-width: 600px) {
	.logo {margin:10px 10px 0;}
	nav {margin:10px 0 0 0;}	
	
	#content {margin: 25px 0 0;}
	.item_container {margin: 0 30px;}
}

@media (max-width: 500px) {

  nav {padding: 0;}
	
  nav ul {vertical-align: top;}
  nav:hover ul {margin-top:0;}
  nav ul li {display:none; margin: 0;}  
  nav:hover li {display:block; list-style: outside none none;}
  nav ul ul {margin-left:150px;}
	  
  nav ul ul li {
	float:none;
	display:list-item;
	position: relative;
	margin-left:0;}
	
  nav a, nav a:link, nav a:visited {padding:11px 15px; margin:0 auto 0 0;} 

  .menu {display:inline-block;}	
}

@media (max-width: 400px) {
		.item_container {margin: 0 20px;}
    #sidebar img {width:100%; height:auto;}
}