body { color: #cccccc; background: #332626; margin-top: 0; margin-right: 0; margin-left: 0; }

p {
	text-indent: 2em;
	font-size: 10pt;
	color: #cccccc;
	background-color: #332626;
	font-family: Verdana, Geneva, Arial, sans-serif;
}

p.para-1	{ text-indent: 0em; text-align: left;	}
p.para-2	{ text-align: right;	}
p.para-3	{ text-align: center;	}
p.para-4	{ text-align: justify;	}
p.para-5	{ text-align: left;	}
p.para-6    { text-indent: 4em; text-align: left; }
p.para-7    { text-indent: 0em; text-align: left; font-size: 8pt; }
p.para-top  {text-indent: 0em; text-align: left; margin-top: 0px;}

.bold {font-weight: bold; }

.text-1 {
	font-size: 10pt;
	color: #cccccc;
	background-color: #332626;
	font-family: Verdana, Geneva, Arial, sans-serif;
}

.text-2 {color: aqua; background-color: #332626; }

.text-3 {
	text-indent: 0em;
	font-size: 12pt;
	color: #cccccc;
	background-color: #332626;
	font-family: Verdana, Geneva, Arial, sans-serif;
}

.text-4 {
	text-indent: 0em;
	font-size: 8pt;
	color: #cccccc;
	background-color: #332626;
	font-family: Verdana, Geneva, Arial, sans-serif;
}

.text-5 {
	text-indent: 0em;
	font-size: 6pt;
	color: #cccccc;
	background-color: #332626;
	font-family: Verdana, Geneva, Arial, sans-serif;
}

td.center {text-align: center;}

td.centrePadding {text-align: center; padding: 4em;}



.heading { font-size: 12pt; font-weight: bold; 	color: #cccccc; background-color: #332626;
	font-family: Verdana, Geneva, Arial, sans-serif; text-decoration: underline;}

span.label {
    padding: 3px 10px 0px 3px;
	margin-right: 3px;
	color: white;
	background-color: #969696;	
	font-weight: bold
}

div.intro-left {
	/*position: absolute;
	top: 26px; */
	margin-top: 50px;
    margin-left: 10px;
	float: left;
	width: 250px; 
	/*width: 26%; */
	
	color: #cccccc;
	background-color: #332626;
}

div.intro-pipe {                
	float: left;	
	margin-top: 50px;
	width:15px;
	color: #cccccc;
	background-color: #332626;
	font-size: 10pt;	
	font-family: Verdana, Geneva, Arial, sans-serif;
	/* width: 8%; */
}

div.intro-right {
	margin-left: 265px;
	/* float: right;	*/			 
	margin-top: 50px;				
	text-align: center;
	/* width: 2%; */
}

div#copycontainer {									
	color: #cccccc;
	background-color: #332626;
	width: 100%;
	float: left;
	clear: both;
}
                 
div.copytext {				
	width: 600px;
	margin-left: 10px;
	margin-top: 20px; /* avoids navigation panel */
}

div.links-page {                
	/*top: 26px; */
	/*float: left; */
	width: 670px; 
	/*width: 26%; */	
	margin-left: 10px;
	margin-top: 20px;
	color: #cccccc;
	background-color: #332626;
	font-size: 10pt;	
	font-family: Verdana, Geneva, Arial, sans-serif;
}

div.shane {
	/*float: left; */
	/*width: 670px; */
	/*width: 26%; */
	text-align: center;
	margin-left: 10px;
	color: #cccccc;
	background-color: #332626;
/*	font-size: 10pt;	
	font-family: Verdana, Geneva, Arial, sans-serif; */
}

div.footer {
    clear: both;
	width: 100%;
    color: #cccccc; 
	background: #332626;	
    text-align: center;
}

div.container {
	color: #cccccc;
	background-color: #332626;
}

div#navcontainer {	
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;				  
	padding: 0 0 0 30px;
	color: #cccccc;				  			  
	background-color: #969696;
	font-size: 8pt;	
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-weight: bold;				 
	/* margin-top: 0; */
	   margin-bottom: 0; 
	}

a:hover {
	color: #ffffff; text-decoration: underline; background-color: #332626;
}
		
