/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

	/* pagewrap */
#mainContentLanding{
width: 244px;
height: 355px;
float: left;
margin: -52% 0% 0% 56%;
border-radius:5PX;
-moz-border-radius:5PX;
-webkit-border-radius:5PX;
z-index:1;
background:url(../IMAGES/signin.png) no-repeat;
opacity:0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
aside#side_right{
	margin-top:20px;
	width:80%;
}
aside#side_left{
	width:85%;

}
.chosen_style #file{
	font-size:80%;
	text-decoration:underline;
}
}
/*Responsive Styles*/
@media screen and (max-width : 760px){
	/*Make dropdown links appear inline*/
	nav ul {
		position: static;
		display: none;
		padding-left:0px;
		width:100%;
	}
	nav ul li a {
		padding: 8px 0px 8px 0px;
		text-align:left;
	}
		
	nav ul ul {
	width:100%;


}
	nav ul ul ul {
	width:100%;

}
	nav ul ul li a{
	text-align:center;
}
nav ul ul li a {
			padding-left:0px;
			padding-right:0px;
		}	
nav ul ul li a:hover {
				padding-left:0px;
				padding-right:0px;

			}
		nav ul ul ul li a {
			padding-left:0px;
			padding-right:0px;
		}	
	nav ul ul ul li a:hover {
				padding-left:0px;
				padding-right:0px;

			}
	nav ul li ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	nav ul li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	nav ul li, li a {
		width: 100%;
		
	}

	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
	.content {
	overflow-x:scroll;
}
}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
#mainContentLanding{
width: 244px;
height: 355px;
float: left;
margin: -65% 0 0 52%;
border-radius:5PX;
-moz-border-radius:5PX;
-webkit-border-radius:5PX;
z-index:1;
background:url(../IMAGES/signin.png) no-repeat;
opacity:0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
figure .header_text{
	padding: 48px 10px 0px 0px;
	vertical-align:baseline;
	font-size:80%;

}
#grid_table{
	width:100%;
	font-size:60%;	
}

.chosen_style #file{
	font-size:75%;
}



}
/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {
figure img{
	position:inherit;
}


.container{
	height:auto;
	
}
#mainContentLanding{
width: 244px;
height: 355px;
float: left;
background-color:#4c8dbf;
border-radius:5PX;
-moz-border-radius:5PX;
-webkit-border-radius:5PX;
z-index:1;
background:url(../IMAGES/signin.png) no-repeat;
opacity:1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter:alpha(opacity=100); /* For IE8 and earlier */
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
background-color:#4b8cbe;
margin: -66% 0% 0% 0%;
}
#section_bg{
	background-image:none;
}

figure .header_text{
	padding: 0px 5px 0px 0px;
	vertical-align:top;
	font-size:60%;
}
.content {
	overflow-x:scroll;
}
.chosen_style #file{
	font-size:70%;

}
.show-menu {
	font-size: 92%;
	}

}

/************************************************************************************
smaller than 320px
*************************************************************************************/
@media screen and (max-width: 320px) {
figure img{
	position:inherit;
}
.chosen_style #file{
	font-size:58%;
	/*position:inherit;*/
}
figure .header_text{
	padding: 5px 5px 0px 0px;
	vertical-align:top;
	font-size:55%;
}
.show-menu {
	font-size: 72%;
	}
.header_bg{
	height:auto;
	}
}