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

body          {background-color:ghostwhite; margin:0px;}

#bg           {width: 1535px;  background-color:aliceblue;  position:absolute;}

#top_line1    {width: 1535px;  height:20px;  background-color:chocolate;}

#topic h1     {color:darkgreen; font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
			   font-size:55px; font-weight: 300; letter-spacing: 3px;  margin-top:-110px;  margin-left:300px; margin-bottom: 40px;}

#top_line2    {width: 1535px;  height:20px;  background-color:chocolate;  }

#welcome h1     {color:coral; font-family:Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-   serif"; font-size:55px; font-weight: 400; letter-spacing: 3px;  margin-top:-170px;  margin-left:1200px; margin-bottom: 40px;}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 250px;
  background-color:darkgreen;
  position: fixed;
  height: 100%;
  overflow: auto;
}

li a {
  display: block;
  color:beige;
  padding: 8px 16px;
  text-decoration: none;
  height: 92px;
  font-size: 23px;
  text-align: center;
}

li a.active {
  background-color:forestgreen;
  color: white;
}

li a:hover:not(.active) {
  background-color:#4CAF50;
  color: white;
}

#program_content   {font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; font-size: 18px; text-align: justify;
					margin-left: 875px; margin-right: 15px; margin-top: 15px; }

#image_program      {margin-left: 270px; margin-top: -512px;}

#courses_text        {font-family:Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; font-size: 18px; text-align: justify;
					margin-left: 275px; margin-right: 15px; margin-top: 10px; }

.bold                {font-weight:bold;}   

#courses_image       {float: right; margin-top: -260px; margin-right: 520px; }
#courses_image img   { filter:opacity(10%);}

#degree_text        {font-family:Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; font-size: 18px; text-align: justify;
					margin-left: 275px; margin-right: 15px; margin-top: 15px; }

#degree_image       {float: right; margin-top: -420px; margin-right: 180px; }
#degree_image img   { filter:opacity(10%);}

#cimg1              {float: left; margin-left: 350px; margin-top:-15px;}
#cimg2				{float: left; margin-left: 15px;   margin-top:-15px;}
#cimg3				{float: left; margin-left: 15px;   margin-top:-15px;}
#cimg4				{float: left; margin-left: 15px;   margin-top:-15px;}
#cimg5				{float: left; margin-left: 15px;   margin-top:-15px;}
#cimg6				{float: left; margin-left: 350px;  margin-top: 10px;}
#cimg7				{float: left; margin-left: 15px; margin-top: 10px;}
#cimg8				{float: left; margin-left: 15px; margin-top: 10px;}
#cimg9				{float: left; margin-left: 15px; margin-top: 10px;}
#cimg10				{float: left; margin-left: 15px; margin-top: 10px;}

#degree_image1      {margin-top: 0px; margin-left: 700px; position: absolute}

#degree_image1  img          {transition: transform 0.25s ease;}
#degree_image1  img:hover    {-webkit-transform:scale(1.5);
						transform:scale(1.5); }

#outcomes_text        {font-family:Constantia, Lucida Bright, DejaVu Serif, Georgia, serif; font-size: 18px; text-align: justify;
					margin-left: 275px; margin-right: 15px; margin-top: 15px; }

#outcome_image       {float: right; margin-top: -470px; margin-right: 180px; }
#outcome_image img   { filter:opacity(15%);}

#Instructor1         {margin-left: 300px; margin-top: 30px;}
#Ins1des    h1       {font-size: 25px; margin-left: 170px; margin-top:-165px;}
#Ins1des    h2       {font-size: 16px; margin-left: 170px; margin-top:-5px;}
#Ins1des    h3       {font-size: 14px; margin-left: 170px; margin-top:0px;  }
.nounder             {text-decoration: none; color: #130D0D;}

#Instructor2         {margin-left: 850px; margin-top: -180px;}
#Ins2des    h1       {font-size: 25px; margin-left: 170px; margin-top:-165px;}
#Ins2des    h2       {font-size: 16px; margin-left: 170px; margin-top:-5px;}
#Ins2des    h3       {font-size: 14px; margin-left: 170px; margin-top:0px;  }
.nounder             {text-decoration: none; color: #130D0D;}

#Instructor3         {margin-left: 300px; margin-top: 100px;}
#Ins3des    h1       {font-size: 25px; margin-left: 170px; margin-top:-165px;}
#Ins3des    h2       {font-size: 16px; margin-left: 170px; margin-top:-5px;}
#Ins3des    h3       {font-size: 14px; margin-left: 170px; margin-top:0px;  }
.nounder             {text-decoration: none; color: #130D0D;}

#Instructor4         {margin-left: 850px; margin-top: -181px;}
#Ins4des    h1       {font-size: 25px; margin-left: 170px; margin-top:-165px;}
#Ins4des    h2       {font-size: 16px; margin-left: 170px; margin-top:-5px;}
#Ins4des    h3       {font-size: 14px; margin-left: 170px; margin-top:0px;  }
.nounder             {text-decoration: none; color: #130D0D;}