#content_container {
	max-width: 550px;
}

#schools {
	border-bottom: none;
}

.highlight_text {
	color: red;
}

@media (max-width: 550px) {
	
	#content_container {
		margin: 0;
		border: none;
		box-shadow: none;
	}
	
	#bg_image {
		background: #525252;
		opacity: 1.0;
	}
	
	#schools {
		border-bottom: 1px solid #353535;
	}
}

/* ------------------- Not logged in ---------------------------- */

#info-container {
	background: #e7e7e7;
	margin-left: 15px;
	margin-right: 15px;
	border: 1px solid #CCC;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 15px;
}

#info-container p:last-of-type {
	margin-bottom: 0px;
}

ul {
	margin-left: 0px;
}

ul li {
	margin-bottom: 10px;
	list-style: none;
	margin-left: 10px;
}

ul.sub-ul li {
	list-style: circle;
	margin-left: 30px;
	margin-bottom: 5px;
	margin-top: 0px;
	color: #4B4B4B;
}

ul.sub-ul li:first-of-type,
ul.sub-ul2 li:first-of-type {
	margin-top: 10px;
}

ul.sub-ul li:last-of-type,
ul.sub-ul2 li:last-of-type {
	margin-bottom: 10px;
}

ul.sub-ul2 li {
	list-style: disc;
	margin-left: 60px;
	margin-bottom: 5px;
	margin-top: 0px;
	color: #4B4B4B;
}

/* ------------------- Director logged in -------------------- */

h2 {
	padding: 15px 15px 0 15px;
	font-size: 16px;
	text-align: center;
	color: #DADADA;
}

#schools {
	padding: 15px;
	text-align: center;
}

h2, #schools {
	background: #777;
}

.school {
	display: inline-block;
	background: #FFF;
	border: 1px solid #353535;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 15px;
}

.school .name {
	font-size: 16px;
	font-weight: bold;
	color: #555;
	margin-bottom: 5px;
}

.school .button_container {
	padding-top: 15px;
	text-align: center;
}

/* ------------------------- */

#food_allergies_note {
	margin-left: 18px;
	margin-bottom: 5px;
	margin-top: 10px;
	color: #4B4B4B;
}

#webmaster_actions {
	text-align: center;
}

#webmaster_actions span {
	display: inline-block;
	vertical-align: middle;
	margin: 0 7px 15px 7px;
}

#dates_and_deadlines, #full_timeline {
	/*padding: 15px;*/
}

#dates_and_deadlines ul li, #full_timeline ul li {
	margin: 10px 0;
}

#dates_and_deadlines .date, #full_timeline .date {
	margin-left: 15px;
	font-weight: bold;
}

#dates_and_deadlines ul.sub-ul, #full_timeline ul.sub-ul {
	margin-left: 35px;
}

#dates_and_deadlines ul.sub-ul li, #full_timeline ul.sub-ul li {
	color: #555;
}

#dates_and_deadlines ul.sub-ul2 li, #full_timeline ul.sub-ul2 li {
	margin-left: 20px;
	color: #888;
	margin-top: 5px;
	margin-bottom: 5px;
}

#dates_and_deadlines > ul > li, #full_timeline > ul > li {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
}

#dates_and_deadlines > ul > li:last-of-type {
	margin-bottom: 0;
}

#full_timeline > ul > li {
	
}

#full_timeline > ul > li:last-of-type {
	margin-bottom: 0px;
}

.manager_action_header {
	font-weight: normal;
	color: red;
}

#info_sheets {
	padding: 0 15px;
	text-align: center;
}

.info_sheet {
	display: inline-block;
	border: 1px solid #CCC;
	background: #EEE;
	padding: 10px;
	margin: 0 5px;
	color: #444;
	cursor: pointer;
}

.info_sheet:hover {
	box-shadow: 0 0 4px #AAA;
	color: #000;
}

.info_sheet img {
	vertical-align: middle;
	display: inline-block;
	opacity: 0.8;
}

.info_sheet:hover img {
	opacity: 1.0;
}

.info_sheet span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.info_sheet a {
}