html { 
	overflow: 		-moz-scrollbars-vertical;  
	overflow-y: 	scroll; 
}

body {  
	font-size:			12px;
	font-family:		Verdana;
	margin:				0px;
	padding:			0px;
	background-color:	#faffcc; 
}



span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 		0;
	font-size: 		100%;
	font: 			inherit;
	vertical-align: 	baseline;
}


sub, sup {
    font-size: 90%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}


a:link, a:active, a:hover, a:visited{
		outline: 		0;
		text-decoration:	none;
		background-image:	none;
		padding:		0px;
		color:			inherit;
}


/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, main {
	display: block;
}

ol, ul {
	list-style: none;
}



blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,q:before, q:after {
	content: '';
	content: none;
}
table {
	border-spacing: 0;
}


ul.order{
	margin-left:		20px;
	margin-bottom:		20px;
}

ul.order>li{
	list-style-type:	none;
	line-height:		24px;
}

ul.order>li>a:link{
	color:			#000000;
	padding:			4px;
	padding-left:		32px;
	background-image:	url("../img/green-button.gif");
	background-repeat:	no-repeat;
	background-position:	8px		3px;
}
ul.order>li>a:visited{
	padding:			4px;
	padding-left:		32px;
	background-image:	url("../img/green-button.gif");
	background-repeat:	no-repeat;
	background-position:	8px		3px;
}
ul.order>li>a:active{
	padding:			4px;
	padding-left:		32px;
	background-image:	url("../img/green-button.gif");
	background-repeat:	no-repeat;
	background-position:	8px		3px;
}

ul.order>li>a:hover{
	color:			#000055;
	background-color:	#cadeff;
	border:			1px	solid	#333333;
	padding:			4px;
	padding-left:		32px;
	background-image:	url("../img/red-button.gif");
	background-repeat:	no-repeat;
	background-position:	8px		3px;
}

/* --------------------------------------------- */

// divisions

#holder{
			border:			1px	solid		#009900;
			background-color:	#ffffff;
			width:			100%;
}

#title_content{		
			border:			1px	solid		#990000;
			width:			100%;
			background-color:	#440000;
			height:			36px;
}


#introduction{
			margin-top:		1px;
			margin-bottom:		40px;
			margin-left:		60px;
			margin-right:		60px;
			position:		relative;
			top:			10px;
			width:			85%;
			background-color:	#ffffff;
			border-left:		1px	solid	#006600;
			border-top:		1px	solid	#006600;
			border-right:		3px	solid	#003300;
			border-bottom:		3px	solid	#003300;
			border-radius:		4px;
			font-family:		Verdana;
			font-size:		12px;
			line-height:		20px;
			padding:		10px;
			margin-bottom:		30px;
}



#syllabus{
			margin-top:		20px;
			border:			1px	solid	#dddddd;
			border-radius:		8px;
			background-color:	#eeffee;
			padding:		10px;

}


main{
			clear: 				both;
			padding-top:		20px;
			padding-bottom:		10px;
			padding-left:		20px;
			padding-right:		20px;			
			margin-top:		0px;
			font-family:		Verdana;
			line-height:		20px;
			width:				60%;
			margin-left:		auto;
			margin-right:		auto;
			background-color:	#ffffff;
			border:			1px	solid	#aaaaaa;
			box-shadow:		6px	6px	10px	#cccccc;
			border-radius:		10px;
}

.flash{
	clear: 			both;
	display: 		block;
	width:			550px;
	margin-left:	auto;
	margin-right:	auto;
	padding:		2px;
	border:			1px	solid	#aaccbb;
	box-shadow:		4px	4px	6px	#cccccc;
}

#right_content{
	float:				right;
	width:				18%;
	margin-left:		1%;
	margin-right:		1%;
	height:				100%;
	z-index:			-1;
	background-color:	#ffffff;
	border:				1px	solid	#cccccc;
	border-radius:		10px;
	position:			absolute;
	top:				70px;
	right:				2%;
}
#mob_header{
	display:		none;
}

footer{
			clear:			both;
			padding-top:		20px;
			padding-bottom:		10px;
			padding-left:		20px;
			padding-right:		20px;			
			margin-top:		0px;
			font-family:		Verdana;
			line-height:		20px;
			width:				80%;
			margin-left:		auto;
			margin-right:		auto;
}
footer>hr{
			padding:		0px;
			border:			0px;
			width:			90%;
			background-color:		#770000;
			color:			#770000;
			height:			0px;
			box-shadow:		1px	1px	1px	#999;
}

main>p{						/* all paragraph elements in the main_content division only */				
			margin-right:		20px;
			margin-bottom:		20px;
			padding-left:		20px;
			line-height:		24px;
			font-family:		Verdana;

			
}
main>table td p{								
			line-height:		24px;
			font-family:		Verdana;
			font-size:		12px;
			
}


main p.sh1{
	font-size:		14px;
	font-family:		Verdana;
	font-weight:		bold;
	color:			#000000;
	margin-top:			10px;
	margin-bottom:		20px;
	margin-right:		20px;
	margin-left:		20px;
	padding-top:		4px;
	padding-bottom:		1px;
	padding-left:		20px;
	background-color:		#ffffdd;
	border-bottom:		4px	solid	#ccccaa;
}



#lower_content{
			background-color:	#ffffff;
			height:			60px;
			width:			100%;
}

#higherlevel{
		background-color:	#eeeeff;
		border:			1px	solid	#9999cc;
		border-radius:		10px;
		margin-bottom:		40px;
		margin-left:		20px;
		margin-right:		20px;
}
#higherlevel p{
		margin-left:		30px;
		margin-right:		30px;
}
#higherlevel table.egbox p{
		margin-left:		0px;
		margin-right:		0px;
		padding-left:		20px;
}

#higherlevel p.shl{					/* this is the heading for the higher level section */
	font-size:			14px;
	margin-left:			20px;
	margin-right:			20px;
	background-color:		#aaaadd;
	background-image:		url("../img/bg/HLg.gif");
	background-repeat:		no-repeat;
	background-position:		100% 	0px;
	line-height: 			28px; 
	padding-left: 			40px;
	padding-top:			4px; 
	margin-bottom:			20px;
	margin-top:			20px;
	border-bottom:			4px	#333399	solid;	
	border-radius:			4px;
}

#higherlevel>hr{
	margin-left:		30px;
	margin-right:		30px;
}

#NOx{
	background-position:	relative;
	background-repeat:	repeat-x;
	background-image: 	url("../Section07-acids/img/Lightning_dim.jpg");
	padding: 6px;
	border-radius:		10px;
}

/* -------------------------------------------*/

a.breadcrumb{
	text-decoration:	none;
}

p.last{
		margin-bottom:	20px;
}

h1{
	font-family:	verdana;
	color:	#ffffff;
	font-size:	16px;
	margin-top:	10px;
	margin-left:	60px;
	margin-bottom:	20px;

}

h2{
	width:		90%;
	padding-left:	30px;
	padding-top:	6px;
	padding-bottom:	4px;
	background-color:	#ffff99;
	border-bottom:		4px	solid		#cccc77;
}

h3{
	width:		90%;
	padding-left:	30px;
	padding-top:	6px;
	padding-bottom:	4px;
	background-color:	#ffff99;
	border-bottom:		4px	solid		#cccc77;
}

/* ----------------- classes -----------------*/

.tom{
	margin-left:		auto;
	margin-right:		auto;
	text-align:		center;
}
.tor{
	padding-right:		0px;
	margin-left:		auto;
	margin-right:		0px;
	margin-top:		-12px;
	text-align:		right;
	clear:			both;
}


/* ------------------ buttons ----------------*/

.b1{
	padding:		4px;
	background-color:	#ffefef;
	color:			#550000;
	font-family:		Verdana; 
	font-size:		12px;
	border:			1px	solid	#993300;
	border-radius:		2px;
	float:			right;
	margin-right:		60px;
	position:		absolute;
	top:			8px;
	right:			0px;
}

.b1o{
	padding:		4px;
	background-color:	#770000;
	color:			#ffffff;
	font-family:		Verdana;
	font-size:		12px; 
	border:			1px	solid	#993300;
	border-radius:		2px;
	float:			right;
	margin-right:		60px;
	position:		absolute;
	top:			8px;
	right:			0px;
}
.b1o a{
	text-decoration:	none;
}
.b2{
	padding:		4px;
	background-color:	#efffef;
	color:			#004400;
	font-family:		Verdana; 
	font-size:		12px;
	border:			1px	solid	#335500;
	border-radius:		2px;
	margin-left:		auto;
	margin-right:		auto;
}

.b2o{
	padding:		4px;
	background-color:	#005500;
	color:			#ffffff;
	font-family:		Verdana;
	font-size:		12px; 
	border:			1px	solid	#335500;
	border-radius:		2px;
	margin-left:		auto;
	margin-right:		auto;
}
.b2o a{
	text-decoration:	none;
}

.def_on {  
	background-color: 		#3366aa; 
	padding-top: 			4px; 
	padding-right: 			5px; 
	padding-bottom: 		4px; 
	padding-left: 			5px;   
	color: 				#FFFFFF; 
	font-size: 			12px; 
	border-style: 	1px		solid  #000000; 
	box-shadow:			2px	2px	4px	#aaaacc;
}
.def {  
	background-color: 		#efeff3;
	padding-top: 			4px; 
	padding-right: 			5px; 
	padding-bottom: 		4px; 
	padding-left: 			5px; 
	color: 				#000040; 
	font-size: 			12px; 
	border: 		1px	#000000 solid; 
	font-weight: 			normal;
	box-shadow:			2px	2px	4px	#aaaacc;
}


/* ------------ horizontal rules ---------------- */

