/** Set px units for responsive design (don't do this for now)
----------------------------------------------------------------------------- */
/* html { font-size: 62.5%; } */
/* body { font-size: 14rem; font-size: 1.4px; } */ /* =14px */
/* h1   { font-size: 24rem; font-size: 2.4px; } */ /* =24px */

/** Structure
----------------------------------------------------------------------------- */

body{
/*	box-sizing: border-box; */
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
/*	height: 100%; */ 
	max-height: 100%; 
}


/** --------------
	START - IDs to set default images to be changed only by media query at bottom of CSS.
		See also the same div ids in HTML  */
/** --------------
	END - IDs to set default image to be changed only by media query at bottom of CSS.
		See also the same div ids in HTML  */

.span_leftsidebar {
/*	box-sizing: border-box; */
	position: absolute;
	top: 0;
	bottom: 0; 
	left: 0;
	width: 300px; /*Width of frame div*/
	height: 100%;
	overflow: visible; /*Set to "hidden" to disable scrollbars. Set to "scroll" to enable*/
	background: #fff;
	color: #000;
	/* z-index: 1; */
}

.inner {
/*	box-sizing: border-box; */
/*	margin: 15px; */
	margin: 5px;
}

.inner_top {
	background: white;
	position: absolute;
	top: 1px;
	left: 1px;
	width: 100%;
	height: 150px;
	z-index: 2;
}

.span_logo {
/*	box-sizing: border-box;*/
/*	position:absolute; */ 
	position:fixed; 
	top: 2px;
	left: 2px;
/*	margin-bottom: 1px; */
/*	width: 300px; */ /*Width of frame div*/
	height: 90px;
	z-index: 3;
}

.span_follow-me {
/*	box-sizing: border-box; */
/*	position:absolute; */ 
	position:fixed;
	top: 90px; 
	margin-left: 5px;
	height: auto;
/*	width: 300px; */ /*Width of frame div*/
	float: left;
	z-index: 3;
}

.span_badges {
/*	box-sizing: border-box; */
	position:absolute;
	top: 150px;
	margin-left: 1px;
	height: auto;
	/* z-index: 2; */
/*	width: 300px; */ /*Width of frame div*/
/*	height: auto; */
}

.span_banners {
/*	box-sizing: border-box; */
	position:absolute;
/*	top: 650px; */
	top: 440px;
	margin-left: 1px;
	height: auto;
/*	width: 300px; */ /*Width of frame div*/
	/* z-index: 2; */
}

.spanfluid {
/*	box-sizing: border-box; */
	position: fixed; 
	top: 0; 
	left: 300px; /*Set left value to WidthOfFrameDiv*/
	right: 0; 
	bottom: 0;
	padding: 2px;
	overflow: auto; 
	background: #fff;
	/* z-index: 2; */
}

.spanfluid.inner {
/*	box-sizing: border-box; */
	position: relative; 
/*	height: 100%; */
	min-height: 100%; 
/*	padding-bottom: 5px; */
	margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */

}

#footer {
	clear: both;
	overflow:hidden; 
	box-sizing: border-box; 
/*	position: relative;  */
/*	position: absolute;  */
	width: 99%; 
	bottom: 0; 
/*	height: 80px; */
	float: left;
	padding: 2% 1% 2% 1%;
	margin: 1% 1% 2% 0%;
	font-size: 85%;
	line-height: 100%;
/*	border-top:1px solid #0000FF; */
	background-color: LightGray;
	
/**	clear:both;
	overflow:hidden;
	margin:10px 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: .6px;	
	line-height:.6px;
	width:100%;
	height:50px;
	position:absolute;
	padding-top:10px;
	bottom:0px;
	border-top:1px solid #0000FF;
*/	
	
}

.footer, .push {
/*	height: 80px; */ /* .push must be the same as the height of the footer */ /* This rule did not work for me. */
	height: 207px; /* .push must be the same as the height of the footer */ /* This worked for me */
}


/** Style
------------------------------------------------------------------------------ */
h1 {
	/* See also the #PageTitle */
	font-size: xx-large;
	vertical-align: bottom;
}

h2 {
	/* See also the #PageTitle */
	font-size: x-large;
	vertical-align: top;
}

h3 {
	font-size: large;
}

blockquote {
	display: block;
}

/** #container {
	position:static;
	width:100%;
}

#left_sidebar {
	width:auto;
	float:left;
	margin:0% 2% 0% 5%;
}

#right_sidebar {
	width:auto;
	margin:0% 5% 0% 2%;
	float:right;
}

#content_container {
	width:auto;
	float:none;
	position:static;
} */

