div.headerInner{
	text-align:center;
}

h1{
	font-family: serif !important;
	font-size: 1.4em !important;
	color: #403152;
}

h1 a {
	text-decoration: none;
	color: #403152 !important;
	
}

div.footerLeft{
	padding:5px 1px 0px 10px;
	width:112px;
	float:left;
}

div.footerRight{
	text-align:right;
	padding:2px;
	padding-right:10px;
	float:right;
	font-size: 0.9em !important;
	font-family:serif;
}

div.footerRight a{
	color: #FFF !important;
}

#footerNav {
	margin:0;
	padding: 5px;
	background-color: #604a7b;
}

#footerNav a{
	text-decoration: none;
	color: #FFF;
	text-shadow: 0 1px 1px #434242;
	font-size: 0.9em;
}

#footerNavLeft{
	width:48%;
	float:left;
	padding-left:5px;
}

#footerNavRight{
	width:48%;
	float:right;
	text-align: right;
	padding-right:5px;
}

#pageInner{
	padding-left: 5px;
	padding-right: 5px;
}

#popupBasic{
	right: 10px;
	top: 10px;
}

div.note{
	right: 10px;
	top: 40px;
}

div.tocSection{
	width:100%;
	padding:0;
	margin: 0;
	
}

div.tocSection h2{
	padding:0;
	margin: 0;
}

div.tocSection h2 a{
	color: #FFF !important;
	text-decoration:none;
	display:block;
	padding:40px 10px;
	margin:0;
	font-weight:normal !important;
}

div.tocSection h2 a img{
	vertical-align:middle;
	margin-right: 5px;
}

h2.subHeader, h3.subHeader{
	font-size: 1.3em;
	text-align:center;
	margin:0;
	padding: 5px;
	color: #FFF;
	text-shadow: 0 1px  1px  #e0e0e0 ;
	
}

h2.subHeader{
	background-color: #403152;
	text-shadow: 0 1px 1px #434242;
}

h3.subHeader{
	background-color: #604a7b;
	text-shadow: 0 1px 1px #434242;
}

h2.subHeader a{
	text-decoration: none;
	color: #FFF !important;
}

h3.subHeader{
	font-size: 1em !important;
}

#navBar{
	width: 100%;
	margin:0;
	padding:0;
}

div.navBarItem{
	width:50%;
	margin:0;
	padding:0;
	float:left;
	text-align:center;
}

a.navBarLink{
	display: block;
	text-decoration: none;
	padding: 7px 0;
	background-color: #d6d6d6;
	color: #FFF !important;
	text-shadow: 0 1px 1px #434242;
}

a.navBarActive {
	display: block;
	border-bottom: 0;
	background-color: #403152;
	color: #FFF !important;
	padding-bottom: 7px;
}



div.clear {
	clear:both;
	padding:0;
	margin:0;
}

li a, p a{
	color: #403152 !important;
}

li a:hover, li a:active, p a:hover, p a:active{
	color: #b3a2c7 !important;
}

p.quote, p.example, div.example, table{
	border: 2px dashed #ccc;
	padding: 5px;
	background-color: #e7e7e7;
	margin-bottom: 5px;
}

td{
	background-color: white;
	padding: 5px;
}



div.contentBlock{
	float:left;
	text-align:center;
	margin: 5px 5px 10px 5px;
	padding: 5px;
	border: 1px solid #aaa;
	background-color: #b3a2c7;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);	
	text-shadow: 0 1px 1px #aaa;
}

span.subSection {
font-weight: bold;
padding-right: 20px;
}

span.lineNum {
	color: #999;
	font-size: 0.8em;
	padding-right: 20px;
}

p.right{
	text-align:right;
}

div.multiLine{
	float:left;
	text-align:center;
	margin: 5px 5px 10px 5px;
	padding: 5px;
}

div.multiLineNarrow{
	float:left;
	text-align:center;
	margin: 0;
	padding: 2px;
}

div.multiLineFixed{
	float:left;
	text-align:center;
	margin: 5px 5px 10px 5px;
	padding: 5px;
	height: 65px;
}

div.multiLineFixedTall{
	float:left;
	text-align:center;
	margin: 5px 5px 10px 5px;
	padding: 5px;
	height: 100px;
}

div.multiLineFixedSuperTall{
	float:left;
	text-align:center;
	margin: 0;
	padding: 5px;
	height: 165px;
}

.buttonText, .buttonText:hover, .buttonText:active {
	color:white !important;
}

span.abbrev{
	margin-right: 20px;
	font-weight: bold;
}

p.abSection{
	padding-left: 20px;
}

h2.exerciseHeader{
	font-size: 1em !important;
	margin:0;
	margin-top: 5px;
	padding: 5px;
	color: #FFF;
	background-color: #604a7b;
	text-shadow: 0 1px  1px  #e0e0e0;
	border-top-left-radius: 4px; 
	-moz-border-radius-topleft: 4px; 
	-webkit-border-top-left-radius: 4px; 
	border-top-right-radius: 4px; 
	-moz-border-radius-topright: 4px; 
	-webkit-border-top-right-radius: 4px; 
}

div.instructions{
	border: 1px solid #aaa;
	padding: 5px;
	background-color: #DDCCE4;
	margin-bottom: 10px;
	font-weight: bold;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	border-bottom-left-radius: 4px; 
	-moz-border-radius-bottomleft: 4px; 
	-webkit-border-bottom-left-radius: 4px; 
	border-bottom-right-radius: 4px; 
	-moz-border-radius-bottomright: 4px; 
	-webkit-border-bottom-right-radius: 4px; 
}

a.answer{
	color: black !important;
	text-decoration: none !important;
	font-weight: normal !important;
	display: inline-block;
	border: 1px dashed #bbb;
	width: 30px;
	height: 30px;
	padding: 10px 5px 5px 5px;
	margin: 5px 0 0 0;	
}

a.answered{
	border: 1px solid #aaa;
	background-color: white;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
}

span.noAnswer{
	color: black !important;
	text-decoration: none !important;
	font-weight: normal !important;
	display: inline-block;
	width: 30px;
	height: 30px;
	padding: 5px;
	padding: 10px 5px 5px 5px;
	margin: 5px 0 0 0;	
}

.highlighted {
	background-color: #fffd35 !important;
}

img.tick, img.tick2{
	vertical-align:middle;
	margin-left: 5px;
}

span.stage{
	border: 1px solid #ccc;
	padding: 5px;
	margin-right: 5px;
	background-color: #e7e7e7;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}

span.forBrackets{
	display: inline-block;
	height: 30px;
	padding: 10px 5px 5px 5px;
	margin: 5px 0 5px 0;	
}

.infoPop p{
	padding: 10px;
}