body {
	height:1000px;
	background:url("/images/RedWhiteBlue.jpg") center;
}

h1, h2 {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

/*  */

/* Provides a bolded header with minimal padding and centered  */
.header {
    text-align: center;
	font-family: 'Times New Roman', Geogia, serif;
    margin: 0;
    width: 100%;
    font-weight: bold;
	font-size: 30px;
    padding: 0;
	}

/* Provides a slight bolded header with minimal padding and centered  */
.header2 {text-align: center;
	font-family: 'Times New Roman', Geogia, serif;
    margin: 0;
    font-weight: bold;
	font-size: 20px;
    padding: 0;
	}

/* Used to create profile image on right of top line  */
/* Profile in heading */
.image-cropper {
  width: auto;
  height: auto;
  float: right;
  overflow: hidden;
  border-radius: 50%;
}

/* make a tag group hidden */
.hide {visibility: hidden;
	}

/* Center text within this class */
.ctr { text-align: center;
	}
	
/* make a tag group shift right by 10em */
.em10 select[class="hide"] {    margin: 26em;
    padding: 0;
	}

.a1l {
    margin-left:20em;
	margin-right:40em;
	width: 20em;
    padding: 0;
    float: left;
    text-align: left;
}

.a1m {
    margin-left: 43em;
	margin-right: 63em;
	width: 20em;
    text-align: left;
    float: left;
    padding: 0px;
}


/* Provides a link with no underscore and centered */
.anon_link {
    text-align: center;
    text-decoration: none;
	}


/*	full menu bar across screen */
.ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
	background: linear-gradient(to bottom, #cce5ff, #4da6ff);
	}

/*	Keeps the li and div at the same level on a single line */
.li {
    float: left;
	}

li a, .dropbtn {
    display: inline-block;
    color: Black;
    text-align: center;
    padding: 5px 5px;
    text-decoration: none;
	}

/* provides color for main menu block that has cursor over it. */
li a:hover, .dropdown:hover .dropbtn {
	background: linear-gradient(to bottom, #FFFFF0, #E0E0E0);
	}
	
/*	Keep additional drop down in the main menu on the first line
	keeps the drop down menu directly below the main menu item  */
.dropdown {
    display: inline-block;
	}

/*	Keeps the first element of a drop down list on a single menu line.
	prevents the the drop down elements from expanding  */
.dropdown-content {
    display: none;
    position: absolute;
	border-radius: 5px;
	background: linear-gradient(to bottom, #e5f2ff, #4da6ff);
    min-width: 140px;
	}
	
/*	Makes the drop down elements appear in a vertical menu */
.dropdown-content a {
    color: black;
    padding: 5px 5px;
	border-radius: 5px;
    text-decoration: none;
	background: linear-gradient(to bottom, #e5f2ff, #4da6ff);
    min-width: 120px;
    display: block; 
	}

/*	Provides color for menu block that has cursor over it. */
.dropdown-content a:hover {
	background: linear-gradient(to bottom, #FFFFF0, #E0E0E0);
	}
	
/*	When Main Menu item has the cursor, it allows the elements to be display below */
.dropdown:hover .dropdown-content {
    display: block;
	}


/* CSS to create Grid for SelectDate */
/* Defines Grid container or largest box */
    .sd-grid-container{
        width: 100%; 
        max-width: 900px;      
    }

/*-- our cleafix hack, allows rows to have empty cells but have hieght -- */ 
    .sd-row:before, 
    .sd-row:after {
        content:"";
        display: table ;
        clear:both;
    }

/* Creates columns or cells within the rows, for all class definitions starting with 'sb-col-' */
    [class*='sd-col-'] {
        float: left; 
        min-height: 1px; 
        /*-- our gutter -- */
        padding: 3px; 
/*        background-color: #FFDCDC;  */
    }

    .sb-col-1{ min-width: 10em; }
    .sb-col-2{ min-width: 20em; }
    .sb-col-3{ width: 10em; }
    .sb-col-4{ width: 20em; }
    .sb-col-5{ width: 10em; }
    .sb-col-6{ width: 10em; } 

	.sb-box {
		display: inline;
	}
	
    .outline, .outline *{
        outline: 1px solid #F6A1A1; 
    }

/*-- some extra column content styling --*/
    [class*='col-'] > p {
/*     background-color: #FFC2C2; */ 
     padding: 0;
     margin: 0;
     text-align: left; 
     color: black; 
    }
    
    .sb-col1 {
    	position: fixed;
    	min-width: 10em;
    	left: 1em;
    	display: inline-block;
    	float: right;
    }

    .sb-col2 {
    	position: fixed;
    	min-width:20em;
    	left: 10em;
    	display: inline;
    }