body {
	height:100%;
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.3333em;
}
						
body a:link				{color:#003366;
						}

body a:visited			{color:#003366;
						}

a.homelink:link			{color: #ffcc00; text-decoration: underline;
						 font-weight: bold;
						 }

a.homelink:visited		{color: #ffcc00; text-decoration: underline;
						 font-weight: bold;
						 }

#topbanner				{width:100%;;
						height:71px;
						background-color:#6699cc;
						margin:0px;
						padding:0px;
						}
							
#sidebar				{width:118px;
						position: absolute;
						background-color:#336699;
						margin:0;
						padding:5px;
						height:100%;
						left: -1px;
						}
		
#sidebarhome			{width:371px;
						position: absolute;
						background-color:#336699;
						margin:0;
						padding:20px 10px 10px 10px;

						}
						
#takethecourse			{position: relative;
						margin: 10px 10px 10px 410px;
						height:100%;
						}
						
						
.accentbarhome			{float:right;
						width:100%;
						height:20px;
						background-color:#ffcc00;
						border-top:1px solid #ffffff;
						}
						
						
.welcome				{color: #ffcc00;
						 /*font-size: 160%;*/
						 font-size: 1.4em;
						 font-weight: bold;
						 margin:0px;
						 padding:0px;
						 }
						
#maincontent			{
						margin: 10px 10px 10px 140px;
						}
						
#maincontent2			{position: relative;
						margin: 10px 10px 10px 10px;
						}						
						
#container				{float: right;
						margin: 10px 10px 10px 10px;
						width:400px;
						}
						
#container2				{float: right;
						margin: 0px 10px 10px 10px;
						width:320px;
						}

#caption100				{float:right;
						width:100px;
						margin: 10px 10px 10px 10px;
						color: #333366;
						/*font-size: 70%;*/
						font-size: .9em;
						font-weight:bold;
						text-align:left;
						}
						
#caption200				{float:right;
						width:200px;
						margin: 10px 10px 10px 10px;
						color: #333366;
						/*font-size: 70%;*/
						font-size: .9em;
						font-weight:bold;
						text-align:left;
						}
				
#caption250				{float:right;
						width:250px;
						margin: 10px 10px 10px 10px;
						color: #333366;
						/*font-size: 70%;*/
						font-size: .9em;
						font-weight:bold;
						text-align:left;
						}
						
#caption300				{float:right;
						width:300px;
						margin: 10px 10px 10px 10px;
						color: #333366;
						/*font-size: 70%;*/
						font-size: .9em;
						font-weight:bold;
						text-align:left;
						}
						
#caption350				{float:right;
						width:350px;
						margin: 10px 10px 10px 10px;
						color: #333366;
						/*font-size: 70%;*/
						font-size: .9em;
						font-weight:bold;
						text-align:left;
						}
						
#caption				{float:right;
						margin: 10px 10px 10px 10px;
						color: #333366;
						/*font-size: 70%;*/
						font-size: .9em;
						font-weight:bold;
						text-align:center;
						}
						
.accentbar				{
						margin-left:127px;
						padding-top:2px;
						padding-bottom:6px;
						background-color:#ffcc00;
						border-top:1px solid #ffffff;
						}

.titlebar				{width:100%;
						/*font-size: 90%;*/
						font-size: 1.1em;
						font-weight:bold;
						text-align:left;
						color: #FFCC00;
						padding-top:2px;
						padding-bottom:2px;
						margin-bottom:8px;
						}
						
.accentbar2				{width:100%;
						height:20px;
						background-color:#ffcc00;
						}
						
.clearfloat 			{ /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
						clear:both;
    					height:0;
    					font-size: 1px;
    					line-height: 0px;
						}

.toolbox				{float:right;
						width:200px;
						border:0;
						margin-left:10px; 
						margin-right:10px;
						margin-bottom:10px;
						margin-top:0px; 
						padding:10px;
						}

.turnoffbox				{display:none;
						}

.turnonbox				{display:block;
						}

.boxtitle				{width:100%;
						border:2px solid #333366;
						background-color: #333366;
						margin:0px;
						padding:8px;
						/*font-size: 90%;*/
						font-size: 1.1em;
						font-weight: bold;
						color: #ffffff;
						text-align:center;
						}