#PageTitle {
	/* See also the h1 and h2 tags */
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-style:normal;
	text-align: center;
	font-weight: bold;
	width: 98%; /* Sync with #page_content */
/*	line-height: 90%; */
	margin: 5px 0 50px 0; 
}

#page_content {
/*	box-sizing: border-box; */
	text-align: left;
	vertical-align:top;
	width:98%; /* Sync with #PageTitle */
	float:inherit;
	font-family:Arial, Helvetica, sans-serif;

}

#Copyright {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
	vertical-align: middle;
	line-height: 14px;
}

#NASBA_Footer {
	box-sizing: border-box; 
/*	margin-top: 75px; */
/*	margin-bottom:75px; */
/*	padding-bottom: 75px; */
	padding: 2%; 
/*	margin: 2%; */
}

.NASBA_Sponsor_Notice {
/*	clear:both; */
	box-sizing: border-box; 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 90%;	
	line-height: 95%;
	width:60%;
/*	padding-top:12px; */
/*	padding-bottom:20px; */
	padding: 2% 3% 2% 3%; 
	background-color: LightCyan;
}

.NASBA_Sponsor_pic {
/*	margin:5px 20px; */
	float:left; 
/*	padding-bottom:5px; */
	margin: 2%;
}

.vertical_linespace50 {
	line-height: 50%;
}

.vertical_linespace200 {
	line-height: 200%;
}


.pic_pad_1 {
	vertical-align:middle;
	margin:5px 20px;
	float:left;
/*	line-height:.9px; */
	padding-bottom:5px;
}

.course_info_label {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border-width:1px;
	color:#0033CC;
	font-size:100%;
	font-weight:bold;
}

.default_display {
	display: inline;
}

.mobile_display {
	display: none;
}

.default_display.block {
	display: block;
}

.mobile_display.block {
	display: none;
}

.content_subtitle_1 {
	font-size: 110%;
	font-weight: bold;
	display: block;
	text-align: center;
	padding-bottom: 1%;
	color: blue;
}

.content_subtitle_2 {
	font-size: 105%;
	font-weight: bold;
	display: block;
	text-align: center;
	color: blue;
}

.byline {
	font-size: normal;
	font-weight: normal;
	text-align: left;
	color: blue;
	margin: 0 0 100px 0;
	line-height: 50px;
}

.nav_container {
/*	box-sizing: border-box; */
	position: absolute;
/*	top: 375px; */
	top: 180px;
/*	background-color:#CCFF99; */
	background-color: LightGray;
	line-height:normal;
	padding:0%; 
/*	border:1px blue ridge; */
	margin:0% 0% 20% 0%;
	width:70%;
	float:left;
	display:block;
}

ul.left_nav {
	/* width:1.5in; position:relative; */
	width:auto; position:static;
/*	margin:0% 5% 0% -15%; */
	margin:2% 5% 2% -15%;
}
 
/* ul#left_nav li {list-style:none; font:arial; text-align:left; */
ul.left_nav li {list-style:none; font:arial; text-align:left;
/*	line-height:125%; */
}

ul.left_nav li a {
	display:block; text-decoration:none;
}

ul.left_nav a:link {
	/* color:blue; background-color:#CCFF99; line-height:20px; font-weight:normal; */
/*	color:blue; font-weight:normal; */
	color: blue; font-weight: normal;
	/* padding:0 0 0 10px; */
	/* border:1px blue ridge; */
}

ul.left_nav a:visited {
	/* color:blue; background-color:#CCFF99; line-height:20px; font-weight:normal; */
	/* color:blue; font-weight:normal; */
	color:teal; font-weight: normal;
	/* padding:0 0 0 10px; */
	/* border:1px blue ridge; */
}

ul.left_nav a:hover {
	/* color:white; background-color:black; font-weight:bold; line-height:20px; */
	color:blue; font-weight:bold;
	/* padding:0 0 0 10px; */
	/* border:1px blue ridge; */
}

ul.left_nav a:active {
	/* color:yellow; background-color:silver; line-height:20px; font-weight:bold; */
	/* color:yellow; background-color:silver; font-weight:bold; */
	color:aqua; font-weight: bold;
	/* padding:0 0 0 10px; */
	/* border:1px blue ridge; */
}

ul.left_nav ul {
	/* width:1.5in; */
	/* width:38%; */
	position:relative
}

ul.left_nav li ul {
	position:relative; display:none;
}

