@charset "UTF-8";
/* CSS Document */
#topborder {
	border-bottom: thin solid gold;
    margin-bottom: 1%;
}

#content hr
{
	margin:1rem 0;
}

p.buttons
{
	display:flex;
	gap:1rem;
	flex-wrap:wrap;
}
p.buttons a
{
	background:#639;
	color:white !important;
	font-weight:bold;
	padding:1rem;
	min-width:150px;
	font-size:1.2rem;
}
p.buttons a:hover
{
	color:#FC0 !important;
}

ul.nobullet li
{
	list-style-type:none !important;
}

/***Table Styles/
.tableheader {
font-weight:normal!important;
text-align:center!important;
font-size: 2em!important;
background-color:#639!important;
color:#fc0!important;
border-bottom: 4px solid #fc0;
margin-bottom:.2em;
}

.alignright {
 float: right;
 padding-right: 20px;
}

.left {
	background-color: #eee;
}
.right {
	background-color: #ddd;
}
.plan {
	border: 1px solid;
}

/*Degree Plan Styles*/
div#plan
{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	margin-top:.5rem;
}

div#plan div.semester
{
	border: 1px solid #ccc;
	padding: 1rem;
	flex: 1 1 20%;
	min-width: 200px;
	background: #eee;
}

/***Video Styles/
.vidgroup:before,
.vidgroup:after {
    content:"";
    display:table;
}
.vidgroup:after {
    clear:none;
}
.vidgroup {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
.span_1_of_4 p {
	margin-left: 10px;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
@media (max-width: 768px) { 
.span_1_of_3 {
	width:100%;
}
}

/****Highlight Box*/
#highlight ul li {
list-style-image:url("/coehs/images/socialBullet.gif");
}
.highlight_box {
background-color:#EEEEEE;
background-position:0 0;
background-repeat:repeat;
border:1px solid #ccc;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
padding-top:10px;
-webkit-box-shadow: rgba(0,0,0,0.5) -1px 2px 4px;
-moz-box-shadow: rgba(0,0,0,0.5) -1px 2px 4px;
box-shadow: rgba(0,0,0,0.5) -1px 2px 4px;
font-size:1.2rem;
}

.link_box {
margin-bottom:10px;
}
.link_box ul li {
list-style-image:url("/coehs/images/socialBullet.gif");
}
.link_box li {
list-style-image:url("/coehs/images/socialBullet.gif");
}
.link_box li a {
color:#663399;
text-decoration:none;
}
.link_box li a:hover {
color:#000000;
text-decoration:underline;
}
.highlight_box .post_info {
color:#666666;
font-size:11px;
}
.highlight_box .post_info a {
color:#157AD2;
font-weight:normal;
}
.highlight_box a {
color:#000000;
font-weight:normal;
}
.highlight_box span {
color:#157AD2;
}