.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:#cc66ff;
						}

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

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

body					{height:100%;
						margin:0px;
						padding:0px;
						}
						
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:#cf9fff;
						border-top:1px solid #ffffff;
						}
						
						
.welcome				{color: #ffcc00;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 160%;
						 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-family: Arial, Helvetica, sans-serif;
						font-size: 70%;
						font-weight:bold;
						text-align:left;
						}
						
#caption200				{float:right;
						width:200px;
						margin: 10px 10px 10px 10px;
						color: #333366;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 70%;
						font-weight:bold;
						text-align:left;
						}
				
#caption250				{float:right;
						width:250px;
						margin: 10px 10px 10px 10px;
						color: #333366;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 70%;
						font-weight:bold;
						text-align:left;
						}
						
#caption300				{float:right;
						width:300px;
						margin: 10px 10px 10px 10px;
						color: #333366;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 70%;
						font-weight:bold;
						text-align:left;
						}
						
#caption350				{float:right;
						width:350px;
						margin: 10px 10px 10px 10px;
						color: #333366;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 70%;
						font-weight:bold;
						text-align:left;
						}
						
#caption				{float:right;
						margin: 10px 10px 10px 10px;
						color: #333366;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 70%;
						font-weight:bold;
						text-align:center;
						}
						
.accentbar				{width:100%;
						height:20px;
						background-color:#cf9fff;
						border-top:1px solid #ffffff;
						}

.accentbar2				{width:100%;
						height:20px;
						background-color:#cf9fff;
						}
						
.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-family: Arial, Helvetica, sans-serif;
						font-size: 90%;
						font-weight: bold;
						color: #ffffff;
						text-align:center;
						}

.boxtitle2				{width:100%;
						border:2px solid #336699;
						background-color: #336699;
						margin:0px;
						padding:8px;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 90%;
						font-weight: bold;
						color: #ffffff;
						text-align:center;
						}
						
.box					{width:100%;
						border:2px solid #333366;
						background-color: #efeaef;
						margin:0px;
						padding:8px;
						}

.boxtext2				{width:100%;
						display:table;
						border:2px solid #336699;
						background-color: #efeaef;
						margin:0px;
						padding:8px;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 80%;
						font-weight: bold;
						color: #333366;
						text-align:left;
						}

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

.box3					{border:1px solid #333366;
						background-color: #efeaef;
						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;
						}


a.spotlight:link		{color: #ffcc66; text-decoration: none;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 70%;
						 font-weight: bold;
						 }

a.spotlight:visited		{color: #ffcc66; text-decoration: none;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 70%;
						 font-weight: bold;
						 }

a.spotlight:hover		{color: #ffffff; text-decoration: underline;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 70%;
						 font-weight: bold;
						 }


.date					{color: #ffffff;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 80%;
						 font-weight: bold;
						}
						
a.sidebar:link			{color: #ffffff; text-decoration: none;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 80%;
						 font-weight: bold;
						 }

a.sidebar:visited		{color: #ffffff; text-decoration: none;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 80%;
						 font-weight: bold;
						 }

a.sidebar:hover			{color: #ffcc00; text-decoration: underline;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 80%;
						 font-weight: bold;
						 }

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

a.breadcrumb:visited	{color: #cc0000; text-decoration: none;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 75%;
						 font-weight: bold;
						 }

a.breadcrumb:hover		{color: #333366; text-decoration: underline;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 75%;
						 font-weight: bold;
						 }

a.syllabus:link			{color: #333366; text-decoration: none;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 80%;
						 font-weight: bold;
						 }

a.syllabus:visited		{color: #333366; text-decoration: none;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 80%;
						 font-weight: bold;
						 }

a.syllabus:hover		{color: #cc0000; text-decoration: underline;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 80%;
						 font-weight: bold;
						 }
			 
a.toolkit:link			{color: #333366; text-decoration: none;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 70%;
						 font-weight: bold;
						 }

a.toolkit:visited		{color: #333366; text-decoration: none;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 70%;
						 font-weight: bold;
						 }

a.toolkit:hover			{color: #cc0000; text-decoration: underline;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 70%;
						 font-weight: bold;
						 }

a.more:link				{color: #cc0000; text-decoration: none;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 70%;
						 font-weight: bold;
						 }

a.more:visited			{color: #cc0000; text-decoration: none;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 70%;
						 font-weight: bold;
						 }

a.more:hover			{color: #333366; text-decoration: underline;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 70%;
						 font-weight: bold;
						 }

.partnerquote			{color: #333366;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 70%;
						 font-weight: bold;
						 line-height: 1;
						 }

.topicquote				{color: #333366;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 80%;
						 font-style: italic;
						 font-weight: bold;
						 } 

h1						{color: #cc0000;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 160%;
						 font-weight: bold;
						 margin:0px;
						 padding-top:5px;
						 padding-left:10px;
						 padding-bottom:10px;
						 }

.title1					{color: #cc0000;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 160%;
						 font-weight: bold;
						 }

h2						{color: #333366;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 120%;
						 font-weight: bold;
						 }
						 
.title2					{color: #333366;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 120%;
						 font-weight: bold;
						 }

h3						{color: #333366;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 100%;
						 font-weight: bold;
						 }
						 
.title3					{color: #333366;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 100%;
						 font-weight: bold;
						 }

a.navigation:link		{color: #cc0000; text-decoration: none;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 80%;
						 font-weight: bold;
						 }

a.navigation:visited	{color: #cc0000; text-decoration: none;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 80%;
						 font-weight: bold;
						 }

a.navigation:hover		{color: #333366; text-decoration: underline;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 80%;
						 font-weight: bold;
						 }

.charttextblack			{color: #000000;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 80%;
						 font-weight: bold;
						 }
						 
.charttextwhite			{color: #FFFFFF;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 80%;
						 font-weight: bold;
						 }
						 
.charttitle				{color: #FFFFFF;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 100%;
						 font-weight: bold;
						 }
						 
.charttitle2			{color: #FFFFFF;
						 font-family: Arial, Helvetica, sans-serif;
						 font-size: 90%;
						 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;
						}

.chartbullets			{list-style-type: square;
						color:#cc66ff;
						margin-top:0px;
						}


.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:#efeaef;
						}
						
.rowcolor2				{background-color:#e3eefb;
						}
						
.rowcolor3				{background-color:#333366;
						}
		
.rowcolor4				{background-color:#336699;
						}
						
#photo					{float:right;
						width:300px;
						margin: 10px 10px 10px 10px;
						border: 1px solid #333366;
						color: #333366;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 70%;
						font-weight:bold;
						text-align:center;
						}