body{
	background: #90C1EC;
 }
/*Tab sa taas pag nag-click makikita ang titles, text color only, while color ng tab mismo ay nasa bootstrap.min (#116038-one item na ichange ang color)*/
.breadcrumb{
	margin-top: 5px;
	border-radius: 8px;
}
.breadcrumb>li {
    display: inline-block;
    padding-left: 10px;
    color:#ffffff;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
	margin-left: -15px;
}
.navbar-default .navbar-brand {
    color: #ffffff;
    margin-left: 100px;
	border-radius: 8px;
}
#topic1{

	font-weight: bold;
	font-size: 25px;
	position: relative;
	margin-top: 20px;
	margin: 0px auto;
	color: #ffffff;
}
#subject{
	font-weight: bold;
	font-size: 18px;
	position: relative;
	margin-top: 60px;
	color: #ffffff;
}
.navbar{
	min-height: 65px;
}
#sidemenu{
	/*margin: 60px 0px 80px 35px;*/	
	/*change color of the box at the back of table of contents, same color with the breadcrumb*/
	margin: 13px 0px 0px 49px;
	background-color: #00377B;
	position:relative;
	border-radius: 8px;
}
#header{
background: #ffffff;
border-color: #ffffff;
width: 100%;

}
#mini{
	border-color: #ffffff;
	background-color: #ffffff;
	margin-left: 35px;
}
.clear{
	clear:both;
}
#genyologo{
	position: relative;
	margin-top: 10px;
	width: 140px;
	height: 63px;
}
#diwalogo{
	position: relative;
	margin-top: 10px;
	width: 140px;
	height: 63px;
	
}

/*BUTTON UNITS*/

#unit1{	
	 text-align: center;
	 font-weight: bold;
	 color: #000;
	 background-color: #CDCDCD;
}
#unit1:hover{
	background-color: #E5E5E5;
}
#unit2{
	text-align: center;
	font-weight: bold;
	color: #fff;
	background-color: #368FDD;
}
#unit2:hover{
	background-color: #2879BF;
}
#unit3{
	text-align: center;
	font-weight: bold;
	color: #fff;
	background-color: #368FDD;
}
#unit3:hover{
	background-color: #2879BF;
}
#unit4{
	text-align: center;
	font-weight: bold;
	color: #fff;
	background-color: #368FDD;
}
#unit4:hover{
	background-color: #2879BF;
}
#unit5{
	text-align: center;
	font-weight: bold;
	color: #fff;
	background-color: #368FDD;
}
#unit5:hover{
	background-color: #2879BF;
}
#unit6{	
	text-align: center;
	 font-weight: bold;
	 color: #fff;
	 background-color: #368FDD;
}
#unit6:hover{
	background-color: #2879BF;
}

#content{
	width: 100%;
	height: 75%;
}
/*
.navbar-brand {
  display: inline-block;
  float: none;
  font-size: 18px;
  height: 100%;
  padding: 0;
  vertical-align: middle;
}
*/
#viewScore{
	background-color: #00377B;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
#viewScore:hover{
	background-color: #00377B;
}

#scoreHeader{
	background-color: #00377B;
	color: #fff;
	text-align: center;
	

}
#scoreRow{
	background-color: #ffffff;
	color: #000;
	text-align: center; 
	
}
#headername{
	margin: 0 auto;
	float: left;
	border-spacing:10em;
}