@charset "UTF-8";
/* CSS Document */

#facilities_content, #admin_content, #lifeinhalls_content{
	
	display: none;
	
}

#facilities_content.selected, #admin_content.selected, #lifeinhalls_content.selected{
		display: inline;
	}

i{
	color:#663399;
}

.faq {

	display:none;

	}

.faq.selected {

	display:block;
	float:left;
	margin-left:25px;

	}

ul.faqnav{

	width:100%;
	display:block:
	float:left;
	
}

ul.faqnav li{
	
	background-color:white;
	padding:0px 0px 0px 10px;
	margin-right:50px !important;
	margin-left:1% !important;
	width:100%;
	cursor: pointer;
	
	
}

ul.faqnav li.selected{
	
	background-color:#663399 !important;
	background: url(../images/arrow.png) 0 0 no-repeat;
	cursor: pointer;
	
	
}

ul.faqnav li.special{
	
	color:#000000 !important;
}

ul.faqnav li.selected.special{
	
	background-color:#663399!important;
	background: url(../images/arrow.png) 0 0 no-repeat;
	cursor: pointer;
	
}

.faqnav a{
	font-weight: bold;
	
}
		
ul.faqnav .selected a{
	color:white !important;
}

.faqtopics {

		width: 66%;
	}

.arrow{
		
	color: #FFF;
	font-size:24px;
	font-weight: bold;
	
}

.faq-m-topic{display:none;}

@media 
only screen and (min-width: 320px) and (max-width: 736px){
	
	.faqtopics {border:none; width:100%;}
	.faqtopics li{margin-left:1% !important;}
	.faqnav{display:none;}
	.faq-m-topic{display:block !important; font-weight:bold;}
	.faq{ margin-left:2% !important;}
		
	}