/*--------------------
-- Content Sections --
--------------------*/

#content .leftCourseContent{
	display:block;
	float:left;
	width:143px;
	padding:20px 0px 10px 15px;
}

#content .rightCourseContent{
	display: block;
	float: left;
	padding: 10px 10px 10px 20px;
	width: 560px;
	/*overflow:hidden;*/
}

/* Extended Content */
#contentExtended{
	display: block;
	width: 970px;
	border-left: solid #000000 1px;
	border-right: solid #000000 1px;
	background-color:#FFFFFF;
}

#contentExtended .leftCourseContentExtended{
	display:block;
	float:left;
	padding: 10px 40px 10px 40px;
	width:655px;
}

#contentExtended .rightCourseContent{
	display: block;
	float: left;
	margin: 20px 0px 0px 0px;
	width: 195px;
}

/* Other */

h1{
	color: #336699;
	font-weight: bold;
	font-size: x-large;
	font-style:normal;
	margin: 0px;
	padding: 5px 0px 5px 0px;	
}

h4{
	color: #336699;
		
}

h5{
	color: #336699;
	
	}



.hidden{
	display:none;
	visibility:hidden;
	border:0px;
	padding:0px;
	width:0px;
	height:0px;
}


/*--------------
-- Course Nav --
--------------*/

/* General */
.courseNav{
	width:133px;/*old 133px*/ /*new 196px*/
	border-top:solid 1px #dddddd;
	font-size:small;
}

.courseNav a{
	display:block;
	zoom:1; /*IE Hack*/
	white-space:normal;
}


.largeImg{
 margin-bottom:10px;	
 margin-top:10px;	
}

.caption{
  margin-top:5px;
  font-size:smaller;
  text-align:center;
  font-weight:bold;	
	
}

.importantNote{
	 color:#336699;
	 font-weight:bold;
	 font-size:smaller;	
}

.medFloatRight, .smFloatRight{
 float:right;
 margin-left:10px;
 margin-bottom:10px;	
	
}

.smFloatLeft{
 float:left;
 margin-right:5px;
 margin-bottom:10px;
 width:215px;	
	
}

.medFloatLeft{
 float:left;
 margin-right:5px;
 margin-bottom:10px;	
 width:320px;	
}

.boldedTitles{
 font-weight:bold;
 font-size:smaller;
}

.stateSpecific{
  background-color:#e2f5f9;
  border:dashed 2px #b5cde2;
  padding: 10px 10px 5px 13px;
  margin-left:-15px;
  margin-bottom:20px;
  width:655px;
}

/*
IE6 Hack to fix blue box

*/
 
 * html .stateSpecific{
  margin-left:0px;
	
}

/* ItemStyle */
.courseNavItem{
	width:116px;/*old 116px*/ /*new 179px*/
	border-bottom: solid 1px #dddddd;
	padding: 0px 0px 0px 9px;	
	background-color:#ffffff;
	color:#666666;
}

.courseNavItem a{
	background-color:#ffffff;
	color:#666666;	
}

.courseNavItem a:hover{
	background-color:#e9e9e9;
	color:#666666;
}
	
/* TItleStyle */
.courseNavTitle{
	background-color:#f3f8fc;
	width:132px;/*old 132px*/ /*new 195px*/
	border-bottom: solid 1px #dddddd;
	padding: 0px 0px 0px 1px;
	font-size: small;
	letter-spacing:-1px;
}

.courseNavTitle a, .courseNavTitle a:visited{
	background-color:#f3f8fc;
	color:#336699;
	font-weight:bold;
	text-decoration:none;
}

.courseNavTitle a:hover{
	background-color:#336699;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

div.flashDelectCourseAudio{
    border:solid 2px orange;
    padding:4px;
    background-color:#fffdf8;
    color:#000000;
    font-weight:bold;
    margin-top:-52px;
    position:absolute;
    width:200px;
    font-size:10px;
}
div.flashDelectCourseAudio a:hover{
	text-decoration:blink;
}

  @media print 
  {
    
    #content .leftCourseContent{
	display:none;
	}

	#content .rightCourseContent{
		float: none !important;
		padding: 0;
		width: 100%;
		overflow:visible;
	}
  }