@media (min-width: 320px) and (max-width: 599px) {

	#altlogin {
		font-size: 16px;
		background-color: #000;
		width: 300px;
		margin: 0 auto;
		height: auto;
		padding: 14px 10px 20px 10px;
		margin-top: 0px;
		color: #fff;
		float: none;
		border-top: 4px #fff solid;
		border-left: 0px #fff solid;
	}

	#altlogintext {
		width: 320px;
		height: auto;
		margin: 0 auto;
		padding: 0px 0px 10px 0px;
		background-color: #000;
		position: static;
		left: 0px;
		text-align: center;
		border-top: 4px #fff solid;
		border-left: 0px #fff solid;
	}

	#altlogincont {
		width: 320px;
		margin: 0 auto;
	}

	body {
		font-family: arial;
		font-size: 16px;
		background: url(http://depts.washington.edu/llc/Images/Main_Background.gif) scroll repeat;
	}

		
	.footer {
		height: 216px; 
		width: 320px;
		margin: 0 auto;
		border-width: 0px 0px 0px 0px;
		border-style: solid;
		border-color: #fff;
		display: block;
	}
		
	.helpbutton {
		display: none;
	}	
	
	#llclogo {
		display: none;
	}
		
	#llclogosm {
		display: block;
		height: 32px;
		width: 320;
		margin-top: 10px;
	}
			
	#loginheaderbar {
		margin: 0;
		width: auto;
		height: auto;
		width: 320px;
		text-align: center;
		background-color: #fff;
		position: static;
		top: 0px;
		left: 0px;
	}

			
	.loginbutton {
		display: block;
		width: 280px;
		height: 130px;
		background: url('llc_images/li_netid_sm.png') bottom;
		text-indent: 0;
		border: 0;
		position: static;
		top: 0px;
		left: 0px;
		margin: 0 auto;
		margin-top: 30px;
	}



	#loginnews{
		width: 320px;
		height: auto;
		margin: 0 auto;
		background-color: #525252;
		color: #fff;
		position: static;
		left: 0px;
		text-align: center;
		border-top: 4px #fff solid;
	}

	#loginnewscont {
		text-align: left;
		height: auto;
		width: 280px;
		font-size: 16px;
		padding: 20px;
		margin: 0 auto;
	}
	
	
	#moodlelogo {
		float: none;
		margin: 0 auto;
		position: static;
		top: 0px;
		margin-left: 0px;
		height: 45px;
		margin-top: 10px;
	}

	#netidlogin {
		width: 280px;
		margin: 0;
		height: auto;
		padding: 20px 20px 20px 20px;
		color: #fff;
		float: none;
		background-color: #000;
		font-size: 16px;
		border-left: 0px;
	}
	
	
	.newsheader {
		font-size: 20px;
		font-weight: bold;
	}
	
	.wrapper {
		height: auto;
		margin: 0 auto; 
		background-color: #3b2b64;
		background-image: none;
		width: 320px;
		border-width: 0px;
		border-style: solid;
		border-color: #fff;
		display: block;
		padding-bottom: 30px;
	}
	
	#uwlogowhite {
		display: none;
	}
}


/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* ---------------- SMALL TABLETS ------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */


