body {
    background-color: white;
    margin-left: 20px;
/*   margin-top: 0px;
     margin-bottom: 10px;
     margin-right: 10px; 
     
   
     margin: 0px 10px 10px 10px; /*Fix right margin?*/
 */  
     text-align:left    
}

/* text-align:justify  --- include in body above for full justification
*/

h1 {
    color: black;
    text-align: left; 
     /*font-size:40px; http://www.w3schools.com/css/css_font.asp -- em does relative*/
    font-size: 1.5em;
    font-family:"Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif
}
 

h2 {background-color: black;
    text-align: center;
    /*font-size:30px;*/
    font-size:1.5em;
    color: white;
    margin-bottom: -10px; /*Moves the heading closer to the bullets in programs_and_data.html*/
    font-family:"Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif
}


h3 {font-size:1.1em;
    color: black;
    font-family:"Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif
}


hr {
  min-width:400px;
  max-width:950px		
}


a:link, a:active {
	 color:#CB221B
}
a:hover {
	color:#CB221B
}
a:visited {
	color:#CB221B
}

p {
    font-family: "Arial";
    font-size: 1.0em;
    color:black;
}


/* The .a part allows one to use a class statement with ul
   Thus, ul.b could have a different format when specified with class*/
ul.a {
    list-style-type: disc;
    color: #373737;
    max-width:800px;

    font-size: 1.25em
    
}

ul.b {
    list-style-type: disc;
    color: #373737;
    max-width:900px;
    font-size: 1.25em
}

.myfont {
	font-family:Arial, Helvetica, sans-serif
}

.myfontindent {
	font-family:Arial, Helvetica, sans-serif;
  padding-left:15px
}
.myfontindent2 {
	font-family:Arial, Helvetica, sans-serif;
  padding-left:35px;
   font-size: 1.0em
}

/* 4-20-18 https://www.w3schools.com/howto/howto_css_three_columns.asp*/
.column {
    float: left;
    padding-right: 20px;
    width: 30%;
}
/*    border: 1px solid black;
https://www.impressivewebs.com/difference-between-margins-padding-css/
  */


/* Clear floats after the columns */
.row:after {
    padding: 1px;
    content: "";
    display: table;
    clear: both;
}

@media screen and (max-width: 600px) {
    .column {
        width: 100%;
    }
}


/* https://www.w3schools.com/css/css_website_layout.asp 
   background-image: "20170901_131214.jpg"
   https://www.w3schools.com/css/tryit.asp?filename=trycss_background_shorthand
       background: url("Bilder-crop-high-res4.jpg") no-repeat right top;

   
.header {
    padding: 15px;
    text-align: left;
    margin-right: 200px;
}
*/

.myback {
  background-image: url('images/20170901_131214.jpg');
  background-size: 1000px;
  width: 1000px;
  height: 300px;
  color: pink;
}
/*  border: 2px solid; */


.column2 {
    float: left;
}

.left {
    width: 45%;
    padding-right: 20px;
}

.right {
    width: 45%;
}
/*https://stackoverflow.com/questions/16217355/automatically-resize-images-with-browser-size-using-css?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa*/


/*
body, html {
    margin-left:1%;
    margin-right:1%;
    margin-bottom:1%;
    margin-top:1%;
    width:98%;
    height:98%;
}
*/

/*http://jsfiddle.net/GBTHv/ */
.big-margin {
    background: white;
    margin-left: 5px;
    margin-right: 15px;
}
/*    border: 20px solid #CB221B;*/
.smallfont {
    font-family: "Arial";
    font-size: 0.75em;
    color:#373737;
    padding: 2px;
    text-align: left
}

/* Husker red: #CB221B */
.blackline {
    background-color:black;
    height: 12.5px;
    margin: -14px;
}

.whiteline {
    background-color:white;
    height: 2px;
    margin: 1px;
}

.blackline2 {
    background-color:black;
    height: 2px;
    margin: 1px;
}



.centertext {
  text-align:center   	
}

/*Does not work as I want it too*/
.vertspace{
  padding: -20px

}

.myindent{
  font-size:1.00em;
  margin-left: 10px
}

.myindent2{
  font-size:0.5em;
  margin-left: 10px
}

.indent{
  font-size:1.25em;
  margin-left: 10px
}


.indent2{
  font-size:1em;
  margin-left: 20px
}

.isDisabled {
  color: currentColor;
  opacity: 1;
  text-decoration: none;
}

/*Try to center whole header */
.centerp {
  text-align: center
}

.mytable {

	font-family: "Arial";
	font-size: 0.85em;
}

.nav {
	font-family: "Arial";
	font-size: 0.75em;
	margin-top: 15px;
}


/* For course websites */
/* Add a black background color to the top navigation */
.topnav {
    background-color: black;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    font-family: "Arial";
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: white;
    color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
    background-color: #CB221B;
    color: white;
}


  .day-off {
	  background-color: lightgray;
  }
    
  .exam {
	  background-color: #FF9933;
  }
  
  .header-cell {
	  background-color: black;
	  color: white;
  }
  
  .table1 tr td
  { 
  text-align: left;
  padding: 7px 4px;
  color: black;
  border-top: 1px solid white;
  }
  
 .table2 tr td
  { 
  vertical-align: top;
  border-top: 1px solid white;
  font-family:Arial, Helvetica, sans-serif;
  }

  }