html
{
    /* sticky footer */
    position: relative;
    min-height: 100%;
    min-width: 404px;
    
    padding-bottom: 64px;
}

body
{
    
    height: 100%;
    
    padding-left: 8px;
    padding-right: 8px;

	padding-top: 32px;

    /* sticky footer */
    margin-bottom: 16px;
    
    /* dark gray text */
    color: #777777;
    
}

h1, h3
{
	font-weight: 300;
	color: black;
}

h2
{
	font-weight: 400;
	color: black;
}

.title
{
	font-weight: 300px;
}

.name
{
	font-size: 18px;
	color: black;
}

h2
{
	font-size: 22px;
}

h3
{
	font-size: 18px;
}

#address
{
	padding-top: 64px;
	text-align: right;
}

.title-img
{
	float: right;
	height: 256px;
	border: 1px solid #161616;
}

.title
{
	font-size: 18px;
	padding-top: 40px;
}


#navigation-bar
{
	padding-top: 32px;
	padding-bottom: 16px;
}

.navbar .nav {
    float: none;
}

.nav-tabs > li, .nav-pills > li
{
    float: none;
    display: inline-block;
    *display: inline; /* ie7 fix */
     zoom: 1; /* hasLayout ie7 trigger */
}

.nav-tabs, .nav-pills
{
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

#navigation-bar > .nav-tabs > li > a
{
	color: #062D4F;
}

#navigation-bar > .nav-tabs > li.active > a
{
	color: black;
}

/*
#navigation-bar.
{
    top: 10px;
    z-index:10;
    background-color: white;
}
*/

#content > div
{
	display: none;
}

.center-block
{
	text-align: center;
	margin: 0 auto;
	float: none;
}

th
{
	color: #666666;
	font-size: 16px;
	font-weight: normal;
}

.container
{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

/* links */
a
{
	color: #5E87B1;
}

/* disable underlining when hovering over links */
a:hover
{
    text-decoration: none;
    color: #6cb0c5;
}

.course-number
{
	width: 128px;
}

.course-title
{
}

.course-semesters
{
	text-align: right;
}

.semesters
{
	font-size: smaller;
}


#noscript
{
	text-align: center;
	font-weight: 600;
	font-size: 16px;
}

#bottom
{
    /* shrink bottom's font size */
    font-size: smaller;
    font-weight: 300;

    /* surround with whitespace */
    margin: 10px;

    /* sticky footer */
    position: absolute;
    bottom: 0;
    height: 40px;
    
    text-align: center;
}

#bottom a
{
	color: #777777;
}

#bottom a:hover
{
	color: #999EA0;
}

.center
{
	text-align: center;
}

@media (max-width: 768px)
{
	.title-img
	{
		float: none;
		text-align: center;
		margin: 0 auto;
		border: 1px solid #161616;
	}
	
	.title
	{
		float: none;
		text-align: center;
		margin: 0 auto;
		font-size: 16px;
	}
	
	#contact, #address
	{
		text-align: center;
	}
	
	.title
	{
		padding-top: 8px;
	}
	
	#address
	{
		padding-top: 0;
	}
}