@import url();

body{
  font-family: Helvetica,Tahoma,sans-serif;
margin: 0;
    padding: 0 10px;
	font-weight:normal;
	min-width:1000px;
	font-size:100%;
}
p {
	font-size: 0.98em;
  letter-spacing: 0;
	opacity: 1;
	color: #434347;
	line-height:180%;
}


hr {
    border-bottom: 4px solid #eaaa00;
    border-top: 0;
}



ul, dl{
	font-family: Tahoma,Helvetica,sans-serif;
	list-style-position: outside;
	list-style-type: circle;
	margin: 4px 4px 4px 28px;
}
ol{
	font-family: Tahoma,Helvetica,sans-serif;
	list-style-position: outside;
	list-style-type: decimal;
	margin: 4px 4px 4px 28px;
}
li {
	font-size: 1em;
}
li li {
	font-size: 100%;
}
img {
	border: 0;
}


/* alternative h1 class*/
#altstyle {
	font-size: 2em;
	margin: 0;
	font-weight:normal;
	color: #333;
}
/*-- to control menu image in editor --*/

.featureImages {max-width:300px;}



/* feature gallery */
#gallery {
    border: 2px solid #eeeeee;
    height: 200px;
    margin: 0 0 10px 10px;
    width: 300px;
	display:inline-block;
	
}

#gallery a:link {text-decoration: none;}
#gallery:hover {
    border: 2px solid #862633;
    opacity: 0.8;
}
#gallery-text {
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    display:block;
	margin:-38px 78px 0 0;
	float:right;
	position:relative;
	
}
#gallery-text a {color:#fff;text-decoration: none;text-shadow: 1px 1px 2px #555;} /* temp text shadow */