a.navig:link    { color: blue; background-color: #969696;	 }    /* unvisited links */
a.navig:visited { color: red; background-color: #969696;	 }   /* visited links   */
a.navig:hover   { color: yellow; background-color: #969696;	 } /* user hovers     */
a.navig:active  { color: lime; background-color: #969696;	 }   /* active links    */


/* links within main body */
a.internal:link    { color: aqua; background-color: #332626; }    /* unvisited links */
a.internal:visited { color: red; background-color: #332626; }   /* visited links   */
a.internal:hover   { color: yellow; background-color: #332626; } /* user hovers     */
a.internal:active  { color: lime; background-color: #332626; }   /* active links    */


ul#navlist {padding-left: 0; padding-bottom: 0; margin: 0px 0px 3px 0px; }
#navlist li {display: inline; list-style-type: none; }

/*#navlist a {padding: 3px 10px; } */
#navlist a {padding-right: 10px; padding-bottom: 0; margin: 0; }
#navlist a:link { color: #00FFFF; background-color: #969696;	 }    /* unvisited links */
#navlist a:visited { color: red; background-color: #969696; }   /* visited links   */
#navlist a:hover   { color: yellow; background-color: #969696; } /* user hovers     */
#navlist a:active  { color: lime; background-color: #969696; }   /* active links    */

/* links to an auxillary page eg exchange rates */
a.navpage { font-family: "Trebuchet MS", Arial; font-size: 8pt; border: 1px aqua solid; line-height: 18px ; letter-spacing: 0.04em}
a.navpage:link {color: aqua; background-color: #332626;text-decoration: none;} 
a.navpage:visited {color: red; background-color: #332626;text-decoration: none;}
a.navpage:hover {color: yellow; background-color: #332626; text-decoration: underline; }  
a.navpage:active {color: yellow; background-color: #332626;text-decoration: none; } 

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.centeredImage { 
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

.imageShane { 
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0 0;	
}

/* CSS for display of icons - Sam Marshall http://www.leafdigital.com */

div.spacer {
	clear: both;
}

div.containerAllIcons {
	/*position: absolute;
	top: 70px;
	margin-left: 265;  fine firefox - wrecks Explorer */	
	margin-top: 50px;
	/*width: 600px; */
	/*height: 100%; */
	/*height: 100%; */
}

div.containerMainImage {
     margin-top: 50px;
}

div.containerImage{	
	margin-left: 267px;	
	color: #cccccc;
	background-color: #332626;
	font-size: 10pt;	
	font-family: Verdana, Geneva, Arial, sans-serif;	 
}



div.containerIcon1{
	/*margin-left: 275px; */
	/* float: right;	*/	
	/*margin-top: 70px; */
	
	margin-left: 267px;	
	color: #cccccc;
	background-color: #332626;
	font-size: 10pt;	
	font-family: Verdana, Geneva, Arial, sans-serif;
	/*img {border: 1px solid aqua;}*/
}

div.containerIcon1.img {border: 1px solid aqua;}


div.containerIcon2{
	/*margin-left: 275px; */
	/* float: right; */
	/* margin-top: 270px; - OK with IE not with Firefox*/

	position: absolute; /* OK with Firefox */
	top: 250px;
    left: 275px; /* tricky positioning to get it right in both IE and FireFox & icon #5 left margin adjustment */
	/* margin-left: 267px; */
	padding: 0px;
	margin: 0;
	height: 100%;
	color: #cccccc;
	background-color: #332626;
	font-size: 10pt;	
	font-family: Verdana, Geneva, Arial, sans-serif;
	/*img {border: 1px solid aqua;}*/
}

div.containerIcon2.img {border: 1px solid aqua;}


#Icon2A {top: 180px;}

#Icon3A {top: 310px;}

#Icon4A {top: 440px;}

#Icon5A{ top: 570px;}

div.floatIcon {
	float: left;
	/*display: inline-block; */
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;	
	/*a:link img{border: 1px solid aqua;} */
}


div.floatIcon p {
	text-align: center;
	margin: 0;
}


table.arrow { 
	float: left;
	margin-top: 0px;
	width: 729px;
	border: 0px;
}