@charset "utf-8";
/* CSS Document */
@media screen and (max-width : 760px){
#wrapper{
	width:100%;
}
	/*Make dropdown links appear inline*/
	
#sidebar {
    position: fixed;
    width:100%;
    height: auto;
    top: 0;
    left: 0;		
	float:left;
	background:white;
	z-index:1000;
}

#sidebar .logoImageDesk{
	display:none;	
}

#rightSideArea {
	/*position: relative;*/
    position: absolute;
    width:100%;
    height: auto;
    top: -120px;
    left: 0	
	width: 100%;
	height:auto;
	float:left;
	margin:200px 0 0 0;
	/*background-image:*/
}
#content {
	width: 100%;
	height: auto;
	float:left;
	padding: 0 2% 0 2%;
}
#footer .footerLeft{
	width:90%;	
}
#footer .footerRight {
	display:none;	
}
#navBar {
	width: 100%;
}
#navBar	ul {
		position: static;
		display: none;
		margin-left:20px;
		
	}
	/*Create vertical spacing*/
#navBar	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
#navBar	ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
#navBar	.show-menu {
		display:block;
		height:30px;
		cursor:pointer;
}
.diagramBox img{
	padding-top: 50%;
	width:100%;
}
.buttonSpacer {
	margin-left:0;
}
.left60 {
	width:94%;
	height:auto;
}
.left60 img{
	width:90%;	
	margin-left:auto;
	margin-right:auto;
}
.right40 {
	position:relative;
	width:94%;
	height:auto;
	float:left;
}
	.secBox {
		width: 300px;
		height: 200px;
		margin: 20px 0 10px 15px;
		float: left;	
}
@media screen and (max-width : 450px){	
.diagramBox img{
	padding-top: 75%;
}
.diagramBox50{
	width:80%;
	margin-top:10px;
}
.secBox {
	width:90%;
	height: auto;
	margin: 10px auto 15px auto ;
}
.secBox .secTop{
	width:100%;
	height: auto;
}

	
}