h1 {color: #862633;font-family: Times,Times New Roman,Palatino,serif;font-size: 2.4em;margin: .8em 0 .6em 0;font-weight:lighter;}



h2 {color: #862633;font-family: Times,Times New Roman,Palatino,serif;font-size:2em;line-height: 1em;}
h3 {color: #434347;font-family: Times,Times New Roman,Palatino,serif;font-size:1.8em;}
h4 {font-size:1.3em;color: #333;margin: 0.8em 0 0.6em 0;font-weight:lighter;letter-spacing: -.02em;}
h5 {color: #000;font-size: 1em;margin: 0.7em 0 0.5em 0;font-weight:bold;letter-spacing: -.01em;}
h6 {font-size: .8em;color: #000;margin: .6em 0 .4em 0;font-weight:bold;}

a:link {
	color: #862633;
	text-decoration: underline; 
}
a:visited {
	color: #862633;
	text-decoration: underline; 
}
a:hover { 
	color: #000;
	text-decoration: underline;
}
a:active { 
	color: #000;
	text-decoration: underline;
}
a:focus { 
	color: #000;
	text-decoration: underline;
}

/* college photo buttons */

.collegePhotoButtons {background-color: #eee; display: block; width: 100%;}

.thirdCellWrapper {
		margin:0 auto;
		/*border:1px solid red;*/
		box-sizing:border-box;
		display:block;
		padding:10px 0;
		/*width:80%;*/
		text-align: center;
		max-width:1260px;

	}
	.thirdCell {
		display:inline-table;
		/*background: url(images/000-64-trans.png);*/
		width:30%;
		margin:1%;
		box-sizing: border-box;
		background-color:#fff;
		
	}
	.thirdCellContent {
		padding:0 0 10px 0;
		/*margin:26px;*/
		color:#333;
		text-align:center;
		border:1px solid #ccc;
		/*min-height:360px;*/
		box-sizing: border-box;
	}
	.thirdCellContent img {
		width:100%;
		height:auto;
		/*display:none;*/
		margin:0 0 10px 0;
	}
.thirdCellContent a {
	text-decoration:none;
	color:#333;
}

.thirdCellContent:hover {
	opacity:.84;
	border:1px solid #000;
}


#button {
    background-color: #862633;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 3px 4px #000000;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: Tahoma,Helvetica,sans-serif;
    font-size: 0.74em;
    font-style: oblique;
    font-weight: bold;
    margin: 8px;
    padding: 12px;
    text-decoration: none;
    text-shadow: 1px 1px #000000;
}
#button:hover {
    background-color: #63666a;
    color: #FFFFFF;
}

/* some elements removed, the following added for the covid layout */


	.editOne {margin:60px auto 20px auto;padding:0 10px;}
	.editOne a {color: #600; text-decoration: none;}
	.editOne p {color: #434347;line-height:180%;}
	.editTwo p {color: #434347;line-height:180%;}
	
	.editOne .infoWrapper {width: 70%;display: inline-table;    box-sizing: border-box;padding-right:30px;}
	.editOne .resourcesBlock {width: 26%;display: inline-table;background-color: #d3d3d3;padding: 4px 20px;border-top: 12px solid #eaaa00;border-bottom: 8px solid #ddd;box-sizing: border-box;}
	
	
	

	
	.collegeNews {display:none;}.contactBox {display:none;} .thirdCellWrapper {text-align:left;width:98%; max-width:1200px;}
		
		.localTopnav {background-color: #862633;text-align:center;border-bottom:18px solid #64656a;border-top:4px solid #ccc;}
		.localTopnav img {margin:0 auto;width:100%;max-width:600px;}

/* toggle css begins here */	
.toggleWrapper {/*width:33.3333%;*/display:inline-block;text-align:left;padding:0;width:90%;box-sizing:border-box;}
.toggleTitle {margin: 0;padding:14px 8px 14px 60px;display:block;font-size:1em;font-weight:normal;color:#000;background-color:#a9e2d7;width:100%;box-sizing:border-box;}

	
.toggleContent {display: block;padding:10px 60px;color:#000;background-color:#ddd;width:100%;box-sizing:border-box;} /*display block for editor*/
.toggleContent p {margin:0;padding:0;font-size:80%;}/*removed width percentage and top and bottom padding to reduce jump*/
	
.toggleButton {font-weight: lighter; padding: 0;cursor: pointer;display:inline-block;margin:10px 0;width:100%;}/*removed background arrow for editor*/
	
/* for button component */	
/* gray and maroon button classes */

.maroonButton {
	color: #fff;
    margin: 20px auto;
    text-align: center;
    font-weight: normal;
    background-color:#862633;
	border-radius: 16px;
	font-size: 1.6em;
	max-width:74%;
	min-width:240px;
	padding: 18px 34px;	
	box-sizing:border-box;
	display:table;
	text-decoration:none;	
}

.maroonButton:hover {background-color:#333;color:#fff;text-decoration:none;}
.maroonButton strong {color: #fff;}
.maroonButton:link {color:#fff;text-decoration:none;}
		
.grayButton {
    color: #fff;
    margin: 20px auto;
    text-align: center;
    font-weight: bold;
    background-color: #57575c;
	border-radius: 16px;
	font-size: 1.6em;
	max-width: 74%; 
	min-width:240px;
	padding: 18px 34px;
	box-sizing:border-box;
	display:table;
	text-decoration:none;
}
.grayButton:hover {background-color:#333;color:#fff;text-decoration:none;}
.grayButton strong {color: #fff;}
.grayButton:link {color:#fff;text-decoration:none;}
		


.maroonButtonLeft {
	color: #fff;
	margin: 20px 20px 20px 0;    
	text-align: center;
    font-weight: bold;
    background-color:#862633;
	border-radius: 16px;
	font-size: 1.6em;
	max-width:74%;
	min-width:240px;
	padding: 18px 34px;	
	box-sizing:border-box;
	display:table;
	text-decoration:none;
	float: left;

}

.maroonButtonLeft:hover {background-color:#333;color:#fff;text-decoration:none;}
.maroonButtonLeft strong {color: #fff;}
.maroonButtonLeft:link {color:#fff;text-decoration:none;}
		
.grayButtonLeft {
    color: #fff;
    margin: 20px 20px 20px 0;
    text-align: center;
    font-weight: bold;
    background-color: #57575c;
	border-radius: 16px;
	font-size: 1.6em;
	max-width: 74%; 
	min-width:240px;
	padding: 18px 34px;
	box-sizing:border-box;
	display:table;
	text-decoration:none;
	float: left;

}
.grayButtonLeft:hover {background-color:#333;color:#fff;text-decoration:none;}
.grayButtonLeft strong {color: #fff;}		
.grayButtonLeft:link {color:#fff;text-decoration:none;}



.maroonButtonRight {
	color: #fff;
	margin: 20px 0px 20px 20px;    
	text-align: center;
    font-weight: bold;
    background-color:#862633;
	border-radius: 16px;
	font-size: 1.6em;
	max-width:74%;
	min-width:240px;
	padding: 18px 34px;	
	box-sizing:border-box;
	display:table;
	text-decoration:none;
	float: right;

}

.maroonButtonRight:hover {background-color:#333;color:#fff;text-decoration:none;}
.maroonButtonRight strong {color: #fff;}
.maroonButtonRight:link {color:#fff;text-decoration:none;}
		
.grayButtonRight {
    color: #fff;
    margin: 20px 0px 20px 20px;
    text-align: center;
    font-weight: bold;
    background-color: #57575c;
	border-radius: 16px;
	font-size: 1.6em;
	max-width: 74%; 
	min-width:240px;
	padding: 18px 34px;
	box-sizing:border-box;
	display:table;
	text-decoration:none;
	float: right;

}
.grayButtonRight:hover {background-color:#333;color:#fff;text-decoration:none;}
.grayButtonRight strong {color: #fff;}		
.grayButtonRight:link {color:#fff;text-decoration:none;}


/* ends these buttons */





	
	
@media screen and (max-width: 768px) {
	
		.editOne .infoWrapper {width: 100%;display: block;}
	.editOne .resourcesBlock {width: 100%;display: block;background-color: #d3d3d3;padding: 4px 20px;border-top: 12px solid #eaaa00;}
	
	
	
	}


/* three up images for linking images */

.thirdsLinks 
		{
    width: 30%;
    height: auto;
    margin: 0;
	padding:8px;
	box-sizing:border-box;
			
		
}
	.thirdsLinks:hover 
		{
    opacity:.8;	
}	
	@media screen and (max-width: 768px) {
		.thirdsLinks {width: 100%;height: auto;margin: 0 auto;}
}


/* three up images no hover */

.thirds {width: 33%;height: auto;margin: 0;}
		
		
hr {width: 99%;margin-left:0;}		

@media screen and (max-width: 768px) {
		.thirds {width: 100%;height: auto;margin: 10px auto;}
}

/* feature gallery */

	#gallery {display:block;margin:0 auto;box-sizing: border-box;}

/* scale items */

.widthScale60 {width:60%;height:auto;}
.widthScale100 {width:100%;height:auto;}