body  {   background-image:url('chem1.gif');
         background-repeat:no-repeat;
         background-attachment:fixed;
         background-position:center  }

p  {  	font-weight:normal;
		font-style:normal;
		font-family:Verdana,Helvetica,Arial,sans-serif;
		margin-left:1em;
		margin-right:1.5em;
		font-size:1em;
		color:#000000;
		text-align:left;
		line-height:1.5em;
		word-wrap:break-word;	  }
	  
p.centre  { text-align:center }
	  
p.examtip  {   font-weight:bold;
              font-style:normal;
              font-family:Verdana,Helvetica,Arial,sans-serif;
              margin-left:1.5em;
              margin-right:1.5em;
              font-size:1em;
              color:#FFFFFF;
              text-align:justify;
              background:red; }
			  
sup, sub  {  vertical-align:baseline;
			position:relative;
			top:-0.4em;  }
			
sub  {  top:0.4em;  }
			  			  
/* 
ul  {  list-style-type:disc;
       list-style-image:url('bluepointer.gif')  }
    	
ul ul  {  list-style-type:square;
	  list-style-image:url('bluesquare.gif')  }
*/

ol  {   font-weight:normal;
       font-style:normal;
       font-family:Verdana,Helvetica,Arial,sans-serif;
       font-size:1.1em;
       color:#000000  }

img.centre  { display:block;
			 margin:auto }
			 
div.centre  { margin:auto }
	    
table  {    border:0px;
          border-spacing:0px;
 	      padding:0px;
          font-weight:normal;
          font-style:normal;
          font-family:Verdana,Helvetica,Arial,sans-serif;
          font-size:1.1em;
          width:95%;
		  margin:auto;
          color:#000000  }
		  
table.equation  {  width:auto;
				 position:relative;
				 left:5%  }
				 

td   { padding:0px;
	 border:0px;
	 text-align:center;
	 vertical-align:middle   }

td.links  { border:1px solid white;
		   background-color:silver }

td.right   {   text-align:right   }

p.right  {  text-align:right;  }

td.left   {   text-align:left   }

img   {   margin:0px;
          border:0px;
          padding:0px;
          height:auto;
	      width:auto   }

a  {  text-decoration:none;
      font-weight:normal;
      font-style:normal;
      font-family:Verdana,Helvetica,Arial,sans-serif;      
      color:#0000FF;
      font-size:1.1em  }

a.sectionlink  {  font-weight:bold;
		  font-style:italic  }

a.sectiontitle  {  font-weight:bold;
		   color:#008080  }

a.subsectiontitle  { font-weight:normal;
					color:#000080;
					margin-left:1.1em  }

a.littlelink  {  font-weight:bold;
				font-size:90%  }

a:hover  {  color:#008000;
	    }
		
.links a  { color:black;
		   font-weight:bold }
		
.links a:hover  { color:gold;
                 font-weight:bold }

h1  {  font-family:Verdana,Helvetica,Arial,sans-serif;
       font-weight:bold;
       text-align:center;
       color:#008000;
       font-size:3em  }

h2  {  font-family:Verdana,Helvetica,Arial,sans-serif;
       font-weight:bold;
       text-align:center;
       color:#008000;
       font-size:2em  }

h3  {  font-family:Verdana,Helvetica,Arial,sans-serif;
       text-align:left;
       color:#008000;
       font-size:1.2em  }

h4  {  font-family:Verdana,Helvetica,Arial,sans-serif;
       text-align:left  }

hr  {  	color:#008000;
		page-break-after:always  }

.menu {  display:none;
	 margin-left:20px  }

.ie  {  font-weight:bold;
        font-style:italic;
	color:#008000  }

.eg  {  font-weight:bold;
	font-style:italic;
	color:#800000  }

.highlight { font-weight:bold;
			 font-style:italic;
      	     background:yellow;
			 color:#004000 }

strong { color:#080 }
			 
.bold  {  font-weight:bold;
          color:#00FF00  }

.answers { font-weight:bold;
		   font-family:Verdana,Helvetica,Arial,sans-serif }
		   
.tooltip  {	width:50%;
			padding:1px;
			background-color:silver;
			border:3px solid gold;
		}
			
.trigger  {	border-bottom:1px dashed silver;
			cursor:help  }
			
.trigger:hover  {  color:#FF0000  }
			
#navigation ul, #navigation li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navigation a {
	background-color: silver;
	text-decoration: none;
	font: 16px 'ColaborateLightRegular', Arial, sans-serif;
	text-indent: 10px;
	border-top: 1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	margin: 0px;
	padding: 0px;
	color: black;
}
#navigation a:hover {
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color: #555;
	color: gold;
}
#navigation .stack > a {
	background-image: url(images/arrow.png);
	background-repeat: no-repeat;
	background-position: 97% 8px;
}
#navigation .stack > a:hover {
	background-position: 97% -78px;
}
#navigation ul .stack > a {
	background-position: 97% -21px;
}
#navigation ul .stack > a:hover {
	background-position: 97% -54px;
}

@page  {  size:210mm 297mm;
          margin:10mm  }