{ padding: 0%;
 margin: 0%;
}

body {
margin-left:6%;
font:arial;
font-size:1em;
color:yellow;
background:maroon;

}
ul#firstblackline {
		list-style:none;
	color:yellow;
	
}
 ul#firstblackline li {
 float:left;
 
 	padding-right:15px;
	}

ul#firstblackline li a {
	display:block;
	color:yellow;
}


div#alumni{
color:yellow;
}

div#alphabeticalalumnilist {
color:yellow;
}

div#submitpicture {
	
}



div#alphabeticalalumnilist {
color:yellow;
}
div#alphabeticalalumnilist a {
color:yellow;
}

div#submitpicture {
	
}

div#clickalphabeticalletter {
	
}

div#lettersdirectory {
color:yellow;
}

div#lettersdirectory a {
color:yellow;	
}

ul#list {
	
	

}



div#namesalphabet {

margin-top:24%;
}



/* large display only */
@media (min-width:1024px) {

* {
 padding: 0%;
 margin: 0%;
}

body {
font:arial;
font-size:1em;
color:yellow;
background-color:maroon;

}

ul#firstblackline {
		list-style:none;
	color:yellow;
}
 ul#firstblackline li {
	display:inline;
	}

ul#firstblackline li a {
	display:inline-block;
	color:yellow;
}


div#alumni {
color:yellow;
}

div#alphabeticalalumnilist {
color:yellow;
}

div#submitpicture {
	
}



div#alphabeticalalumnilist {
color:yellow;
}
#alphabeticalalumnilist a {
color:yellow;
}

div#submitpicture {
	
}

div#clickalphabeticalletter {
	
}

div#lettersdirectory {
color:yellow;
}

div#lettersdirectory a {
color:yellow;	
}

ul#list {
	
	

}



div#namesalphabet {

margin-top:24%;
}

}

/* medium display only */

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

* {
 padding: 0%;
 margin: 0%;
}

body {
font:arial;
font-size:1em;
color:yellow;
background:maroon;

}

ul#firstblackline {
		list-style:none;
	color:yellow;
}
 ul#firstblackline li {
	
	}

ul#firstblackline li a {
display:block;
	color:yellow;
}


div#alumni{
color:yellow;
}

div#alphabeticalalumnilist {
color:yellow;
}

div#submitpicture {
	
}



div#alphabeticalalumnilist {
color:yellow;
}
#alphabeticalalumnilist a {
color:yellow;
}

div#submitpicture {
	
}

div#clickalphabeticalletter {
	
}

div#lettersdirectory {
color:yellow;
}

div#lettersdirectory a {
color:yellow;	
}

ul#list {
	
}

div#namesalphabet {

margin-top:24%;
}

}

/* small display only */

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


* {
 padding: 0%;
 margin: 0%;
}

body {
font:arial;
font-size:1em;
color:yellow;
background-color:maroon;

}

ul#firstblackline {
		list-style:none;
	color:yellow;
}
 ul#firstblackline li {
	
	}

ul#firstblackline li a {
	display:inline;
	color:yellow;
}


div#alumni {
color:yellow;
}

div#alphabeticalalumnilist {
color:yellow;
}

div#submitpicture {
	
}



div#alphabeticalalumnilist {
color:yellow;
}
#alphabeticalalumnilist a {
color:yellow;
}

div#submitpicture {
	
}

div#clickalphabeticalletter {
	
}

div#lettersdirectory {
color:yellow;
}

div#lettersdirectory a {
color:yellow;	
}

ul#list {
	
}

div#namesalphabet {
}
margin-top:24%;}
}