.boxtitle2				{width:100%;
						border:2px solid #336699;
						background-color: #336699;
						margin:0px;
						padding:8px;
						/*font-size: 90%;*/
						font-size: 1.1em;
						font-weight: bold;
						color: #ffffff;
						text-align:center;
						}
						
.box					{width:100%;
						border:2px solid #333366;
						background-color: #ffffcc;
						margin:0px;
						padding:8px;
						}

.boxtext2				{width:100%;
						display:table;
						border:2px solid #336699;
						background-color: #ffffcc;
						margin:0px;
						padding:8px;
						/*font-size: 80%;*/
						font-weight: bold;
						color: #333366;
						text-align:left;
						}

.box2					{border:2px solid #333366;
						background-color: #ffffcc;
						margin:0px;
						padding:10px 10px 10px 10px;
						}

.box3					{border:1px solid #333366;
						background-color: #ffffcc;
						margin:10px;
						padding:10px 10px 10px 10px;
						}

.pullout				{float:right;
						width:25%;
						border:0;
						margin-left:10px; 
						margin-right:10px;
						margin-bottom:10px;
						margin-top:0px; 
						padding:10px;
						}

.pullout2				{float:none;
						width:300px;
						border:0;
						margin-left:10px; 
						margin-right:10px;
						margin-bottom:10px;
						margin-top:0px; 
						padding:10px;
						}

.pullout3				{float:right;
						width:300px;
						border:0;
						margin-left:10px; 
						margin-right:10px;
						margin-bottom:10px;
						margin-top:0px; 
						padding:10px;
						}

.pullout4				{float:none;
						width:80%;
						border:0;
						margin-left:0px; 
						margin-right:0px;
						margin-bottom:10px;
						margin-top:10px; 
						padding:10px;
						}
						
.pullout5				{float:right;
						width:200px;
						border:0;
						margin-left:10px; 
						margin-right:10px;
						margin-bottom:10px;
						margin-top:0px; 
						padding:10px;
						}

.pullout6				{float:right;
						width:50%;
						border:0;
						margin-left:10px; 
						margin-right:10px;
						margin-bottom:10px;
						margin-top:0px; 
						padding:10px;
						}

a.menu:link				{color: #003366; text-decoration: none;
						 /*font-size: 75%;*/
						 font-size: .95em;
						 font-weight: bold;
						 }

a.menu:visited			{color: #003366; text-decoration: none;
						 /*font-size: 75%;*/
						 font-size: .95em
						 font-weight: bold;
						 }

a.menu:hover			{color: #cc0000; text-decoration: underline;
						 /*font-size: 75%;*/
						 font-size: .95em
						 font-weight: bold;
						 }

a.spotlight:link		{color: #ffcc00; text-decoration: none;
						 /*font-size: 70%;*/
						 font-size: .9em
						 font-weight: bold;
						 }

a.spotlight:visited		{color: #ffcc00; text-decoration: none;
						 /*font-size: 70%;*/
						 font-size: .9em
						 font-weight: bold;
						 }

a.spotlight:hover		{color: #ffffff; text-decoration: underline;
						 /*font-size: 70%;*/
						 font-size: .9em
						 font-weight: bold;
						 }


.date					{color: #ffffff;
						 /*font-size: 80%;*/
						 font-weight: bold;
						}
						
a.sidebar:link			{color: #ffffff; text-decoration: none;
						 /*font-size: 75%;
						 font-size: .95em;*/
						 font-weight: bold;
						 }

a.sidebar:visited		{color: #ffffff; text-decoration: none;
						 /*font-size: 80%;*/
						 font-weight: bold;
						 }

a.sidebar:hover			{color: #ffcc00; text-decoration: underline;
						 /*font-size: 80%;*/
						 font-weight: bold;
						 }

.homepagebody			{color: #ffffff;
						 /*font-size: 80%;*/
						 font-weight: bold;
						 }
						 
.homepagecredits		{color: #000000;
						 /*font-size: 80%;*/
						 }
						 
.homepagecreditsbold	{color: #333366;
						 /*font-size: 80%;*/
						 font-weight: bold;
						 }	
						 