ul.left_nav li ul li a {
	/* display:block; text-decoration:none; list-style:none; font:arial; text-align:left; width:180px; */
	/* display:block; text-decoration:none; list-style:none; font:arial; text-align:left; width:24%; */
	display:block; text-decoration:none; list-style:none; font:arial; text-align:left;
}

ul.left_nav li ul li {
	display:block;
}

/* ul#left_nav li.submenu:hover ul {
	line-height:20px; display:inline;
	display:block; left:auto; position:absolute;
	margin:-1px 0 0 1px;
} */

/** #left_sidebar_modifiable {
	position:static;
}

#right_sidebar_modifiable {
	position:static;
} */

#badges {
/*	box-sizing: border-box; */
	/* padding:0% 0% 20% 0%; */
	/* position:static; */
	margin:0% 0% 20% 0%;
}

#banners {
/*	box-sizing: border-box; */
	margin:0% 0% 20% 0%;
}

#notices {
	float: right;
}

.LKJ_Notices {
	/* width:190px; */
	width:28%;
	overflow:auto;
	height:100px;
	border-width: thin;
	border-style:solid;
	border-color:orange;
	background-color:#FFFFCC;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:small;
	padding:4px;
	float: right;
}

/** #LKJ_Notices_Headline {
	color:green;
	font-weight:bold;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:medium;
	text-align:center;
}

#LKJ_Head_Alerts {
	border-width: thin;
	border-style:solid;
	border-color:orange;
	background-color:yellow;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:small;
	padding:4px;
}

#LKJ_Head_Alerts_Headline {
	background-color:yellow;
	color:red;
	font-weight:bold;
	font-family:medium;
	font-size:medium;
	text-align:center;
}

#LKJ_Alerts {
	background-color:yellow;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:bold;
	color:red;
	;text-align:center;
	padding:4px;
	margin-left:auto;
}

.LKJ_Alerts_Headline {
	background-color:orange;
	color:white;
	font-weight:bold;
	font-family:medium;
	font-size:medium;
	text-align:center;
}

.LKJ_Alerts_Band_1 {
	background-color:#FFFF66;
	font-weight:bold;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:left;
}

.LKJ_Alerts_Band_2 {
	background-color:#FFFF00;
	font-weight:bold;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:left;
}

#LKJ_Blue_Notes {
	background-color:#99FFCC;
	color:blue;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:bold;
	padding:4px;
	margin-left:auto;
	text-align:center;
}

.LKJ_Blue_Notes_Headline {
	background-color:blue;
	color:white;
	font-weight:bold;
	font-family:medium;
	font-size:medium;
	text-align:center;
}

.LKJ_Blue_Notes_Band_1 {
	background-color:#CCFFFF;
	color:black;
	font-weight:normal;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:left;
}

.LKJ_Blue_Notes_Band_2 {
	background-color:#79FFFF;
	color:black;
	font-weight:normal;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:left;
} */

.LKJ_Notes_Header {
	/* width:200px; */
/**	width:28%;
	border-width: thin;
	border-style:solid;
	border-color:black; */
	background-color:green;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
/*	font-size:medium; */
	font-size: 110%;
	font-weight:bold;
	color:white;
	text-align:center;
	/* padding:4px; */
/*	position:static; */
}

/** #LKJ_Notes_Footer_Index {
	width:30%;
	border-width: thin;
	border-style:solid;
	border-color:black;
	background-color:#FFFFCC;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:bold;
	color: green;
	text-align:center;
	position:static;
} */

.LKJ_Notes {
	/* width:200px; */
	/* width:28%; */
/**	overflow:auto;
	height:150px;
	border-width: thin;
	border-style:solid;
	border-color:black;
	background-color:white;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:small; */
	/* padding:4px; */
/*	margin:0% 0% 20% 0%; */
}

/** #LKJ_Center_Notes_Index {
	width:78%;
	overflow:auto;
	height:200px;
	border-width: thin;
	border-style:solid;
	border-color:black;
	background-color:white;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:small;
	padding:4px;
}

.LKJ_Notes_Head_Index {
	color:white; background-color:green;
	font-weight:bold;
	font-family:inherit;
	font-size:larger;
}

.LKJ_Notes_subHead_Index {
	color:green;
	font-weight:bold;
	font-family:inherit;
	font-size:inherit;
}

.LKJ_Notes_subHead2_Index {
	color:blue;
	font-weight:bold;
	font-family:inherit;
	font-variant:small-caps;
	font-size:inherit;
}

#Topic_Subhead_1 {
	color: white;
	background-color: black;
	padding: 4px;
}

#Topic_Subhead_2 {
	color: white;
	background-color: green;
	padding: 4px;
} */