hr.dr{
	padding:		0px;
	border:			0px;
	width:			100%;
	margin-left:		auto;
	margin-right:		auto;
	background-color:	#770000;
	color:			#770000;
	height:			1px;
}
hr.divider{
	margin-bottom:		-4px;
	padding:		0px;
	border:			0px;
	margin-left:		auto;
	margin-right:		20px;
	background-color:	#ddeedd;
	color:			#ddeedd;
	height:			1px;
}

/* ----------------- lists -------------------*/

ul.menu{
	margin-top:			20px;
	margin-bottom:		20px;
}

ul.menu li{
	margin-left:		0px;
	line-height:		24px;
}

ul.menu li a:link{
	border:			0px	solid	#dddddd;
	padding-left:		50px;
	padding-top:		6px;
	padding-bottom:		6px;
	padding-right:		4px;
	background-image:	url("../img/icons/add-green.gif");
	background-repeat:	no-repeat;
	background-position:	11px	6px;
	font-family:		Verdana; 
	font-size:		12px;
}
ul.menu li a:visited{
	border:			0px	solid	#dddddd;
	padding-left:		50px;
	padding-top:		6px;
	padding-bottom:		6px;
	padding-right:		4px;
	background-image:	url("../img/icons/add-green.gif");
	background-repeat:	no-repeat;
	background-position:	11px	6px;
	font-family:		Verdana; 
	font-size:		12px;
}

ul.menu li a:hover{
	border:			1px	solid	#dddddd;
	padding-left:		49px;
	padding-top:		6px;
	padding-bottom:		6px;
	padding-right:		4px;
	background-image:	url("../img/icons/add-red.gif");
	background-color:	#eeeeee;
	background-repeat:	no-repeat;
	background-position:	10px	6px;
	font-family:		Verdana; 
	font-size:		12px;
}

ul.eg{
	margin-bottom:		20px;
}


ul.eg li{
	font-family:		Verdana; 
	font-size:		12px;
	padding-left:		40px;
	padding-top:		6px;
	padding-bottom:		8px;
	padding-right:		4px;
	background-image:	url("../img/molg.gif");
	background-repeat:	no-repeat;
	background-position:	8px	2px;
}

.introbox td>ul{
	padding-bottom:		20px;
}

.introbox td>ul li{
	margin-left:		0px;
	line-height:		16px;
}
.introbox td>ul li a:link{  
	margin-left:		20px;
	border:			0px	solid	#dddddd;
	padding-left:		50px;
	padding-top:		5px;
	padding-bottom:		6px;
	padding-right:		4px;
	background-image:	url("../img/icons/add-green.gif");
	background-repeat:	no-repeat;
	background-position:	13px	5px;
	font-family:		Verdana; 
	font-size:			12px;
}

.introbox td>ul li a:visited{ 
	margin-left:		20px;
	border:			0px	solid	#dddddd;
	padding-left:		50px;
	padding-top:		5px;
	padding-bottom:		6px;
	padding-right:		4px;
	background-image:	url("../img/icons/add-green.gif");
	background-repeat:	no-repeat;
	background-position:	13px	5px;
	font-family:		Verdana; 
	font-size:		12px;
}

.introbox td>ul li a:active{  
	margin-left:		20px;
	border:			0px	solid	#dddddd;
	padding-left:		50px;
	padding-top:		5px;
	padding-bottom:		6px;
	padding-right:		4px;
	background-image:	url("../img/icons/add-green.gif");
	background-repeat:	no-repeat;
	background-position:	13px	5px;
	font-family:		Verdana; 
	font-size:		12px;
}
.introbox td>ul li a:hover{
	border:			1px	solid	#999999;
	padding-left:		49px;
	padding-top:		5px;
	padding-bottom:		6px;
	padding-right:		4px;
	background-image:	url("img/icons/add-red.gif");
	background-color:	#cccccc;
	background-repeat:	no-repeat;
	background-position:	12px	5px;
	font-family:		Verdana; 
	font-size:		12px;
}



/*------------ lists ----------------*/

ol, ul{  
	line-height: 		20px;
	padding-top:		6px;
	padding-left:		20px;
	margin-left:		20px;
	margin-top:			0px;
	margin-bottom:		0px;
}

ul.bull{
	margin-bottom:		30px;
	margin-left:		40px;
	line-height:		30px;
	list-style-position: outside;
	list-style-type: 	none;
}
ul.bull li{
	background-image:	url('img/add-blue.gif');
	padding-left:		32px;
	background-repeat:	no-repeat;
	background-position: 0px	7px;
}

ul.nobull {  
	line-height: 		24px
}

ul.nobull li{
	list-style-position: outside;
	list-style-image: 	none; 
	list-style-type: 	none;
	margin: 			10px;
}
ul.wide, table.egbox td ul {  
	margin-left:			40px;
	margin-bottom:			20px;
}
ol.wide {  
	margin-left:			100px;
	line-height: 			20px;
	margin-top:				0px;

}
ol.a {  
	color: #000066; 
	list-style-position: 	outside; 
	list-style-type: 		lower-alpha;
	margin-top:				0px;
	margin-bottom:			0px;
}
ol.n {  
	font-family: 			Verdana, Arial, Helvetica, sans-serif; 
	font-size: 				14px; 
	color: 					#000000; 
	text-indent: 			10pt; 
	list-style-type: 		decimal
}


ol.mcq-a { 
	font-size: 				12px; 
	font-style: 			normal; 
	list-style-type: 		upper-alpha; 
	line-height: 			36px
}
ol.mca {  
	font-size: 				12px; 
	line-height: 			28px;
	margin-left:			20px;  
	list-style-type: 		lower-alpha;
	padding-bottom:			20px;
}

ol.mcq {
	margin-left:			20px;
	padding-left:			20px;
}

ol.mcq li {
	display:				list-item;  /*fixes IE numbering bug */
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	font-style: 			normal;
	list-style-type: 		upper-alpha;
	padding-left:			4px;
	margin-left:    		20px;
	line-height:			24px;
}

ol.mcq li img {
	vertical-align: 		middle;
	padding-top:			6px;
	padding-bottom:			6px;
} 


/* ----------------------------------------*/

.top{
	padding:		2px;
	background-color:	#004400;
	border:			1px	solid	#000000;
	border-radius:		2px;
	color:			#ffffff;
	font-family:		Verdana; 
	font-size:		10px;
	text-align:		right;
	margin-right:		0px;
	margin-left:		auto;
}
.top_over{
	padding:		2px;
	background-color:	#ddeedd;
	border:			1px	solid	#000000;
	border-radius:		2px;
	color:			#003300;
	font-family:		Verdana; 
	font-size:		10px;
	text-align:		right;
	margin-right:		0px;
	margin-left:		auto;
}

/* --------------- tables ------------------*/



.box{
	padding:		4px;
	border:			1px	solid	#aaccbb;
	margin-left:		20px;
	
}
main table.egbox{
	width:			60%;
	border:			1px	solid	#aabbaa;
	box-shadow: 	6px 6px 4px #88aa88;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			32px;
	margin-bottom:		32px;
}
main table.egbox td{
	padding:			0px;
	background-color:	#eeffee;
	margin-bottom:		0px;
}
main table.egbox td p{
	padding-left:			20px;
	padding-right:			20px;
	line-height:		24px;
	font-family:		Verdana; 
	font-size:		12px;
}
main table.egbox td p:first-child{
	margin-top:			0px;
	margin-left:		0px;
	margin-right:		0px;
	background-color:	#dddddd;
	padding-top:		10px;
	padding-bottom:		6px;
	padding-left:		10px;
	line-height:		24px;
	font-family:		Verdana; 
	font-size:			12px;
}


main table.HL{
	background-image:	URL("../img/bg/HL.gif");
	background-position:	100%	0px;
	background-repeat:		no-repeat;
	background-color:	#eeffee;
	border:			1px	solid	#005500;
	border-radius:		10px;
	margin-left:		40px;
	margin-top:		20px;
	margin-bottom:		20px;
}
main table.HL td{
	padding:	20px;
	margin-bottom:		0px;
}
main table.HL>td>p{
	line-height:		24px;
	padding:		0px;
	margin:			0px;
	font-family:		Verdana; 
	font-size:		12px;
}
main table.HL td p:first-child{
	color:				#ffffff;
	background-color: 	#aa8900;
	border:			0px	solid	#005500;
	border-radius:		4px;
	padding:		6px;
	margin:			0px;
	margin-right:		40px;
}

table.greenfl{
	float:			left;
	border:			1px	solid	#009900;
	margin:			20px;
}

/* -------------------- rollover classes ------------------*/


