listbody {







	background-color: #fff !important;







	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "sans-serif";







	font-size: 1.3em !important;







}







body p, body ul,body ol, body table { 







	font-size: .9rem !important;







}



/*
#baba, #taas{

	margin: 0px;
	padding: 0px;

}

#baba {
	background-color: lightblue;
}

#taas {

	background-color: lightcoral;

}

*/



/*body a {







	font-size: .95rem !important;







}*/















h1 {







	font-size: 2em; /* Twice the font size of the parent (body) */







}















h2 {







	font-size: 1.5em; /* 1.5 times the font size of the parent (body) */







	font-weight: 300;







}










h3 {







	font-size: 1.17em; /* Approximately 1.17 times the font size of the parent (body) */







	font-weight: 400;







}















h4 {







	font-size: 1em; /* Same font size as the parent (body) */







	font-weight: 600;







}















h5 {







	font-size: 0.83em; /* Approximately 0.83 times the font size of the parent (body) */







	font-weight: 600;







}















h6 {







	font-size: 0.67em; /* Approximately 0.67 times the font size of the parent (body) */







	font-weight: 600;







}







.navbar{
	background: white;
	padding: 5px 7%;

}


.navbar-dark .navbar-nav .nav-link {

    color: green;

    font-size: 18px;

}


.navbar-dark .navbar-nav .nav-link:hover {


color: rgba(126,25,25,1.00);

    font-weight: bold;

    text-decoration: underline;

}


/*Above Navbar*/

.navlinks {
    min-height:32px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: rgba(126,25,25,1.00);

}



.navlinks li {
	float: right;

}

.navlinks li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

.navlinks li a:hover {
  color: yellow;
  font-weight: bold;	
}



/*End*/







.dropdown-menu{







	top: 80% !important;







	padding: 0px !important;







}























.dropdown-item-nowrap{







	width: 180px;







	padding: 2px !important;







	word-wrap: break-word !important;







	white-space: break-spaces !important;







	font-size: 12pt;

}







@media (max-width: 991px) {







    .dropdown-item-nowrap {







        width: 100%;







    }







}



@media (max-width: 1200px) {





.navlinks a {





    display: none;



}



}















.dropdown-menu>a{







	border-top: 1px dashed grey;







	background-color: white;







}















/*.events-img-center{







    position: absolute;







	transform: translate(-50%,-50%);







    top: 50%;







    left: 50%;







}







*/



/*Event News Autoplay*/

/*

.slider {

	height: 150px;

	margin: auto;

	position: relative;

	width: 90%;

	display: grid;

	place-items: center;

	overflow: hidden;

}



.slide-track {

	display: flex;

	width: calc(150px * 2);

	animation: scroll 40s linear infinite;

}



.slide {

	height: 100px;

	width: 150px;

	display: flex;

	align-items: center;

	padding: 15px;

}



img {

	width: 100%;

}

*/

/*Event News End*/



.events-title{







	position: absolute;







    bottom: 0;







    left: 0;







    background: rgba(255,255,255,0.7);







    width: 100%;







    text-align: center;







/*    padding: 0.4rem;*/







    text-wrap: wrap;







}















.swiper-slide img{







/*	position: absolute;*/







/*	transform: translate(-50%,-50%);*/







/*    top: 50%;*/







/*    left: 50%;*/







    width: 100% !important;







    height: 100%;







    object-fit: cover;







}























.swiper-slide{







/*	margin: 15px;*/







/*	position: relative;*/







}















/*.swiper-container{







	max-width: 2450px;







    height: 375px;







    margin: -10 auto;







    background: rgba(173,173,173,1.00);







    justify-content: center;







    padding-top: 4rem;







    padding-bottom: -104rem;







}*/























.dropdown-item.active, .dropdown-item:active {















    background-color: white;















}















.dropdown:hover>.dropdown-menu{















    display: block;







    color: #ecf0f1;







    background-color: #800000;







    text-align: center;







    font-size: 18px;















}















.dropdown-item:hover  {







	color: red;







	text-decoration: underline;







}















.main-color {







	background-color: rgba(126,25,25,1.00) !important;







}















.bg-color-grey {







	background-color:#676767 !important; 







}















.bg-color-light-grey {







	background: rgba(173,173,173,1.00) !important;







}







.custom-card-body {







	background-color:rgba(112,6,6,1.00);







	color: yellow;







}













div.div-a-style {







	background-color:rgba(112,6,6,1.00);







	font-size: 20px;







}















.content-title {







	background-color:rgba(112,6,6,1.00);







	font-size: 20px;







	color: yellow;







}















.content-box {







	width: 1200px;







	min-height: auto;







}















.list-group-item-footer a {







	text-decoration: none !important;







	color: rgba(49,27,232,1.00) !important;







	font-weight: bold;







}















.list-group-item-footer a:hover {







	background-color: rgba(229, 224, 224, 1.00);





	text-decoration-color: green;

	/*color: yellow;*/







	text-decoration: underline;







}