.course_title {
	font-style: italic;
}

.Highlight_Green {
	font-weight:bold;
	color:white;
	background-color:green;
}

.Highlight_Black {
	font-weight:bold;
	color:white;
	background-color:black;
}

.Highlight_Yellow {
	font-weight:bold;
	color:white;
	background-color:yellow;
}

.Highlight_LtYellow {
	font-weight:bold;
	color:green;
	background-color:#FFFFCC;
}

.Highlight_MediumBlue {
	font-weight:bold;
	color:white;
	background-color:#006699;
}

.Highlight_Red {
	font-weight:bold;
	color:white;
	background-color:red;
}

.bold_green {
	font-weight: bold;
	color: green;
}

.bold_blue {
	font-weight: bold;
	color: blue;
}

.bold_black {
	font-weight: bold;
	color: black;
}

.bold_red {
	font-weight: bold;
	color: red;
}

.bold_smallcaps {
	font-variant: small-caps;
	font-weight: bold;
}

.editorial_note {
	color: green;
}

.content_col_title {
	font-size: 125%;
	font-weight: bold;
	display: block;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
	padding-bottom: 1%;
	color: blue;
}

.display_col {
	position: relative;
	float: left;
	width: 49.75%;
	padding: .125%;
}

.content_col_hdr {
	font-size: 105%;
	display: block;
/* 	vertical-align: bottom; */
	text-align: center;
	color: white;
	font-weight: bold;
	background-color: blue;
	padding-bottom: 1%;
}

.row {
	float: left;
	display: block;
	font-weight: normal;
	background-color: white;
	overflow: hidden;
}

.content_col {
	display: block;
}

.content_col_1 {
	width: 8.3333333333%;
}

.content_col_2 {
	width: 16.6666666666%;
}

.content_col_3 {
	width: 25%;
}

.content_col_4 {
	width: 33.3333333333%;
}

.content_col_5 {
	width: 41.6666666666%;
}

.content_col_6 {
	width: 50%;
}

.content_col_7 {
	width: 58.3333333333%;
}

.content_col_8 {
	width: 66.6666666666%;
}

.content_col_9 {
	width: 75%;
}

.content_col_10 {
	width: 83.3333333333%;
}

.content_col_11 {
	width: 91.6666666666%;
}

.content_col_12 {
	width: 100%;
}


/** Responsive
----------------------------------------------------------------------------- */

@media screen and (max-width: 1199px) {

/** --------------
	START - Override default images set earlier in CSS. */
	
	ul.left_nav {
		/*	top: 100px; */
		line-height: 200%;
	}
	
}

@media screen and (max-width: 979px) {

/** --------------
	START - Override default images set earlier in CSS. */
	
	.spanfluid {
		left: 140px; /*Set left value to WidthOfFrameDiv*/
		font-size: 100%;
	}

	.span_leftsidebar {
		width: 140px; /*Width of frame div*/
	}
	
	.inner {
	/*	margin: 15px; */
	/*	margin: 1px; */
	}

	.default_display {
		display: none;
	}

	.mobile_display {
		display: inline;
	}

	.default_display.block {
		display: none;
	}

	.mobile_display.block {
		display: block;
	}

	ul.left_nav {
		/* width:1.5in; position:relative; */
		width:inherit; position:static;
		margin:0% 5% 0% -25%;
}
 

}


@media screen and (max-width: 768px) {	

/** --------------
	START - Override default images set earlier in CSS. */
	
	.spanfluid {
		left: 160px; /*Set left value to WidthOfFrameDiv*/
		font-size: 100%;
	}

	.span_leftsidebar {
		width: 160px; /*Width of frame div*/
		overflow: auto; 		
	}

	.inner_top {
		position: fixed;
		width: 140px;
	}

	.nav_container {
		width: 60%;
		margin-left: 10px;
	}

	ul.left_nav {
		/* width:1.5in; position:relative; */
		/* width:inherit; position:static; */
		width:inherit; 
		margin:0 15px 0 -25px;	
	}

	.inner {
	/*	margin: 15px; */
	/*	margin: 1px; */

	}

	.default_display {
		display: none;
	}

	.mobile_display {
		display: inline;
	}

	.default_display.block {
		display: none;
	}

	.mobile_display.block {
		display: block;
	}

	.display_col {
		width: 98%;
	}

/** --------------
	END - Override default images set earlier in CSS. */

}