/* CSS Course Outline Layout */

CSS CODE
<style>
/* Create a FLOATING box with text superimposed over it on right-hand-corner */
div#box-text
   {
    background-image:  url(https://system.netsuite.com/core/media/media.nl?id=6073&c=385284&h=bddf95e271a643586b2e);
    background-repeat: no-repeat;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
    border-top: 2px dashed #999999;
	border-right: 2px none;
	border-bottom: 2px dashed #999999;
	border-left: 2px dashed #999999;
	height: 200px;
    width: 200px;
    }
</style>

/* Build the structure of the outline frame */
#container
{
width: 90%;
margin: 10px auto;
background-color: #cccccc;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#top
{
padding: .5em;
background-color: #cccccc;
border-bottom: 1px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
}

#bottom
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

/* Remove Space Above Content */
#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

/* For SMALL Outlines With No OBJECTIVES */
#leftnav-1
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
}

#rightnav-1
{
float: right;
width: 160px;
margin: 0;
padding: 1em;
}

#content-1
{
margin-left: 200px;
border-left: 1px solid gray;
margin-right: 200px;
border-right: 1px solid gray;
}
/* For L A R G E Outlines With OBJECTIVES */
#leftnav-2
{
float: left;
width: 320px;
margin: 0;
padding: 1em;
}

#rightnav-2
{
float: right;
width: 320px;
margin: 0;
padding: 1em;
}

#content-2
{
margin-left: 340px;
border-left: 1px solid gray;
margin-right: 340px;
border-right: 1px solid gray;
}
/* For M E D I U M Outlines With OBJECTIVES */
#leftnav-3
{
float: left;
width: 360px;
margin: 0;
padding: 1em;
}

#rightnav-3
{
float: right;
width: 360px;
margin: 0;
padding: 1em;
}

#content-3
{
margin-left: 380px;
border-left: 1px solid gray;
margin-right: 380px;
border-right: 1px solid gray;
}
/* For N E W Outlines With TWO COLUMNS */
#leftnav-4
{
float: left;
width: 500px;
margin: 0;
padding: 1em;
}

#content-4
{
margin-left: 520px;
border-left: 1px solid gray;
margin-right: 5px;
border-right: 1px solid gray;
}

/* Course Title - New */
H1
	{
  	font-size: 12pt;
  	font-family: arial;
  	font-style: normal;
  	font-weight: bold;
  	font-variant: normal;
  	line-height: normal;
  	color: maroon;
  	text-align: left;
	}
/* Course Description - Not just the label, but the actual description */
H2
	{
	font-size: 9pt;
  	font-family: arial;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	line-height: normal;
  	color: black;
  	text-align: left;
	}
/* Outline Objectives */
H3
	{
  	font-size: 10pt;
  	font-family: arial;
  	font-style: normal;
  	font-weight: bold;
  	font-variant: normal;
  	line-height: normal;
  	color: black;
  	text-align: left;
	}
/* Outline Subheading */
H4
	{
  	font-size: 10pt;
  	font-family: arial;
  	font-style: normal;
  	font-weight: bold;
  	font-variant: normal;
  	line-height: normal;
  	color: black;
  	text-align: left;
	}
H5
	{
  	font-size: 10pt;
  	font-family: arial;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	line-height: normal;
  	color: black;
  	text-align: left;
	}
H6
	{
  	font-size: 8pt;
  	font-family: arial;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	line-height: normal;
  	color: black;
  	text-align: left;
	}

/* Similar to H5 */
P1
	{
	font-size: 10pt;
  	font-family: arial;
  	font-style: normal;
  	font-weight: bold;
  	font-variant: normal;
  	line-height: normal;
  	color: black;
  	text-align: left;
	}
/* Normal Page Text */
P2
	{
	font-size: 9pt;
  	font-family: arial;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	line-height: normal;
  	color: black;
  	text-align: left;
	}
/* Normal Page Text Justified */
P3
	{
	font-size: 10pt;
  	font-family: arial;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	line-height: normal;
  	color: black;
  	text-align: justify;
	}