.copyright				{color: #333366;
						 /*font-size: 70%;*/
						 font-size: .95em
						 font-weight: bold;
						}
						
.mainbody				{color: #000000;
						}
						
p {
	font-family: Arial, Helvetica, sans-serif;
}
						
				
.mainbodybold			{color: #333366;
						 font-weight: bold;
						}
						
.mainbodybold2 {
	color: #333366;
	font-weight: bold;
}						
						
.mainbodyboldred		{color: #cc0000;
						 /*font-size: 80%;*/
						 font-weight: bold;
						}
						
.mainbodyboldwhite		{color: #ffffff;
						 /*font-size: 80%;*/
						 font-weight: bold;
						}
			 
.divider				{color: #cc0000;
						 /*font-size: 80%;*/
						 font-weight: bold;
						}
						
a.breadcrumb:link		{color: #cc0000; text-decoration: none;
						 /*font-size: 75%;*/
						 font-size: .95em;
						 font-weight: bold;
						 }

a.breadcrumb:visited	{color: #cc0000; text-decoration: none;
						 /*font-size: 75%;*/
						 font-size: .95em;;
						 font-weight: bold;
						 }

a.breadcrumb:hover		{color: #333366; text-decoration: underline;
						 /*font-size: 75%;*/
						 font-size: .95em;
						 font-weight: bold;
						 }

a.syllabus:link			{color: #333366; text-decoration: none;
						 /*font-size: 80%;*/
						 font-weight: bold;
						 }

a.syllabus:visited		{color: #333366; text-decoration: none;
						 /*font-size: 80%;*/
						 font-weight: bold;
						 }

a.syllabus:hover		{color: #cc0000; text-decoration: underline;
						 /*font-size: 80%;*/
						 font-weight: bold;
						 }
			 
a.toolkit:link			{color: #333366; text-decoration: none;
						 /*font-size: 70%;*/
						 font-size: .9em;
						 font-weight: bold;
						 }

a.toolkit:visited		{color: #333366; text-decoration: none;
						 /*font-size: 70%;*/
						 font-size: .9em;
						 font-weight: bold;
						 }

a.toolkit:hover			{color: #cc0000; text-decoration: underline;
						 /*font-size: 70%;*/
						 font-size: .9em;
						 font-weight: bold;
						 }

a.more:link				{color: #cc0000; text-decoration: none;
						 /*font-size: 70%;*/
						 font-size: .9em;
						 font-weight: bold;
						 }

a.more:visited			{color: #cc0000; text-decoration: none;
						 /*font-size: 70%;*/
						 font-size: .9em;
						 font-weight: bold;
						 }

a.more:hover			{color: #333366; text-decoration: underline;
						 /*font-size: 70%;*/
						 font-size: .9em;
						 font-weight: bold;
						 }

.partnerquote			{color: #333366;
						 /*font-size: 70%;*/
						 font-size: .9em;
						 font-weight: bold;
						 line-height: 1;
						 }

.topicquote				{color: #333366;
						 /*font-size: 80%;*/
						 font-style: italic;
						 font-weight: bold;
						 } 

h1						{color: #cc0000;
						 /*font-size: 160%;*/
						 font-size: 1.8em;
						 font-weight: bold;
						 line-height:1.5em;
						 margin:0px;
						 padding-top:5px;
						 padding-left:10px;
						 padding-bottom:10px;
						 }

.title1					{color: #cc0000;
						 font-size: 1.6em;
						 font-weight: bold;
						 }

h2						{color: #333366;
						 font-size: 1.5em;
						 line-height:1.5em;
						 font-weight: bold;
						 }
						 
h2 a					{text-decoration:none;
						 } 
						 
h2 a:hover				{text-decoration:underline;
						 } 
						 
.title2					{color: #333366;
						 font-size: 1.25em;
						 font-weight: bold;
						 }

h3						{color: #333366;
						 /*font-size: 100%;*/
						 font-size: 1.25em;
						 font-weight: bold;
						 }
						 
h4						{color: #333366;
						 /*font-size: 95%;*/
						 font-size: 1.2em;
						 font-weight: bold;
						 }
						 
