hr
{
    display: block;
    height: 5px;
    border: 0;
    border-top: 1px solid #bbb;
    margin: 1em 0;
    padding: 0;
}

hr.doublelines
{
    border-top: 4px double #000;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Define the jumbotron to contain the month headers */
.container .month-banner
{
    padding: 0px 5px 0px 5px;
    line-height: 30px;
    font-size: 17px;
    font-weight: 400;
    background-color: #77799F;
	/* #4D4F80; */
	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

.month-banner h3
{
margin-top: 10px; color: #FFF
}


.container .admin-banner-grey
{
    padding: 0px 5px 0px 5px;
    line-height: 30px;
    font-size: 17px;
    font-weight: 400;
    background-color: #ECEDFA;
    /* #ECEDFA; */
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}

.admin-banner-grey h3
{
margin-top: 10px; color: #202260
}

.container .admin-banner-red
{
    padding: 0px 5px 0px 5px;
    line-height: 30px;
    font-size: 17px;
    font-weight: 400;
    background-color: #FAE2E2;
    /* #ECEDFA; */
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}



/* h6 is used for banner text*/
h6
{
    color: #FFF;
    line-height: 50px;
    font-size: 20px;
    font-weight: 400;
	text-align: center;
}

.container .edit-banner-red
{
    padding: 0px 5px 0px 5px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
	color: #FFF;
	background-color: #800;
}

.container .edit-banner-green
{
    padding: 0px 5px 0px 5px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
	color: #FFF;
	background-color: #080;
}


p.navtext
{
	font-family: Arial, Helvetica, sans-serif;
	color: #0f0;
	font-size: 100%;
	padding-left:      6px;
	padding-top:       25px;
	padding-right:     20px;
	padding-bottom:    20px;
    align right: 
}


p.collapselink
{
	font-family: Arial, Helvetica, sans-serif;
	color: #33f;
	font-size: 100%;
	padding-left:      0px;
	padding-top:       0px;
	padding-right:     0px;
	padding-bottom:    0px; 
}


/* Navigation hyperlinks */
.navlinks
{
    font-family: 'Raleway', sans-serif;
	text-align: right;
	color: #202260;
	word-spacing: 30px;
	line-height: 10px;
    font-size: 16px;
    font-weight: normal;
    padding-top: 30px;
}

#navtext
{
	word-spacing: 2px;
}

a
{
  color: blue;
  font-weight: normal;
}


/* Increase the text size on small screens */
@media screen and (max-width: 768px)
{ 
    .navlinks {font-size: 18px;}
}

@media screen and (max-width: 480px)
{ 
    .navlinks {font-size: 18px;}
}


/* Implement the expand/contract text function */
	
details { user-select: none; }
summary { display: flex; cursor: pointer; }
summary::-webkit-details-marker { display: none; }
	
	
/* FORMS */

input[type=text], select
{
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit]
{
  width: 100%;
  background-color: #4D4F80;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover
{
  background-color: #383A58;
}

div.form_container
{
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

/* Lists */

.bulletlist
{
	list-style-image: url(../graphics/bullet.gif);
}

.list
{
	list-style-position: outside;
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #1F3D34;
	list-style-image: url(graphics/bullet.gif);
}