@media (min-width: 600px) and (max-width: 768px) {

	#altlogin {
		font-size: 16px;
		background-color: #000;
		width: 580px;
		margin: 0 auto;
		height: auto;
		padding: 14px 10px 20px 10px;
		margin-top: 0px;
		color: #fff;
		float: none;
		border-top: 4px #fff solid;
		border-left: 0px #fff solid;
	}

	#altlogintext {
		width: 600px;
		height: auto;
		margin: 0 auto;
		padding: 0px 0px 10px 0px;
		background-color: #000;
		position: static;
		left: 0px;
		text-align: center;
		border-top: 4px #fff solid;
		border-left: 0px #fff solid;
	}

	#altlogincont {
		width: 600px;
		margin: 0 auto;
	}

	body {
		font-family: arial;
		font-size: 16px;
		background: url(http://depts.washington.edu/llc/Images/Main_Background.gif) scroll repeat;
	}

		
	.footer {
		height: 216px; 
		width: 600px;
		margin: 0 auto;
		border-width: 0px 0px 0px 0px;
		border-style: solid;
		border-color: #fff;
		display: block;
	}
		
	.helpbutton {
		display: none;
	}	
	
	#llclogo {
		border: 0px;
		height: 45px;
		margin-right: 0px;
		position: static;
		top: 0px;
		float: none;
		margin-top: 5px;
	}
		
	#llclogosm {
		display: none;
	}
		
	#login {
		float: right;
		font-weight: bold;
		height: 40px;
		margin-right: 100px;
		
	}
	
	#remembername {
		margin:10px 0px 0px 0px;
	}
		
	#loginheaderbar {
		margin: 0;
		width: auto;
		height: auto;
		width: 600px;
		text-align: center;
		background-color: #fff;
		position: static;
		top: 0px;
		left: 0px;
	}

			
	.loginbutton {
		display: block;
		width: 431px;
		height: 200px;
		background: url('llc_images/li_netid.png') bottom;
		text-indent: 0;
		border: 0;
		position: static;
		top: 0px;
		left: 0px;
		margin: 0 auto;
		margin-top: 60px;
	}



	#loginnews{
		width:600px;
		height: auto;
		margin: 0 auto;
		background-color: #525252;
		color: #fff;
		position: static;
		left: 0px;
		text-align: center;
		border-top: 4px #fff solid;
	}

	#loginnewscont {
		text-align: left;
		height: auto;
		width: 560px;
		font-size: 16px;
		padding: 20px;
		margin: 0 auto;
	}
	
	
	#moodlelogo {
		float: none;
		margin: 0 auto;
		position: static;
		top: 0px;
		margin-left: 0px;
		height: 45px;
		margin-top: 10px;
	}

	#netidlogin {
		width: 560px;
		margin: 0;
		height: auto;
		padding: 20px 20px 20px 20px;
		color: #fff;
		float: none;
		background-color: #000;
		font-size: 16px;
		border-left: 0px;
	}
		
	.newsheader {
		font-size: 20px;
		font-weight: bold;
	}
	
	.wrapper {
		height: auto;
		margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
		background-color: #3b2b64;
		background-image: none;
		width: 600px;
		border-width: 0px;
		border-style: solid;
		border-color: #fff;
		display: block;
		padding-bottom: 60px;
	}
	
	#uwlogowhite {
		display: none;
	}

}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* ------------------ LARGE TABLETS ----------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

@media (min-width: 789px) and (max-width: 979px) {

body {
font-family: arial;
font-size: 1em;
background-color:#fff;
height: auto;
background: url(http://depts.washington.edu/llc/Images/Main_Background.gif) scroll repeat;
}


* {
	margin: 0;
}

html {
height: auto;	
}

.wrapper {
	height: 300px;
	margin: 0 auto; 
	background-image:url('llc_images/li_background_md.jpg'); padding: 0; background-repeat: no-repeat;
	background-position:center; 
	width: 769px;
	border-width: 0px 10px 0px 10px;
	border-style: solid;
	border-color: #fff;
	display: block;
}
.footer {
	height: auto; 
	width: 769px;
	margin: 0 auto;
	border-width: 0px 10px 10px 10px;
	border-style: solid;
	border-color: #fff;
	display: block;
}


#moodlelogo {
float: left;
position: relative;
top: 15px;
margin-left: 30px;
height: 45px;
}

#llclogosm{
display: none;
}


#llclogo {
border: 0px;
height: 45px;
margin-right: 30px;
position: relative;
top: 15px;
float: right;
}

#uwlogowhite {
display: none;
}

#form {
margin:0;
}

#pass {
margin:3px 0px 0px 0px;
}

#passinput {
margin:3px 0px 0px 2px;
}

#login {
float: left;
margin:6px 3px 0px 30px;
}

#remembername {
margin:12px 3px 0px 0px;
}


#altlogintext {
width: auto;
height: 100px;
margin: 0 auto;
padding: 0px;
background-color: #000;
position: relative;
left: 0px;
text-align: center;
border-top: 8px #fff solid;
}

#altlogincont {
width: 1000px;
margin: 0 auto;
}

#netidlogin {
width: 400px;
margin: 0;
height: 86px;
padding: 14px 10px 0px 10px;
color: #fff;
float: left;
background-color: #000;
font-size: 0.8em;
border-left: 2px #fff solid;
}

#altlogin {
font-size: 0.8em;
background-color: #000;
width: 270px;
margin: 0;
height: 86px;
padding: 14px 10px 0px 10px;
margin-top: 0px;
color: #fff;
float: left;
border-left: 2px #fff solid;
}


#loginnews{
width: 769px;
height: 100px;
margin: 0 auto;
padding: 0px;
background-color: #525252;
color: #fff;
position: relative;
left: 0px;
text-align: center;
border-top: 8px #fff solid;
}

#loginnewscont {
text-align: left;
height: 80px;
width: 500px;
font-size: 0.8em;
padding: 10px;
margin: 0 auto;
}