.def1 { 
	background-color: 		#3366aa; 
	padding-top: 			2px; 
	padding-right: 			5px; 
	padding-bottom: 		2px; 
	padding-left: 			5px; 
	border-color: 			#00CC00 #000066 #000066 #00CC00; 
	text-decoration: 		none; 
	color: 				#FFFFFF; 
	font-size: 			10px; 
	border-style: 			solid; 
	border-top-width: 		0px; 
	border-right-width: 		1px; 
	border-bottom-width: 		1px; 
	border-left-width: 		0px 
}
.def1_on { 
	background-color: 		#99CCFF; 
	padding-top: 			0px; 
	padding-right: 			4px; 
	padding-bottom: 		1px; 
	padding-left: 			4px; 
	color: 				#FFFF00; 
	font-size: 			10px; 
	border: 			#000000 solid; 
	border-width: 			2px 1px 1px 2px; 
	font-weight: 			normal 
}
.def2 { 
	background-color: 		#880000; 
	padding-top: 			2px; 
	padding-right: 			5px; 
	padding-bottom: 		2px; 
	padding-left: 			5px; 
	border-color: 			#330000 #330066 #330066 #330000; 
	text-decoration: 		none; 
	color: 				#FFFFFF; 
	text-align: 			center; 
	border-style: 			solid; 
	border-width: 			1px 1px 1px 1px; 
}
.def2_on { 
	background-color: 		#ffdddd; 
	padding-top: 			2px; 
	padding-right: 			5px; 
	padding-bottom: 		2px; 
	padding-left: 			5px; 
	color: 				#000000; 
	border: 			#000000 solid; 
	border-width: 			1px 1px 1px 1px; 
	font-weight: 			normal; 
}
.def2_p { 
	background-color: 		#ffeeee; 
	padding-top: 			2px; 
	padding-right: 			6px; 
	padding-bottom: 		1px; 
	padding-left: 			4px; 
	color: 				#000000; 
	border: 			#000000 solid; 
	border-width: 			2px 2px 1px 1px; 
	font-weight: 			normal; 
}
.def3 { 
	background-color: 		#003300; 
	padding-top: 			2px; 
	padding-right: 			5px; 
	padding-bottom: 		2px; 
	padding-left: 			5px; 
	text-decoration: 		none; 
	color: 				#FFFFFF; 
	text-align: 			center; 
	border: 			solid; 
	border-width: 			0px 1px 1px 0px; 
	border-color: 			#000000 #00FF00 #00FF00 #000000
}
.def3_on { 
	background-color: 		#006600; 
	padding-top: 			0px; 
	padding-right: 			4px; 
	padding-bottom: 		1px; 
	padding-left: 			4px; 
	color: 				#FFFF00; 
	border: 			#000000 solid; 
	border-width: 			2px 1px 1px 2px; 

}
.def4 { 
	background-color: 		#ffffff; 
	padding-top: 			2px; 
	padding-right: 			4px; 
	padding-bottom: 		2px; 
	padding-left: 			4px; 
	text-decoration: 		none; 
	color: 				#003300; 
	text-align: 			center; 
	border: 			solid; 
	border-width: 			1px 1px 1px 1px; 
	border-color: 			#cc6600 #CC6600 #CC6600 #cc6600;
	box-shadow:			4px	4px	6px	#cccccc;
}
.def4_on { 
	background-color: 		#550000; 
	padding-top: 			2px; 
	padding-right: 			4px; 
	padding-bottom: 		2px; 
	padding-left: 			4px; 
	color: 				#eeffee; 
	border: 			solid; 
	border-width: 			1px 1px 1px 1px; 
	border-color: 			#000000 #000000 #000000 #000000;
	box-shadow:			4px	4px	6px	#cccccc;
}

.def5{
	color:				white;
	text-decoration:		none;
	width:				80px;
	text-align:			center;
	background-color:		#339933;
	padding:			2px;
	border:				1px solid #000044;
}
.def5_on{
	color:				black;
	text-decoration:		none;
	width:				80px;
	text-align:			center;
	background-color:		#99cc99;
	padding:			2px;
	border:				1px solid #000044;
}
.def6 { 
	background-color: 		#009900; 
	padding-top: 			2px; 
	padding-right: 			5px; 
	padding-bottom: 		2px; 
	padding-left: 			5px; 
	border-color: 			#000000 #000066 #000066 #000000; 
	text-decoration: 		none; 
	color: 				#FFFFFF; 
	text-align: 			center; 
	font-size: 			10px; 
	border-style: 			solid; 
	border-top-width: 		0px; 
	border-right-width: 		1px; 
	border-bottom-width: 		1px; 
	border-left-width: 		0px 
}

.def6_on { 
	background-color: 		#006600; 
	padding-top: 			0px; 
	padding-right: 			4px; 
	padding-bottom: 		1px; 
	padding-left: 			4px; 
	color: 				#FFFFFF; 
	border: 			#000000 solid; 
	border-width: 			2px 1px 1px 2px; 
	font-weight: 			normal ; 
	font-size: 			10px 
}
.def7 { 
	background-color: 		#333333; 
	padding-top: 			2px; 
	padding-right: 			5px; 
	padding-bottom: 		2px; 
	padding-left: 			5px; 
	border-color: 			#eeeeee #eeeeee #eeeeee #eeeeee; 
	text-decoration: 		none; 
	color: 				#eeeeee; 
	text-align: 			center; 
	font-size: 			10px; 
	border-style: 			solid; 
	border-top-width: 		0px; 
	border-right-width: 		1px; 
	border-bottom-width: 		1px; 
	border-left-width: 		0px 
}
.def7_on { 
	background-color: 		#dddddd; 
	padding-top: 			1px; 
	padding-right: 			4px; 
	padding-bottom: 		1px; 
	padding-left: 			4px; 
	border-color: 			#000000 #000000 #000000 #000000; 
	text-decoration: 		none; 
	color: 				#333333; 
	text-align: 			center; 
	font-size: 			10px; 
	border-style: 			solid; 
	border-width: 			2px 1px 1px 2px;
}

/* ------------------------------------------------------*/

table.navbot {
	width:				100%;
	margin-left:			auto;
	margin-right:			auto;
	background-color:		#ffffcc;
}
table.mainIndex {
	width:					95%;
	border:					1px	solid	#990000;
	margin-left:			auto;
	margin-right:			auto;
	margin-bottom:			20px;
}
table.mainIndex th{
	color:					#ffffff;
	line-height:			20px;
	margin:					auto;
	text-align:				center;
}
table.mainIndex td{
	background-color:		#ffffef;
	border:					1px	solid	#cccccc;
	color:					#000066;
	padding:			0px;
	padding-top:			4px;
	vertical-align:			text-top;
}
table.mainIndex td p{
	font-size:			10px;
	margin:				0px;
	margin-left:		10px;
	padding:			0px;
	padding-top:			2px;
}
table.mainIndex td ul{
	font-size:			10px;
	margin-left:		20px;
	margin-bottom:		20px;
}
table.mainIndex td ul li{
	list-style-type:	none;
}

table.mainIndex td ul li a:hover{
	background-color:	#aaddcc;
	border:			1px	solid		#333333;
	padding:			2px;
}



table.navbot td{
	font-size: 			10px; 
	color:				#000033;
	padding-left:			10px;
	padding-right:			10px;
	padding-top:			2px;
	padding-bottom:			2px;
}
table.video{
	padding:				0px;
	margin:				0px;
	border:				1px solid #00cc00;
	background-color:		#330000;
}
table.video td{
	text-align:			left;
	line-height: 		12px;
	padding-left:		4px;
	font-size: 			9px;
	color:				#ffffff;
}
table.fbox{
	border:		1px	#aaaaaa	solid;
	margin-left:	auto;
	margin-right:	auto;
	margin-top:		10px;
	margin-bottom:	10px;
	text-align:		center;
}
table.fbox td{
	padding:		2px;
}

span{
	padding:			0px;
}

blockquote p.small {
	line-height: 		14px;
	color:				#000099;
}
blockquote.mid p {
	line-height: 		10px;
	color:				#000000;
}



span.tol{
	text-align: 		left; 
}
table.tom{  
	text-align: 		center; 
	padding-right:		0px;
	margin-top:			16px;
	margin-bottom:		20px;
	margin-left:		auto;
	margin-right:		auto;	
}
p.equ{  
	text-align: 		center; 
	margin-top:			0px;
	margin-bottom:		0px;
	margin-left:		auto;
	margin-right:		auto;	
}

p.popans{
	margin-top:			2px;
	margin-bottom:		2px;
	margin-left:		20px;
	margin-right:		20px;
	color:				#000099;
	padding:			0px;

}
p.Wans {
	color:			#990000;
	margin:			0px;
	padding:		0px;
}
p.Rans {
	color:			#009900;
	margin:			0px;
	padding:		0px;
}
p.copyright{
	text-align:			center;
	font-size: 			10px;
	margin-top:			10px;
	margin-bottom:		10px;
	margin-left:		auto;
	margin-right:		auto;
	color:				#003399;
}

h1 {  
	font-family: 		Verdana, Arial, Helvetica, sans-serif; 
	font-size: 			16px; 
	line-height: 		24px; 
	color: 				#FFFFFF; 
	height: 			30px; 
	width: 				100%; 
	text-indent: 		4em;
	//padding-left: 	30px;
}

div.inset{
	margin-left:		40px;
}

table.inset{
	margin-top:			10px;
	margin-bottom:		10px;
	margin-left:		40px;
}


/*------------ lists ----------------*/

ol, ul{  
	line-height: 		20px;
	padding-top:		6px;
	padding-left:		20px;
	margin-left:		20px;
	margin-top:		0px;
	margin-bottom:		0px;
}

ul.nobull {  
	line-height: 		24px
}

ul.nobull li{
	list-style-position: outside;
	list-style-image: 	none; 
	list-style-type: 	none;
	margin: 			10px;
}
ul.wide, table.egbox td ul {  
	margin-left:			80px;
	margin-bottom:			20px;
}
ol.wide {  
	margin-left:			100px;
	line-height: 			20px;
	margin-top:			0px;

}
ol.a {  
	color: #000066; 
	list-style-position: 	outside; 
	list-style-type: 		lower-alpha;
	margin-top:			0px;
	margin-bottom:			0px;
}
ol.n {  
	font-family: 			Verdana, Arial, Helvetica, sans-serif; 
	font-size: 			14px; 
	color: 				#000000; 
	text-indent: 			10pt; 
	list-style-type: 		decimal
}


ol.mcq-a { 
	font-size: 			12px; 
	font-style: 			normal; 
	list-style-type: 		upper-alpha; 
	line-height: 			36px
}
ol.mca {  
	font-size: 			12px; 
	line-height: 			28px;
	margin-left:			20px;  
	list-style-type: 		lower-alpha;
	padding-bottom:			20px;
}

ol.mcq {
	margin-left:			20px;
	padding-left:			20px;
}

