body { padding-bottom: 150px; background: url('/content/img_background.png'); }
html { min-height: 100%; position: relative; }
#header { background: #961010;  }
#content { padding-top: 20px; padding-bottom: 20px; }
#footer { height: 150px; background: #961010; position: absolute; bottom: 0; width: 100%; color: #ffffff }

.toprow
{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.fright { float: right; }
.fleft { float: left; }
.rowheader { font-weight: bold; }

.coursehdr
{
    margin-bottom: 10px;
}

h2
{
    margin: 0;
}

/* navbar */

.navbar {
    border: none;
    margin-bottom: 0;
    background-color: #961010;
    border-color: auto;
}

.navbar-toggle
{
    background-color: #ffffff;
}

#header .navbar-nav > li > a { color: #ffffff; }
#header .navbar-nav > li > a:hover { color: #e2caca; }
#header .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
{
    background: #750303;
}
.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:hover
{
    background: #750303;
}
#header .dropdown-menu > li > a:hover, #header .dropdown-menu > li > a:focus
{
    background: #750303;
}

#header .dropdown-menu {
    background: #961010;
}

#header .dropdown-menu > li > a {
    color: #ffffff;
}

.btn-cn
{
    background-color: #961010;
    border-color: #961010;
    color: #fff;
    font-weight: bold;
    text-align: left;
}

.coursehdr .btn-cn:hover, .coursehdr .btn-cn:active, .coursehdr .btn-cn:focus
{
    /*background-color: #6d6150;
    border-color: #6d6150;*/
    color: #fff;
    font-weight: bold;
}

a
{
    color: #6d6150;
}

.well
{
    margin-bottom: 0; 
}

#footer a
{
    color: #fff;
}
/* less than desktop size */

@media screen and (max-width: 767px) {
    .ha {
        float: left; width: 33%; 
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; }
}

/* font */
@font-face {
	font-family: 'icomoon';
	src:url('svgfont/icomoon.eot?c5c889');
	src:url('svgfont/icomoon.eot?#iefixc5c889') format('embedded-opentype'),
		url('svgfont/icomoon.ttf?c5c889') format('truetype'),
		url('svgfont/icomoon.woff?c5c889') format('woff'),
		url('svgfont/icomoon.svg?c5c889#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-svg_incomplete:before {
	content: "\e600";
}
.icon-svg_inprogress:before {
	content: "\e601";
}
.icon-svg_complete:before {
	content: "\e602";
}