.newsheader {
font-size: 1.25em;
font-weight: bold;
}


#loginheaderbar {
margin: 0;
width: auto;
height: 66px;
text-align: center;
background-color: #fff;
position: relative;
top: -10px;
left: 0px;
}

#loginheadercont {
padding: 15px 0px 0px 0px;
width: 800px;
text-align: center;
margin: 0 auto;

}

.loginbutton {
	display: block;
	width: 280px;
	height: 130px;
	background: url('llc_images/li_netid_sm.png') bottom;
	text-indent: 0;
	border: 0;
	position: relative;
	top: 10px;
	left: 80px;
}



.helpbutton {
	display: block;
	width: 150px;
	height: 150px;
	background: url('llc_images/li_help.png') bottom;
	text-indent: 0;
	border: 0;
	position: relative;
	top: -130px;
	left: 450px; 
}



.huskypurple {
color: #3b2b64;
}

a {
border: 0;
text-decoration: none;
}



}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* ------------------ GENERAL ----------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */


@media (min-width: 980px) and (max-width: 1280px) {

body {
font-family: arial;
font-size: 1em;
background-color:#fff;
height: auto;
background: url(http://depts.washington.edu/llc/Images/Main_Background.gif) scroll repeat;
}


* {
	margin: 0;
}

html {
height: auto;	
}

.wrapper {
	height: 500px;
	margin: 0 auto; 
	background-image:url('llc_images/li_background.jpg'); padding: 0; background-repeat: no-repeat;
	background-position:center; 
	width: 960px;
	border-width: 0px 10px 0px 10px;
	border-style: solid;
	border-color: #fff;
	display: block;
}
.footer {
	height: auto; 
	width: 960px;
	margin: 0 auto;
	border-width: 0px 10px 10px 10px;
	border-style: solid;
	border-color: #fff;
	display: block;
}


#moodlelogo {
float: left;
position: relative;
top: 15px;
margin-left: 30px;
height: 45px;
}

#llclogosm{
display: none;
}


#llclogo {
border: 0px;
height: 45px;
margin-right: 30px;
position: relative;
top: 15px;
float: right;
}

#uwlogowhite {
display: none;
}

#form {
margin:0;
}

#pass {
margin:3px 0px 0px 0px;
}

#passinput {
margin:3px 0px 0px 2px;
}

#login {
float: left;
margin:6px 3px 0px 30px;
}

#remembername {
margin:12px 3px 0px 0px;
}


#altlogintext {
width: auto;
height: 100px;
margin: 0 auto;
padding: 0px;
background-color: #000;
position: relative;
left: 0px;
text-align: center;
border-top: 8px #fff solid;
}

#altlogincont {
width: 1000px;
margin: 0 auto;
}

#netidlogin {
width: 400px;
margin: 0;
height: 86px;
padding: 14px 10px 0px 10px;
color: #fff;
float: left;
background-color: #000;
font-size: 0.8em;
border-left: 2px #fff solid;
}

#altlogin {
font-size: 0.8em;
background-color: #000;
width: 270px;
margin: 0;
height: 86px;
padding: 14px 10px 0px 10px;
margin-top: 0px;
color: #fff;
float: left;
border-left: 2px #fff solid;
}


#loginnews{
width: 960px;
height: 100px;
margin: 0 auto;
padding: 0px;
background-color: #525252;
color: #fff;
position: relative;
left: 0px;
text-align: center;
border-top: 8px #fff solid;
}

#loginnewscont {
text-align: left;
height: 80px;
width: 500px;
font-size: 0.8em;
padding: 10px;
margin: 0 auto;
}

.newsheader {
font-size: 1.25em;
font-weight: bold;
}


#loginheaderbar {
margin: 0;
width: auto;
height: 66px;
text-align: center;
background-color: #fff;
position: relative;
top: -10px;
left: 0px;
}

#loginheadercont {
padding: 15px 0px 0px 0px;
width: 800px;
text-align: center;
margin: 0 auto;

}

.loginbutton {
	display: block;
	width: 431px;
	height: 200px;
	background: url('llc_images/li_netid.png') bottom;
	text-indent: 0;
	border: 0;
	position: relative;
	top: 40px;
	left: 80px;
}



.helpbutton {
	display: block;
	width: 150px;
	height: 150px;
	background: url('llc_images/li_help.png') bottom;
	text-indent: 0;
	border: 0;
	position: relative;
	top: -140px;
	left: 650px; 
}



.huskypurple {
color: #3b2b64;
}

a {
border: 0;
text-decoration: none;
}



}