ol.mcq li {
	display:				list-item;  /*fixes IE numbering bug */
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	font-style: 			normal;
	list-style-type: 		upper-alpha;
	padding-left:			4px;
	margin-left:    			20px;
	line-height:			24px;
}

ol.mcq li img {
	vertical-align: 		middle;
	padding-top:			6px;
	padding-bottom:			6px;
} 


/* ------------------ classes ----------------*/
.Roman {  
	text-indent: 			100pt; 
	list-style-position: 	outside; 
	list-style-type: 		upper-roman
} 
.roman {  
	text-indent: 			100pt; 
	list-style-position: 	outside; 
	list-style-type: 		none
}

img{
	text-align:			center;
	margin-left:			auto;
	margin-right:			auto;
	vertical-align: 			middle;
	padding-top:			4px;
	padding-bottom:			4px;
	margin-top:			0px;
	margin-bottom:			0px;
}

img.navigate{
	vertical-align: 		middle;
}

img.publim{
	border:		5px	solid	#aaaa00;
	box-shadow:	6px	6px	6px	#aaaaaa;
	padding:	0px;
}

/*need to align the image separately from the text */

/*------------------------------------*/



/*--------------- classes ------------*/
.article { 
	visibility: 			hidden; 
	display:				none;
	font-size: 			12px;
	padding-left:			40px;
}



.sh1p {  
	font-size: 			16px; 
	line-height: 			22px; 
	background-color: 		#99aa99; 
	height: 				22px; 
	width: 				100%; 
	font-weight: 			bold; 
	padding-left: 			10px; 
	color: 				#FFFFFF;
	margin-left:			0px;
}

main p.sh2 {  
	font-size: 			14px; 
	color: 				#000000; 
	background-color: 		#d0f0d0; 
	line-height: 			28px; 
	padding-left: 			40px;
	padding-top:			4px; 
	padding-bottom:			4px;
	margin-bottom:			20px;
	margin-left:			20px;
	margin-top:			4px;
	border-bottom:			4px	#90a0a0	solid;	
	border-radius:			4px;
}

.sh22 {  
	font-size: 			13px; 
	color: 				#000000; 
	background-color: 		#d0ee77; 
	height: 				17px;
	padding-bottom:			4px; 
	padding-left: 			30px;
	margin-bottom:			4px;
	margin-top:			24px;
	margin-left:			20px;
}

.sh3 {  
	font-size: 				13px;  
	color: 					#000000; 
	padding-left: 			12px;
	background-color:		#ffeeaa;
	line-height:			24px;
	border-bottom:			solid	4px	#ffdd99;
	margin-left:			20px;
}
.sh4 { 
	font-size: 			13px; 
	font-style: 			normal; 
	color: 				#000000; 
	background-color: 		#99dd99; 
	font-weight: 			bold; 
	padding-left: 			10px; 
	line-height: 			20px
}
.grid td{ 
	padding:				2px; 
	border: 				1px #000000 solid;  
}

.td_ul {  
	border-color: 			black black #000000; 
	border-style: 			solid; 
	border-top-width: 		0px; 
	border-right-width: 		0px; 
	border-bottom-width: 		1px; 
	border-left-width: 		0px
}

.shade {  
	border: 				1px #000000 solid; 
	color: 					#eeeeee; 
	background-color: 		#116600; 
	padding-right: 			5px; 
	padding-left: 			5px; 
	padding-top: 			2px; 
	padding-bottom: 		2px
}
.ans {  
	font-size: 				10px; 
	color: 					#000066; 
	background-color: 		#CCCCCC; 
	text-align: 			center; 
}
.qnumber {  
	font-size: 				11px; 
	background-color: 		#000000; 
	text-align: 			center; 
	color: 					#FFFFFF; 
	padding:				0px;
}
.ans-no {   
	background-color: 		#CC99FF; 
	width: 				60px; 
	border: 			1px	#336600	solid; 
}
.back {   
	font-size: 			10px; 
	background-color: 		#CCCCCC; 
	border: 			1px #003300 solid; 
	width: 				60px; 
	text-align: 			center
}


table.answer-table{
	margin-top:				0px;
	margin-bottom:				0px;
	border: 				1px #006600 solid; 
}
table.answer-table td p{ 
	padding:				0px;

}
table.answer-table td{   
	font-size: 				12px; 
	background-color: 			#eaeaff;
	padding-bottom:				10px;
	padding-top: 				2px;
	padding-left: 				10px;
	padding-right: 				10px;     
}


.answer {  
	color: 				#550033; 
	background-color: 	#eeeecc; 
	text-align: 		center; 
	border-color: 		#000000; 
	border-style: 		double; 
	border-top-width: 	0px; 
	border-right-width: 	0px; 
	border-bottom-width: 	1px; 
	border-left-width: 	0px;
	padding-left:		4px;
	padding-right:		4px;
	padding-top:		4px;
	padding-bottom:		2px
}

.ref {  
	font-size: 		10px;  
	color: 			#CCFFCC; 
	text-align: 		center; 
}

.ex { 
	position: 		absolute; 
	visibility: 		hidden; 
	font-size: 		1pt; 
}

.show { 
	visibility: 		visible; 
	display:		block;
}

.hide { 
	visibility: 		hidden; 
	display:		none;
}

.sup {  
	font-size: 		10px; 
	vertical-align: 	super
}

.notebox {  
	font-size: 		12px;  
	line-height: 	24px; 
	color: 			#000066; 
	background-color: #eaeaea; 
	text-align: 	justify; 
	vertical-align: top; 
	border: 		#880055 solid;   
	border-width: 	1px 3px 3px 1px;
	margin-left: 	40px;
	margin-top: 	10px;  
}


.txtbox {  
	border: 		#006600 solid 1px; 
	padding-top: 		10px; 
	padding-right: 		10px; 
	padding-bottom: 	10px; 
	padding-left: 		10px;
	margin-bottom:		16px;
	margin-left:		auto; 
	margin-right:		auto;
}
.syllabus {  
	border-color: 	#009900; 
	border-style: 	solid;
	border-width:	1px 
}
.syllabus td p{  
	font-size: 		10px; 
	color: 			#000033; 
	padding: 		0px; 
	margin:			0px;
}
.final-answer {  
	font-weight: 	bold; 
	color: 			#663333; 
	background-color: #eeeeee; 
	padding-top: 	3px; 
	padding-right: 	1px; 
	padding-bottom: 	0px; 
	padding-left: 	1px; 
	border-color: 	#990000; 
	border-style: 	solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px
}
.workedexamples {  
	color: 			#FFFFFF; 
	background-color: 	#000000; 
	text-align: 		left; 
	padding-top: 		4px; 
	padding-right: 		2px; 
	padding-bottom: 	2px; 
	padding-left: 		2px
}

.td_rvl {  
	border-color: 		black #006600 black black; 
	border-style: 		solid; 
	border-top-width: 	0px; 
	border-right-width: 	1px; 
	border-bottom-width: 	0px; 
	border-left-width: 	0px
}

.vertline {  
	border-color: 		black black black #003300; 
	border-style: 		solid; 
	border-top-width: 	0px; 
	border-right-width: 	0px; 
	border-bottom-width: 	0px; 
	border-left-width: 	1px
}

.highlight {  
	background-color: 	#efffef; 
	text-align: 		center;  
	padding-top: 		4px; 
	padding-right: 		8px; 
	padding-bottom: 	4px; 
	padding-left: 		8px; 
	border: 			1px	#660066 solid;
	box-shadow:			6px	6px	10px	#cccccc;  
	font-size: 			13px; 
}

/*-------------------- data tables ---------------------------------*/

.datatable {  
	font-family: 		Verdana, Arial, Helvetica, sans-serif; 
	border-color: 		black #000000 #000000 black; 
	background-color: 	#333333; 
	border-style: 		solid; 
	border-top-width: 	1px; 
	border-right-width: 	2px; 
	border-bottom-width: 	2px; 
	border-left-width: 	1px; 
	margin-top:		20px;
}

.datatable td{  
	padding:		2px;
	font-size: 		12px; 
	border:			1px dotted #555555;
	color: 			#ffffff;
	text-align:		center;
}

.datatable th{  
	font-weight: 		normal;
	color: 			#000000;
	text-align:		center;
	background-color: 	#aaaaaa;
}

.mdt {  
	border-color: 		black #000000 #000000 black; 
	background-color: 	#333333; 
	border-style: 		solid; 
	border-top-width: 	1px; 
	border-right-width: 	2px; 
	border-bottom-width: 	2px; 
	border-left-width: 	1px; 
	margin-top:		10px;
	margin-left:		auto;
	margin-right:		auto;
	text-align:		center;
}

.mdt td{  
	font-size: 			12px; 
	border:				1px dotted #555555;
	color: 				#ffffff;
	text-align:			center;
}

.datatablefloatleft {  
	font-family: 		Verdana, Arial, Helvetica, sans-serif; 
	border-color: 		black #000000 #000000 black; 
	background-color: 	#333333; 
	border-style: 		solid; 
	border-top-width: 	1px; 
	border-right-width: 2px; 
	border-bottom-width: 2px; 
	border-left-width: 	1px;
	float:				left
}

.datatablefloatleft td{  
	font-size: 			12px; 
	border:				1px dotted #555555;
	color: 				#CCCCCC
}

/* ----------------------------- end of data tables ----------------------------*/



td.white-text {  
	color: 		#FFFFFF;
	padding:	2px;
	padding-left:	20px;
	text-align:	left;
}

table.white-text td{  
	color: #FFFFFF;
	
}