.list-unstyled li a:hover {

	text-decoration: bold;

	/*text-decoration: underline;*/

	color: red;

}









div.div-a-style a{







	color: yellow;







	text-decoration: none;







}















div.div-a-style a:hover{







	color: white;







	text-decoration: none;







}















div.card-header {







	background-color:#363636;







}















.list-group-item {				







	text-align: center;







	padding: 3px !important;







}















.list-group-item a{







	color: white;







	text-decoration: none;







}















.list-group-item a:hover{







	color: yellow;







	text-decoration: none;







}















div.card-header h1, 







div.card-header h2,







div.card-header h3,







div.card-header h4,







div.card-header h5,







div.card-header h6,







div.card-header p{







	color: yellow;







	text-align: left;







	margin-left: 10px;







}















.custom-card-with-border-radius {







	padding: 0 !important;







	border-radius: 10px 10px 0 0 !important;







	background-color: #676767 !important;







	color: yellow !important;







	padding-top: 10px !important;







}















.footer-style {







	background: rgba(229,224,224,1.00);







	padding: 0 0 10px;







	border-top: 2px	solid rgba(87,82,82,1.00);







}















.page-content {







	text-transform: none;







	background: rgba(229,224,224,1.00);







	border: 2px solid rgba(112,6,6,1.00);







	text-align: left;







	padding: 2%;







}















.page-content-title {







	text-decoration: underline;







	color: rgba(112,6,6,1.00);







}















.page-content-title-center {







	border-bottom: 2px solid rgba(112,6,6,1.00);







	color: rgba(112,6,6,1.00);







	text-align: center;







	margin-left: -2%;







	margin-right: -2%







}















/* CSS Tables Start*/







.linedtable {







	border-style:ridge;







	border-collapse:collapse;







	border-color:#000000;







	border-width:1px;







	background-color:#FFFFFF;







	width: 380px;







}















.linedtable td {







	padding-left: 5px;







	padding-right: 5px;







	border-style:ridge;







	border-collapse:collapse;







	border-color:#000000;







	border-width:1px;







}























.trunderline {







	border-bottom: solid #000000;







}















.calendaralt {







	background-color:#DDDDDD;







	background-color:#909090;






}















/* CSS Tables End*/















/*No bullets Start*/







.null-list li, ul .null-list {







	list-style-type: none;















}















ol.number-list-inside, ul.number-list-inside {







	display: block;







	list-style-type: decimal;







    margin-block-start: 1em;







    margin-block-end: 1em;







    margin-inline-start: 0px;







    margin-inline-end: 0px;







    padding-inline-start: 15px;







}







/*No bullets End*/







/*Offered Courses Content Start*/







.offcourses p {







	margin-bottom: 5px;







}















#offcoursetit {



	margin-top: 30px;







}















/*Offered Courses Content End*/















.custom-button-red {







	color: #FFFF33;







    background-color: #990000;







    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;







    border: 2px black solid;







}















.custom-button-red:hover {







	background-color: #FFFF33;







	color: #990000;







}















ol.list-inside, ul.list-inside {







	display: block;







    margin-block-start: 1em;







    margin-block-end: 1em;







    margin-inline-start: 0px;







    margin-inline-end: 0px;







    padding-inline-start: 15px;







}















a:hover {







	color: red;







}























.custom-button-calendar {







	background: rgba(112,6,6,1.00);







	color: white;







	font-size: 13px;







	font-weight: 600;







	vertical-align: middle;







	padding: 15px;















}







.custom-button-calendar:hover {







	background: rgba(112,6,6,1.00);







	color: white;







}















.icon-arrow-forward{







	background : url("http://localhost/amsamoa/images/Icons/arrow-forward_white2.png") no-repeat 0, 0;







	background-size: cover;







	display: inline-block;







	vertical-align: middle;







	justify-content: flex-end;







	height: 15px;







	width: 15px;







	float: right;







}















.card-accordion-body {







	background: rgba(229,224,224,1.00);







}















.calendar-table tr {







	font-size: 13px;







	vertical-align: top;







	text-align: left







}















.custom-calendar-bg {







	background-color:#959595







}















.custom-calendar-bg-lightgrey {







    background-color:#B7B7B7;










}















.trunderline {







	border-bottom: solid #000000;







}















.list-group a.custom-style {







	font-size: .9rem !important;







	text-decoration: none;







	margin-bottom: 10px;







    background-color: rgba(112,6,6,1.00);







    color: yellow;







    border: solid 2px black;







    border-radius: 8px;







    padding: 15px !important;







    font-weight: 900;







/*    height: 60px;*/







}















.list-group a.custom-style:hover {







	color: white;



	text-decoration: underline;



    backgrou















.no-wrap {







	white-space: nowrap !important;







}















.fixed-top {







    position: fixed;







    top: 0;







    right: 0;







    left: 0;







    z-index: 1030;







}