.title3					{color: #333366;
						 /*font-size: 100%;*/
						 font-size: 1.2em;
						 font-weight: bold;
						 }

a.navigation:link		{color: #cc0000; text-decoration: none;
						 /*font-size: 80%;*/
						 font-weight: bold;
						 }

a.navigation:visited	{color: #cc0000; text-decoration: none;
						 /*font-size: 80%;*/
						 font-weight: bold;
						 }

a.navigation:hover		{color: #333366; text-decoration: underline;
						 /*font-size: 80%;*/
						 font-weight: bold;
						 }

.charttextblack			{color: #000000;
						 /*font-size: 80%;*/
						 font-weight: bold;
						 }
						 
.charttextwhite			{color: #FFFFFF;
						 /*font-size: 80%;*/
						 font-weight: bold;
						 }
						 
.charttitle				{color: #FFFFFF;
						 font-family: Arial, Helvetica, sans-serif;
						 /*font-size: 100%;*/
						 font-size: 1.2em;
						 font-weight: bold;
						 }
						 
.charttitle2			{color: #FFFFFF;
						 font-family: Arial, Helvetica, sans-serif;
						 /*font-size: 90%;*/
						 font-size: 1.1em;
						 font-weight: bold;
						 }  

li						{
						padding-bottom: 8px;
						}

.imgborder				{border: 1px solid #333366;
						margin-left:8px;
						margin-top:8px;
						margin-bottom:8px;
						}
						
.chartborder			{border-width: 0 0 2px 2px;
						border-style:solid;
						border-color:#333366;
						}
						
.chartborder2			{border-width: 0 0 1px 1px;
						border-style:solid;
						border-color:#333366;
						}
						
.chartborder3			{border-width: 2px 2px 2px 2px;
						border-style:solid;
						border-color:#333366;
						}

.chartbullet			{list-style-type: square;
						margin-top:0px;
						margin-bottom:0px;
						margin-left:4px;
						margin-right:0px;
						padding-left:15px;
						}

.cellborder				{border-width: 2px 2px 0 0;
						border-style:solid;
						border-color:#333366;
						}
						
.cellborder2			{border-width: 1px 1px 0 0;
						border-style:solid;
						border-color:#333366;
						}
						
.rowcolor1				{background-color:#ffffcc;
						}
						
.rowcolor2 {
	/* background-color:#e3eefb; */
	background-color:#e2e2e2;
}
						
.rowcolor3 {
	/* background-color:#333366; */
	background-color:#336699;
	
}
		
.rowcolor4				{background-color:#336699;
						}
						
#photo					{float:right;
						width:300px;
						margin: 10px 10px 10px 10px;
						border: 1px solid #333366;
						color: #333366;
						/*font-size: 70%;*/
						font-size: .9em;
						font-weight:bold;
						text-align:center;
						}
						
.blueline				{border: 0;
						color: #333366;
						background-color: #333366;
						height: 2px;
						width: 100%;
						text-align: left;
						}

.whiteline				{border: 0;
						color: #ffffff;
						background-color: #ffffff;
						height: 1px;
						width: 100%;
						text-align: left;
						}

.grayline				{border: 0;
						color: #cccccc;
						background-color: #cccccc;
						height: 1px;
						width: 100%;
						text-align: left;
						}

.bullets				{list-style-type: square;
						color:#ddb102;
						}

.bullets1				{list-style-type: square;
						color:#ffcc00;
						margin-top:0px;
						margin-bottom:0px;
						margin-left:4px;
						margin-right:0px;
						padding-left:15px;
						}

.bullets2				{list-style-type: square;
						color:#ddb102;
						margin-top:0px;
						margin-bottom:0px;
						margin-left:4px;
						margin-right:0px;
						padding-left:15px;
						}

hr { 
	background-color:#999999; 
	color:#999999; 
	border-color:#999999;
	height:1px;
}

.nowrap {
	white-space:nowrap;
}

.transcript {
	clear: both;
	margin:0 auto 16px auto;
	max-width:800px;
	overflow: auto;
	border: 1px solid #9A9A9A;
	padding: 8px;
	font-size: .9em;
	background-color: #FAFAFA; 
	height:200px;
}