.introbox{  
	width:		95%;
	border: 		#006633 solid	1px; 
	border-radius:		10px;
	box-shadow:		6px	6px	10px	#cccccc;
	margin-top:		4px;
	margin-bottom:		20px;
	margin-left:		20px;
	margin-right:		20px;
}
.introbox td>p{  
	font-family: 		Verdana, Arial, Helvetica, sans-serif; 
	font-size: 		12px;
	padding:		4px;
}

.introbox p{  
	padding:			0px;
}

.introbox td{  
	vertical-align: 	top; 
	padding:			10px;
	padding-left:		20px;
}
.introbox td>ul{  
	margin-left:			20px;
	margin-top:				20px;
	margin-bottom:			10px;
}

.introbox td>ul li{  
	margin-bottom:			10px;
}

table.syllabus-details {
	margin-bottom:			10px;
	padding:				0px;
	border:	1px	solid		#000000;
	border-radius:			10px;
	box-shadow:		6px	6px	6px	#aaa; 
}
table.syllabus-details td{
	padding:				10px;
	 
}

table.syllabus-details td p{
	margin:				0px;
}

table.syllabus-details  tr:first-child {
	background-color: 		#99ff66; 
}

.introbox #left_syll{
	width:	45%;
	float:	left;
	background-color: 		#9966ff;
	box-shadow: 			8px 8px 4px #aaaaaa;
	border:	1px	solid		#000000; 
	border-radius:			10px;
	padding:		10px;
}
.introbox #right_syll{
	width:	45%;
	float:	right;
	background-color: 		#ffff66;
	box-shadow: 			8px 8px 4px #aaaaaa;
	border:	1px	solid		#000000; 
	border-radius:			10px;
	padding:		10px;
}
.introbox1 { 
	background-color: 		#efefff; 
	vertical-align: 		top; 
	border: 			#006633 solid; 
	border-width: 			1px 4px 4px 1px ; 
	background-image: 		url(../img/intro/bg_pure.gif); 
	background-repeat: 		no-repeat; 
	background-position: 		center center;
}

.list-space30 {  
	line-height: 		30px;
}



td.flashbox {  
	border-color: 		#000000 #006633 #006633 #000000; 
	border-style: 		solid; 
	border-top-width: 	1px; 
	border-right-width: 	4px; 
	border-bottom-width: 	4px; 
	border-left-width: 	1px;
	padding:		0px;
	margin:			0px;
	text-align:		left;
}
.answer_right { 
	font-family: 		Verdana, Arial, Helvetica, sans-serif; 
	font-size: 		12px; 
	line-height: 		24px; 
	color: 			#000033; 
	background-color: 	#eeFFee; 
	text-align: 		center; 
}
.answer_wrong { 
	font-family: 		Verdana, Arial, Helvetica, sans-serif; 
	font-size: 		12px; 
	line-height: 		24px; 
	color: 			#000033; 
	background-color: 	#ffeeee; 
	text-align: 		center; 
}
.no-shade {  text-decoration: none}
.setup {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #FFFFFF; background-color: #000066; border-color: #000000 #000000 black black; border-style: solid; border-top-width: 1px; border-right-width: 4px; border-bottom-width: 0px; border-left-width: 0px}
.disclaimer {  
	font-family: 			Verdana, Arial, Helvetica, sans-serif; 
	font-size: 			9px;
	color:				#555555; 
	background-color: 		#f3fff3; 
	border: 			#990000 solid; 
	line-height: 			12px; 
	border-width: 			1px 2px 2px 1px;
	padding:			6px;
}

.indextable td{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; color: #000033; background-color: #eeeeff; text-indent: 20pt}

/* -------------------------- table of contents stuff ----------------------------*/

.mtoc{
	align:			center;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		4px;
	border:			1px	solid	black;

}

.mtoc td{
	line-height: 		16px;
	background-color:	#ffff99;
	text-indent:		20px;
}

.mtoc td a{
	text-decoration:	none;
	color:			#0000ff;
}

.mtocb{
	align:			center;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		4px;

}

.mtocb td{
	line-height: 		16px;
	text-indent:		20px;
}

.mtocb td a{
	text-decoration:	none;
	color:			#000000;
}

.mtocb td a:hover{
	text-decoration:	underline;
	color:			#0000ff;
}

.toc tr { 
	line-height: 		13px;
	text-indent: 		20pt;
}

.toc tr.subhead { 
	background-color: 	#ccccdd;
}

.toc {
	border-collapse:		separate;
	border-spacing: 		10px;
}

table.toc {
	//border-collapse:	separate;
	//border-spacing: 	10px;
	margin-bottom: 		2px;
	border:				1px 	solid	#a5e2d8;
	border-radius:		10px;
}

.toc th{
	font-size:			12px;
	color: 			#ffffff; 
	background-color: 	#005500;
	text-align:			left;
	
}
.toc td {  
	font-size: 			12px; 
	font-style: 		normal; 
	//line-height: 		16px;
}


.toc td.iheader { 
	text-indent: 		20pt;
	color:				#550000;
	font-family: 		Verdana, Arial, Helvetica, sans-serif; 
	font-size: 			12px; 
	font-style: 		normal; 
	line-height: 		20px;

}

.toc td.header { 
	text-indent: 		20pt;
	color:			#550000;
	font-family: 		Verdana, Arial, Helvetica, sans-serif; 
	line-height: 		20px;
}

/* ------------- all of the toc-head for each toc page --------------- */

.toc td.toc_head { 
	text-indent: 		20pt;
	color:			#ffffff;
	background-color: 	#005500;
	line-height: 		18px;
}
.toc td.toc_head a{ 
	color:				#ffffff;
}



.toc td.toc_head-1 { 
	text-indent: 		20pt;
	color:			#ffffff;
	background-color: 	#aa6100;
	line-height: 		18px;
}
.toc td.toc_head-1 a{ 
	color:				#ffffff;
}



.toc td.toc_head-2 { 
	text-indent: 		20pt;
	color:			#ffffff;
	background-color: 	#336400;
	line-height: 		18px;
}
.toc td.toc_head-2 a{ 
	color:				#ffffff;
}



.toc td.toc_head-3 { 
	text-indent: 		20pt;
	color:			#ffffff;
	background-color: 	#6699aa;
	line-height: 		18px;
}
.toc td.toc_head-3 a{ 
	color:				#ffffff;
}



.toc td.toc_head-4 { 
	text-indent: 		20pt;
	color:			#ffffff;
	background-color: 	#660044;
	line-height: 		18px;
}
.toc td.toc_head-4 a{ 
	color:				#ffffff;
}



.toc td.toc_head-5 { 
	text-indent: 		20pt;
	color:			#ffffff;
	background-color: 	#222244;
	line-height: 		18px;
}
.toc td.toc_head-5 a{ 
	color:				#ffffff;
}



.toc td.toc_head-6 { 
	text-indent: 		20pt;
	color:			#ffffff;
	background-color: 	#001633;
	line-height: 		18px;
}
.toc td.toc_head-6 a{ 
	color:				#ffffff;
}



.toc td.toc_head-7 { 
	text-indent: 		20pt;
	color:			#ffffff;
	background-color: 	#993377;
	line-height: 		18px;
}
.toc td.toc_head-7 a{ 
	color:				#ffffff;
}



.toc td.toc_head-8 { 
	text-indent: 		20pt;
	color:			#ffffff;
	background-color: 	#330022;
	line-height: 		18px;
}
.toc td.toc_head-8 a{ 
	color:				#ffffff;
}



.toc td.toc_head-9 { 
	text-indent: 		20pt;
	color:			#ffffff;
	background-color: 	#442200;
	line-height: 		18px;
}
.toc td.toc_head-9 a{ 
	color:				#ffffff;
}



.toc td.toc_head-10 { 
	text-indent: 		20pt;
	color:			#ffffff;
	background-color: 	#000000;
	line-height: 		18px;
}
.toc td.toc_head-10 a{ 
	color:				#ffffff;
}



.toc td.toc_head-11 { 
	text-indent: 		20pt;
	color:			#ffffff;
	background-color: 	#554411;
	line-height: 		18px;
}
.toc td.toc_head-11 a{ 
	color:				#ffffff;
}



/* ------------- all of the toc-head for each toc page --------------- */

.toc td.iheader a{  
	color:				#ffffff;
}

.toc td.header a{  
	color:				#ffffff;
}

.toc td.header a:hover{  
	color:				#000000;
}

.toc td a:hover{  
	color:				#000000;
	background-color:	#dddddd;
	padding:			2px;
	border:			1px	solid	#aaaaff;
}

.toc td.iheader a:hover{  
	color:			#aa0000;
	background-color: 	#cccccc; 
}




/* ------------------------end table of contents ----------------------------*/


/* --------------------------- index tables -------------------------------*/

.index tr{ 
	font-size: 		11px; 
	line-height: 		14px;
	background-color: 	#eeeeff;
	text-indent: 		20pt;
}
.index td{
	border-spacing: 	1px;
}

.indextablehead { 
	color: 			#FFFFFF; 
	background-color: 	#000033; 
	text-indent: 		20pt;
}

/* ----------------------------end of index ------------------------------*/


.aufbau_box {  
	border: 	#000033	solid		1px; 
	width:	30px;
	text-align: center;
	padding:		2px;
}

.sh1-0 { 
	margin-top:				0px;
	font-size: 				14px;  	
	line-height: 			32px; 
	border-bottom:			4px	solid	#440512;
	border-right:			100px	solid	#440512;
	background-color: 		#884549; 
	font-weight: 			normal; 
	padding:				10px;
	padding-top:			10px;
	padding-left: 			20px; 
	color: 				#ffffff; 
}

.sh1-0 > a:hover{  
	color: 				#ffff00;
}

.sh1-1 { 
	margin-top:				0px;
	font-size: 				14px; 
	line-height: 			32px; 
	background-color: 		#cc9100;
	border-bottom:			4px	solid	#aa6100;
	border-right:			100px	solid	#aa6100; 
	font-weight: 			normal;
	padding:				10px; 
	padding-left: 			20px; 
	color: 				#ffffff;
}

.sh1-1 > a:hover{  
	color: 				#ffff00;
}

.sh1-2 { 
	margin-top:				0px;
	font-size: 				14px;
	line-height: 			32px; 
	background-color: 		#669405; 
	border-bottom:			4px	solid	#336400;
	border-right:			100px	solid	#336400; 
	font-weight: 			normal; 
	padding:				10px;
	padding-left: 			20px; 
	color: 				#ddffb3; 
}
.sh1-2 > a:hover{  
	color: 				#ffff00;
}

.sh1-3 { 
	margin-top:				0px;
	font-size: 				14px;
	line-height: 			32px; 
	background-color: 		#9aa0cc;
	border-bottom:			4px	solid	#6699aa;
	border-right:			100px	solid	#6699aa; 
	font-weight: 			normal; 
	padding:				10px;
	padding-left: 			20px; 
	color: 				#ffffff; 
}
.sh1-3 > a:hover{  
	color: 				#ffff00;
}

.sh1-4 { 
	margin-top:				0px;
	font-size: 				14px;
	line-height: 			32px;  
	background-color: 		#893355;
	border-bottom:			4px	solid	#660044;
	border-right:			100px	solid	#660044;  
	font-weight: 			normal; 
	padding:				10px;
	padding-left: 			20px; 
	color: 				#ffffff; 
}
.sh1-4 > a:hover{  
	color: 				#ffff00;
}
.sh1-5 { 
	margin-top:				0px;
	font-size: 				14px;
	line-height: 			32px;  
	background-color: 		#666699; 
	border-bottom:			4px	solid	#222244;
	border-right:			100px	solid	#222244; 
	font-weight: 			normal; 
	padding:				10px;
	padding-left: 			10px; 
	color: 				#ffffff; 
}
.sh1-5 > a:hover{  
	color: 				#ffff00;
}
.sh1-6 { 
	margin-top:				0px;
	font-size: 				14px;
	line-height: 			32px;  
	background-color: 		#052f66; 
	border-bottom:			4px	solid	#001633;
	border-right:			100px	solid	#001633; 
	font-weight: 			normal;
	padding:				10px; 
	padding-left: 			20px; 
	color: 				#ffffff; 
}
.sh1-6 > a:hover{  
	color: 				#ffff00;
}
.sh1-7 { 
	margin-top:				0px;
	font-size: 				14px;
	line-height: 			32px;  
	background-color: 		#cc66aa; 
	border-bottom:			4px	solid	#993377;
	border-right:			100px	solid	#993377; 
	font-weight: 			normal;
	padding:				10px; 
	padding-left: 			20px; 
	color: 				#ffffff; 
}
.sh1-7 > a:hover{  
	color: 				#ffff00;
}
.sh1-8 { 
	margin-top:				0px;
	font-size: 				14px;
	line-height: 			32px; 
	background-color: 		#660550; 
	border-bottom:			4px	solid	#330022;
	border-right:			100px	solid	#330022; 
	font-weight: 			normal;
	padding:				10px; 
	padding-left: 			20px; 
	color: 				#ffffff; 
}
.sh1-8 > a:hover{  
	color: 				#ffff00;
}
.sh1-9 { 
	margin-top:				0px;
	font-size: 				14px;
	line-height: 			32px; 
	background-color: 		#996633; 
	border-bottom:			4px	solid	#442200;
	border-right:			100px	solid	#442200; 
	font-weight: 			normal;
	padding:				10px; 
	padding-left: 			20px; 
	color: 				#ffffff; 
}
.sh1-9 > a:hover{  
	color: 				#ffff00;
}
.sh1-10 { 
	margin-top:				0px;
	font-size: 				14px;
	line-height: 			32px;  
	background-color: 		#666666; 
	border-bottom:			4px	solid	#000000;
	border-right:			100px	solid	#000000; 
	font-weight: 			normal; 
	padding:				10px;
	padding-left: 			20px; 
	color: 				#ffffff; 
}
.sh1-10 > a:hover{  
	color: 				#ffff00;
}

.sh1-11 { 
	margin-top:				0px;
	font-size: 				14px;
	line-height: 			32px;  
	background-color: 		#998822; 
	border-bottom:			4px	solid	#554411;
	border-right:			100px	solid	#554411; 
	font-weight: 			normal; 
	padding:				10px;
	padding-left: 			20px; 
	color: 				#ffffff; 
}
.sh1-11 > a:hover{  
	color: 				#ffff00;
}
.sh1-12 { 
	margin-top:				0px;
	font-size: 				14px;
	line-height: 			32px;  
	background-color: 		#669966; 
	border-bottom:			4px	solid	#336633;
	border-right:			100px	solid	#336633; 
	font-weight: 			normal; 
	padding:				10px;
	padding-left: 			20px; 
	color: 					#ffffff; 
}
.sh1-12 > a:hover{  
	color: 				#ffff00;
}
.checkBox { 
	border: 				#990000; 
	border-style: 			solid; 
	border-top-width: 		1px; 
	border-right-width: 	4px; 
	border-bottom-width: 	4px; 
	border-left-width: 		1px; 
	background-color: 		#dddddd;
	margin-left:			auto;
	margin-right:			auto;
	margin-top:				10px;
	text-align:				center;
}

.q-HL { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; background-color: #770000; text-align: center; clip: rect( ); color: #FFFFFF; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px }

.syll-text {  
	font-family: 			Verdana, Arial, Helvetica, sans-serif; 
	font-size: 				10px;
	padding:				0px; 
	line-height: 			14px
}

.bibliography {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #004400; font-size: 9px}

.fullScreen {
	border: 	1px solid #CCFF00;
	margin:		0px;
	padding:	6px
	
}

div#support{
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size:		12px;
	text-align: 		center;
	border-style: 		solid 2px #900;
	background-color: 	#ccffcc;
	padding:		10px;
	margin-left:		100px;
	margin-right:		100px;
}

.where{
	width:			400px;
	margin-left:	100px;
}

table.floatleft{
	float:			left;
	padding:		20px;
}

img.floatleft{
	float:			left;
	padding:		20px;
}
table.floatright{
	margin-right:	20px;
	float:			right;
	padding:		20px;
}
img.floatright{
	margin-right:	20px;
	float:			right;
	padding:		20px;
}

.brackets{
	font-size:		10px;
	background-color:	#33a9f0;
}

br{
	padding:		0px;
	margin-top:		0px;
	margin-bottom:		0px
}

.mol{
	width:			120px;
	line-height:		4px;
	background-color:	#eee;
}

.mol a:link {
	text-decoration: 	none; 
	color: 			#000066
}

.mol a:active {
	text-decoration: 	none
}

.mol a:hover {
	color: 				#FF0000
}

#history1 td{
		width:				400px;
		background-color:		#000044;
		color:				#dddddd;
		border:				1px solid	red;
		align:				right;
		top:				-20;
		margin:				10px;
}
.sylltable td{
		font-size:			10px;
		color:				red;
		text-align:			center;
}
table.aside{
		border:				1px solid	red;
		margin:				40px;
}
table.aside td{
		border:				1px solid	red;
}

img.green{
	border:			1px solid	green;
	box-shadow: 		6px 6px 6px #88bb88;  // h-shadow v-shadow blur spread color
	margin-left:		auto;
	margin-right:		auto;
	padding: 			4px;
}
span.green{
	border:			1px solid	green;
	margin-left:		auto;
	margin-right:		auto;
	padding: 			8px;
}

object.green{
	border:				1px solid	green;
	margin-left:		auto;
	margin-right:		auto;
	padding: 			4px;
}

.midflash{
	border:				1px solid	green;
	margin-left:		0 auto;
	margin-right:		0 auto;
	margin-top:			10px;	
}

table.blue, img.blue{
	border:		1px solid	blue;
	margin:		4px;
	padding: 	4px;
	
}


table.yellow, img.yellow{
	border:		1px solid	yellow;
	margin:		4px;
	padding: 	4px;
	
}
table.purple, img.purple{
	border:				1px solid	purple;
	margin-right:		auto;
	margin-left:		auto;
	margin-top:			12px;	
}
table.purple td{
	text-align:			center;	
}
table.black, img.black {
	border:		1px solid	black;
	margin:		10px;
	margin-left:	auto;
	margin-right:	auto;	
}
table.black td{
 	text-align:	center;	
}
table.red, img.red {
	border:		1px solid	red;
	margin-left:		0 auto;
	margin-right:		0 auto;
	padding:			4px;
}
table.red td{
	text-align:		center;
	padding:		4px;
}

table.grey, img.grey{
	border:		1px solid	gray;
	margin:		10px;
	padding: 	20px;
	
}
table.gasbox{
	border:			1px solid	black;
	padding:		0px;
}
img.redfloatleft{
	border:		1px solid	red;
	margin:		10px;
	padding: 	20px;
	float:		left;
	
}
img.redfloatright{
	border:		1px solid	red;
	margin:		10px;
	padding: 	20px;
	float:		right;
	
}
img.greenfloatleft{
	border:		1px solid	#009900;
	margin:		10px;
	padding: 	20px;
	float:		left;
	
}
img.greenfloatright{
	border:		1px solid	#009900;
	margin:		10px;
	padding: 	20px;
	float:		right;
	
}

table.greenfloatright{
	border:		1px solid	#009900;
	margin:		10px;
	float:		right
	
}
table.greenfloatleft{
	border:		1px solid	#009900;
	margin:		10px;
	float:		left
	
}
object.greenfloatleft{
	border:		1px solid	#009900;
	margin:		10px;
	float:		left
	
}



.rate-data th{
	color:			#ffffff;
	background-color:	#004400;
	line-height:		12px;
	border:			2px solid	#ffffff;

}
td.testpanel{
	border:			1px solid	red;
	padding: 		10px;
	background-color:	#555555;
	color:			#cccccc;
	font-size:		10px;
	line-height:		16px;	
}
td.struct{
	border:			1px solid	#dddddd;
	padding: 		4px;
	background-color:	#333333;
	font-size:		11px;
	line-height:		16px;	
}
td.struct_on{
	border:			1px solid	#dddddd;
	padding: 		4px;
	background-color:	#ffeeee;
	color:  		#660000;
	font-size:		11px;
	line-height:		16px;	
}

td.struct a:link{
	color:  #eeeeff;
}

td.struct a:active{
	color:  #eeeeff;	
}

td.struct a:hover{
	color:  #eeeeff;
}

td.struct a:visited{
	color:  #eeeeff;
}

table.green{
	border:			1px solid	green;
	margin-top:		10px;
	margin-bottom:		10px;
	margin-left:		auto;
	margin-right:		auto;

}
td.green{
	border:			1px solid	green;
	padding:			4px;
}

table.green td{
	line-height:			16px;
	text-align:			center;
	padding-top:			4px;
	padding-bottom:			4px;	
}
table.greenj{
	border:				1px solid	green;
	margin-top:			10px;
	margin-bottom:		10px;
	margin-left:		40px;
}
table.greenj td{
	text-align:				center;
	padding:				0px;
	text-align:				justify;
}
table.green td p{
	text-align:				center;
	padding-top:			0px;
	padding-bottom:			0px;
	margin-left:		auto;
	margin-right:		auto;	
}
table.greene{
	border:				1px solid	#009900;
	margin:				10px;
	padding: 			4px;
}
table.greenleft {
	border:				1px solid	#009900;
	margin:				10px;
	padding: 			4px;
}

table.igreen{
	border:				1px solid	green;
	margin-top:			10px;
	margin-bottom:		10px;
	margin-left:		auto;
	margin-right:		auto;
}
table.igreen td {
	text-align:			left;
	padding-left:		20px;	
}

table.blue td{
	text-align:		center;
	padding:		6px;
}
table.greene td{
	text-align:		left;
	padding-left:	6px;
	padding-top:	10px;
	line-height: 	normal; 
}
table.greenleft td{
	text-align:	left;
	padding:	10px;
}



/*-------------------- number highlight classes ---------------*/

.num_red{
	font-size:			11px;
 	padding: 			2px;
	background-color:	#660000;
	color:				#ffffff;
	border:				1px solid	black;
}
.num_redover{
	font-size:			11px;
 	padding: 			2px;
	background-color:	#eecccc;
	color:				#222222;
	border:				1px solid	black;
}
.num_veryred{
	font-size:			11px;
	padding: 			2px;
	background-color:	#ff0000;
	color:				#ffffff;
	border:				1px solid	black;
	margin-top: 		10px;
}
.num_blue{
	font-size:			11px;
 	padding: 			2px;
	background-color:	#000066;
	color:				#ffffff;
	border:				1px solid	black;
}
.num_blueover{
	font-size:			11px;
 	padding: 			2px;
	background-color:	#ccccee;
	color:				#333333;
	border:				1px solid	black;
}
.ans_over{
	font-size:			10px;
	padding-top: 		2px; 
	padding-right: 		5px; 
	padding-bottom: 	2px; 
	padding-left: 		5px; 
	background-color:	#ccccee;
	color:				#333333;
	border:				1px solid	black;
}
.num_green{
	font-size:			11px;
 	padding: 			2px;
	background-color:	#009900;
	color:				#ffffff;
	border:				1px solid	black;
}
.num_greenover{
	font-size:			11px;
 	padding: 			2px;
	background-color:	#ccffcc;
	color:				#222222;
	border:				1px solid	black;
}
.num_vgreen{
	font-size:			11px;
 	padding: 			2px;
	background-color:	#00ff00;
	color:				#000000;
	border:				1px solid	black;
}
.num_purple{
	font-size:			11px;
 	padding: 			2px;
	background-color:	#770077;
	color:				#ffffff;
	border:				1px solid	black;
}
.num_vpurple{
	font-size:			11px;
 	padding: 			2px;
	background-color:	#ff00ff;
	color:				#000000;
	border:				1px solid	black;
}
.num_yell{
	margin-top:			12px;
	font-size:			10px;
 	padding: 			2px;
	background-color:	#777700;
	color:				#ffffff;
	border:				1px solid	black;
}
.num_yellover{
	margin-top:			12px;
	font-size:			10px;
 	padding: 			2px;
	background-color:	#ffffcc;
	color:				#000000;
	border:				1px solid	black;
}
.num_vyell{
	font-size:			11px;
 	padding: 			2px;
	background-color:	#ffff00;
	color:				#000000;
	border:				1px solid	black;
}
.num_black{
	font-size:			11px;
 	padding: 			2px;
	background-color:	#000000;
	color:				#ffffff;
	border:				1px solid	yellow;
}

.high{
	font-size:			11px;
 	padding: 			2px;
	background-color:	#eeffee;
	color:				#000000;
	border:				1px solid	#006600;
}

.high_on{
	font-size:			11px;
 	padding: 			2px;
	background-color:	#005500;
	color:				#ffffff;
	border:				1px solid	yellow;
}

/*--------------------- end of bg highlight colours -------------------*/
table.rate-data{   
	margin-bottom:		10px;
	margin-top:		20px;
	margin-left:		auto;
	margin-right:		auto;
}

table.rate-data td{  
	line-height:		16px;
	padding:			4px; 
	background-color: 	#ababFF; 
	text-align: 		center; 
	margin-left:		auto;
	margin-right:		auto;
	border: 			1px solid #666666; 
}



/*------------------------------ for tests -----------------------------*/

p.quest{  
	color:		#660000;
	font-size:	12px;
}
/*------------------------------ bonding book ---------------------------*/ 

table.structures {
   border-collapse: collapse;
   margin:		0px;
}
table.structures td {
   border: 1px solid #33dd33;
}
table.structures td a{
   display: block;
   text-decoration: none;
}
table.structures td a:link, table.structures td a:visited {
   color: #fff;
   background-color: #003300;
}
table.structures td a:hover, table.structures td a:active {
   color: #fff;
   background-color: #006600;
}

table.shapes td {
	line-height:	1.4em;
	color:			#000066;
	padding:		6px;
	background-color:	#ccddcc;
	border-right: 	1px solid #006600;
}
table.shapes th {
	color:			#dddddd;
	padding:		4px;
	background-color:	#333333;
	border:			1px solid #990000;
}
table.shapes{
	border:			1px solid #006600;
}

/* ------------------------ end ---------------------------- */

table.aside{
		border:				1px solid	red;
		margin:				20px;
		position:			relative;
		top:				-50px;
		float:				right;
		width:				320px;
		
}
table.aside td{
		background-color:		#333;
		color: 				#ddd; 
		padding:			10px;
}
table.ack{
		border:				2px solid #0000ff;
				
}
table.ack td{
		background-color:	#444;
		color: 				#ddd; 
		padding:			2px;
		text-align:			left;
}
table.ack th{
		background-color:	#000;
		color: 				#eee; 
		padding:			2px;
		text-align:			left;
}
img.showGo{
		border-style:		none;
}
table#gone{
		display:			none;
}

table.data{
	margin-top:			20px;
	margin-bottom:		20px;
	margin-left:		auto;
	margin-right:		auto;
}
table.data td {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-style:			normal;
	text-align:			center;
	color:				#eeeeee;
	padding:			6px;
	margin-left:			auto;
	margin-right:			auto;
	background-color:		#666666;
	border:				1px solid #333333;
}
table.data th {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-style:			normal;
	text-align:			center;
	color:				#dddddd;
	padding:			4px;
	background-color:		#333333;
}
	
/*-------------------- horizontal rules --------------------------*/

hr{
	clear:			both;
	margin-bottom:		10px;
    background-color: #eee;
    border: 0 none;
    color: #eee;
    height: 1px;
}

divmain>hr{
	height: 		1px;
	margin-top:		10px;
	margin-bottom:		6px;
	margin-left:		30px;
	margin-right:		30px;
	border: 		0;
	color: 			#9Ecc9E;
	background-color: 	#9Ecc9E;
	padding-top:		0px;
	padding-bottom:		0px;
	clear:			both;
}
divmain table tr td hr{
	height: 		1px;
	margin-top:		10px;
	margin-bottom:		0px;
	margin-left:		auto;
	border: 		0;
	color: 			#9Ecc9E;
	background-color: 	#9Ecc9E;
	padding-top:		0px;
	padding-bottom:		0px;
}

hr.wid300{
	margin-top:			0px;
	margin-bottom:		0px;
	width:				300px;
}
div hr{
	margin-bottom:		10px;
	height:				1px;
	border:				0px;
	background-color:	bbb;
}

hr.blueline {
	color:	#0000ff;
}
hr.dgreenline {
	color:				#009900;
	background-color:	#009900;
	margin-bottom:		6px;
	height: 			1px;/*whatever the total width of the border-top and border-bottom equal*/
	shade:				no-shade; 
	border:				none;
	margin-left:		auto;
	margin-right:		auto;
	width:				100%;
}
hr.redline {
	color:	#ff0000;
}
hr.purpleline {
	color:	#ff00ff;
}
hr.darkblueline {
	color:	#000066;
}
hr.darkgreenline {
	color:	#006600;
}
hr.darkredline {
	color:	#660000;
}
hr.darkpurpleline {
	color:	#660066;
}
hr.dash {
	margin-right:		60px;
	margin-top:		20px;
	margin-bottom:		0px;
	border: 		none 0; 
	border-top: 		1px dashed #900;/*the border*/
	width: 			100%;
	height: 		1px;/*whatever the total width of the border-top and border-bottom equal*/
	text-indent: 		30px;/*this will align it for IE*/
	margin: 		30 auto 20 0; /*this will align it left for Mozilla*/
} 

.topi_over{
	font-size:		9px;
	padding:		2px 4px 2px 4px;
	border:			1px solid #333333;
	background-color:	#ccffcc;
	color:			#000000;
}
.topi{
	font-size:		9px;
	padding:		2px 4px 2px 4px;
	border:			1px solid #333333;
	background-color:	#336633;
	color:			#ffffff;
}

/*----------------- front splash -------------------*/

.specg{
	background-image: url('../img/bg/greenfade.gif');
	background-repeat:	repeat-x;
	padding-right: 760px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-top: 4px;
	border-color: 	#009900; 
	border-style: 	solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 2px; 
	border-left-width: 0px
}
.specb{
	margin:			0px;
	background-image: url('../img/bg/bluefade.gif');
	background-repeat:	repeat-x;
	width:			95%;
	padding-right: 		80%;
	padding-bottom: 	0px;
	padding-left: 		20px;
	padding-top: 		6px;
	border-color: 		#990099; 
	border-style: 		solid; 
	border-top-width: 	0px; 
	border-right-width: 	0px; 
	border-bottom-width: 	4px; 
	border-left-width: 	0px;
	font-weight:		bold;
}
div.round{
	background-color:	#770000;
	width:			80%;
	margin-left:		10%;
	text-align:		left;
	margin-bottom:		1px;
	margin-top:		1px;
	padding:			2px;
	height:				32px;
}


img.ico{
	margin-left:		0px;
	margin-right:		0px;
	padding:			0px;
	border:				1px	solid	#000000;
}
img.ico_over {
	padding:			0px;
	border:				1px	solid	#ffff00;
}

.equation{
	margin-left:		auto; 
	margin-right:		auto;
	text-align:		center;
	padding:			6px;
	border:			solid		1px	#006600;
	box-shadow:		4px	4px	4px	#cccccc;
}

img.std{
	padding:		0px;
	margin:			0px;
	display:		inline;
}

/* --------------------- headers of each page --------------*/

table.title{
	width:					100%;
	margin-left:			auto;
	margin-right:			auto;
	margin-bottom:			2px;
}


table.title td a:link, table.title td a:active, table.title td a:visited {
	text-decoration: 		none;
	color: 				#ffffff;
}

table.title td a:hover {
	text-decoration: 		underline;
	color: 				#ffff00;
}

table.title td{
	color:				#ffffff;
	font-size: 			14px; 
	font-weight: 			bold;
	text-indent: 			20pt;
	background-color:		#000047;
	padding:			2px;
}

#qcqArea{

}


/* --------------------- page headers end --------------*/


ul.glist{
	padding-bottom:	20px;
}

ul.glist li a:link{
	color:	#000000;
	margin-left:	21px;
	line-height:	16px;
	padding:	3px;
	padding-left:	40px;
	background-image:	url("../img/icons/add-green.gif");
	background-repeat:	no-repeat;
	background-position:	10px	3px;
}

ul.glist li a:visited{
	color:	#000000;
	margin-left:	20px;
	padding:	4px;
	padding-left:	40px;
	background-image:	url("../img/icons/add-green.gif");
	background-repeat:	no-repeat;
	background-position:	10px	3px;
}
ul.glist li a:active{
	color:	#000000;

}
ul.glist li a:hover{
	margin-left:	20px;
	color:	#669900;
	border:	1px	solid	#cccccc;
	background-image:	url("../img/icons/add-red.gif");
	background-repeat:	no-repeat;
	background-position:	10px	3px;
}

/* --------------------- self tests --------------*/
table.quiz{
	line-height:	20px;
}
table.quiz p{
	line-height:	20px;
}

input[type=text]::-ms-clear {   // removes the little x that appears in the input field in IE10
	text-align:		center;
	display: 		none; 
}

.showlink{
	font-family:	Verdana;
	display:		inline;
	font-size:		12px;
	background-color:	#dfdfff;
	padding:		2px;
}
.showlink:hover{
	background-color:	#000033;
	color:			#ffffff;
}
img.standard{
	position:	relative;
	left:		-8px;
	top:		-2px

}

/* ------------ different type of tooltip ----------------*/


.glossdef-tooltip {
  background: #fad;
  border: 1px solid #000;
  border-radius: 3px;
  font-family: Georgia, serif;
  font-size: 0.89em;
  line-height: 1.3em;
  padding: 5px 7px;
  max-width: 300px;
  -moz-box-shadow:    3px 3px 3px #888;
  -webkit-box-shadow: 3px 3px 3px #888;
  box-shadow:         3px 3px 3px #888;
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
}  


main .glossterm {
    color: #111;
    font-weight: bold;
    border-bottom: 1px dashed #999; 
}

main .glossterm:hover {
      text-decoration: none; 
}

main .glossdef {
    display: none; 
}

/*
<span class="margin_term"><a class="glossterm">methanoic acid</a><span class="glossdef">A weak carboxylic acid.</span></span>
*/

div#fmenu{
	position:		absolute;
	top:			56px;
	left:			0px;
	margin-bottom:	10px;
}
#fmenu ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#fmenu a:link, #fmenu a:active, #fmenu a:visited {
    float: 			left;
    width: 			94px;
    text-decoration: 	none;
	text-align:		center;
    color: 			#999999;
    background-color: 	#dddddd;
    padding: 		0.4em 2px;
    border-right: 	1px solid white;
}

#fmenu a:hover {
    background-color: #999999;
	color:#dddddd;
}

#fmenu li {
    display: inline;
}

#drop_content{
	padding:	20px;
	margin-left:		20px;
	border:		1px	solid	#aaaabb;
	box-shadow:		6px	6px	4px	#cccccc;
	width:			80%;
	border-radius:		10px;
}
#drop_content p.sh3{
}

#drop_content ul.menu{
	margin-top:			20px;
	margin-bottom:		20px;
}

#drop_content ul.menu li{
	margin-left:		0px;
	line-height:		24px;
}

#drop_content ul.menu li a:link{
	border:			0px	solid	#dddddd;
	padding-left:		50px;
	padding-top:		6px;
	padding-bottom:		6px;
	padding-right:		4px;
	background-image:	url("../img/icons/add-green.gif");
	background-repeat:	no-repeat;
	background-position:	11px	6px;
	font-family:		Verdana; 
	font-size:		12px;
}
#drop_content ul.menu li a:visited{
	border:			0px	solid	#dddddd;
	padding-left:		50px;
	padding-top:		6px;
	padding-bottom:		6px;
	padding-right:		4px;
	background-image:	url("../img/icons/add-green.gif");
	background-repeat:	no-repeat;
	background-position:	11px	6px;
	font-family:		Verdana; 
	font-size:		12px;
}

#drop_content ul.menu li a:hover{
	border:			1px	solid	#dddddd;
	padding-left:		49px;
	padding-top:		6px;
	padding-bottom:		6px;
	padding-right:		4px;
	background-image:	url("../img/icons/add-red.gif");
	background-color:	#eeeeee;
	background-repeat:	no-repeat;
	background-position:	10px	6px;
	font-family:		Verdana; 
	font-size:		12px;
}


#ad{
	width:	468px;
	display:block;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:32px;
	margin-top:32px;
}


#tawkchat-minified-box {
    bottom: 100px !important; /* Adjust the bottom position */
    right: 50px !important; /* Adjust the right position */
    left: auto !important;  /* If you want it on the left, use `left` and set `right` to `auto` */
}




/* ------------ @media breakpoints ----------------*/

@media (max-width: 1200px){ /* 1st level responsive layout break point- drop left column down */

header{
	display:none;
}
#right_content{
	display:none;
}
main{
	width:				90%;
	margin-left:		auto;
	margin-right:		auto;
	padding-left:	2px;
	padding-right:	2px;
}
p{
	padding-left: 4px;

}


main table.egbox{
  width:	90%;
}
.introbox{
	display: none;
}


@media (max-width: 1000px){ /* 2nd level responsive layout break point- drop left column down */

header{
	display:none;
}
#right_content{
	display:none;
}
main{
	width:				94%;
	margin-left:		auto;
	margin-right:		auto;
	padding-left:		2px;
	padding-right:		2px;
}
p{
	padding-left: 		4px;
}


main table.egbox{
  width:	90%;
}
.introbox{
	display: none;
}

@media (max-width: 800px){ /* 3rd level responsive layout break point- drop left column down */

header{
	display:none;
}
footer{
	display:none;
}
main{
	width:				96%;
	margin-left:		auto;
	margin-right:		auto;
	padding-left:		2px;
	padding-right:		2px;
}

#right_content{
	display:none;
}

p{
	padding-left: 		0px;
	margin-left:		4px;
}


main table.egbox{
  width:	100%;
}
.introbox{
	display: none;
}

@media (max-width: 600px){ /* 4th level responsive layout break point- drop left column down */
#mob_header{
	display:		block;
	width:			100%;
	background-color:	#000055;
	color:			#ffffff;
	font-size:		24px;
	padding-top:	10px;
	padding-left:	10px;
	padding-bottom:	8px;
}
header{
	display:none;
}
footer{
	display:none;
}
#right_content{
	display:none;
}
#ad{
	display:none;
}

main{
	width:				100%;
	margin-left:		0px;
	margin-right:		auto;
	padding-left:	2px;
	padding-right:	2px;
}
p{
	padding-left: 0px;
	margin-left:4px;
}

.flash{
	display: none;
}
main table.egbox{
  width:	90%;
}
.introbox{
	display: none;
}
table.black, img.black {
	width:		98%;	
}