body { margin: 0px; line-height: 15px; background-image:url(media/back2.jpg); background-repeat:repeat-x; background-color:#FFFFFF; }

body, table { font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height: 15px; }

body a:link { color: #1191b4; text-decoration: underline; font-weight:bold; }
body a:visited { color: #1191b4; text-decoration: underline; font-weight:bold;}
body a:hover { color: #666666; text-decoration: none; font-weight:bold; }

p { margin-top: 3px; margin-bottom:5px; }

form { margin:0px; }


/*DIV STYLES BY ID*/
/*Padding must be subtracted from a DIV's width or height before applied.*/
/*Define text & link styles for footer & nav bars here.*/

#container {
	width: 960px;
	position: relative;
	margin-left: auto;
 	margin-right: auto;
}
	
#header {
	height:117px;
	position: relative; 
	margin-bottom:1px;
}

#logo { position:absolute; left:55px; top:15px; }

#toplinks { position:absolute; right:25px; top:0; }
#toplinks p { font-size:11px; float:left; margin-right:10px; }
#loginbutton { width:100px; height:23px; background-image:url(media/loginbutton.jpg); float:left; }
#loginbutton:hover { width:100px; height:23px; background-image:url(media/loginbuttonover.jpg); cursor:pointer; }
	
#content { 
	position: relative;
	margin-left:15px;
	margin-right:15px;
	min-height:400px;
	padding-bottom:40px;
}
	
	
#nav {
	color: #000000; 
	position:absolute;
	z-index:100;
	top:43px;
	left:380px;
}
	

/* ----------- vertical example ----------- 
Important define height in: #mainnav ul

*/

#topnav, #topnav ul { padding: 0; margin: 0; list-style: none;  font-family:"Myriad Pro", Helvetica, Arial;}
#topnav a:link, #topnav a:visited { color:#ffffff; text-decoration:none; font-weight:normal; }
#topnav a:hover { color:#7fbdcd; text-decoration:underline;  }
#topnav li { width:180px; height:47px; background-image:url(media/topnav.jpg); line-height:45px;   font-size:18px; color:#FFFFFF; text-align:center; float:left; margin-right:5px; }
#topnav li:hover, #topnav li.selected { background-image:url(media/topnavover.jpg); }
#topnav ul  { position:absolute; margin-top:3px; display:none; z-index:99; top:45px; right:0; background-color:#007b9b; height:22px; width:700px; }
#topnav ul li { width:auto; font-family:Verdana, Arial; font-size:11px; font-weight:bold; letter-spacing:-0.03em; background-image:none; line-height:25px; float:right; margin-right:15px; background-image:none; }
#topnav ul li:hover { background-image:none; }
#topnav li.show ul { display: block;  }
#topnav li.selected ul { display: block; z-index:98;}

#footer {
 background-image:url(media/footerbackground.jpg);
 background-position:bottom;
 background-repeat:repeat-x;
 padding-bottom:10px;
 padding-left:20px;
}

#footer .column { width:130px; margin-right:40px; float:left; }

#footer p { font-weight:bold; color:#828b8e }
#footer a:link { color: #828b8e; text-decoration: none; font-weight:normal }
#footer a:visited { color: #828b8e; text-decoration: none; font-weight:normal }
#footer a:hover { color:#666666; text-decoration: none; }


#banner { height:274px; position:relative; }

#credit, #credit a { color:#999999; }

.divPop { z-index:99; position:fixed; width:100%; top:0px; left:0px; height:100%; background-image:url(media/divBack.png) }

/* home */

	#homecolumn1 { width:223px; float:left; margin-right:20px; margin-top:40px; } 
	#homecolumn1 h1 { color: #546a6f; } 
	#homecolumn2and3 { width:233px; height:255px; margin-right:9px; background-image:url(media/homepagebox.jpg); float:left; margin-top:30px; position:relative; } 
	#homecolumn2and3 h2 { height:33px; margin-left:20px; line-height:33px; color:#546a6f;  padding-top:11px; margin-top:0; }
	#homecolumn2and3 h2  { font-weight:bold; }
	#homecolumn2and3 h2 em  { font-weight:normal; }
	#homecolumn2and3 .img { position:absolute; top:47px; left:9px; width:214px; overflow:hidden; }
	#homecolumn2and3 p { margin-left:20px; margin-top:10px; margin-right:20px;  display:none; }
	#homecolumn2and3 .link { position:absolute; bottom:0; height:50px; width:233px;  }
	
	#homecolumn2and3:hover {  background-image:url(media/homepageboxover.jpg); } 
	#homecolumn2and3:hover h2 { color:#117c9f; }
	#homecolumn2and3:hover p { display:block; }
	#homecolumn2and3:hover img { display:none; }
	#homecolumn2and3:hover .link  { display:block; cursor:pointer; z-index:9999;  }
	
	
	#fundraisedtodate { width:195px; float:left; margin-left:5px;  margin-top:60px; } 
	#fundraisedtodate h2 { font-size:30px; } 
	#fundraisedtodate h3 { font-size:11px; margin-top:10px; } 


/* button */
	 a.button:link,  a.button:visited  { display:inline-block; font-family:"Myriad Pro", Helvetica, Arial; font-size:15px;  color:#FFFFFF; line-height:30px; padding-left:20px; padding-right:40px; text-transform:uppercase; margin-top:10px; margin-bottom:10px; margin-right:5px; background-color:#57514a; height:29px; position:relative; text-decoration:none; font-weight:normal; }
	 a.button:hover { background-color:#79746e; }
	a.button:hover .start { background-image:url(media/buttonover.jpg) }
	a.button:hover .end { background-image:url(media/buttonover.jpg); }
	.button .start { background-image:url(media/button.jpg); width:10px; height:29px; position:absolute; left:0; top:0; }
	.button .end { background-image:url(media/button.jpg); width:40px; height:29px; position:absolute; right:0; top:0; background-position:right; }
	
	
	a.buttonsmall:link,  a.buttonsmall:visited  { display:inline-block; font-family:"Myriad Pro", Helvetica, Arial; font-size:12px;  color:#FFFFFF; line-height:18px; padding-left:10px; padding-right:20px; text-transform:uppercase; margin-top:10px; margin-bottom:10px; margin-right:5px; background-color:#57514a; height:18px; position:relative; text-decoration:none; font-weight:normal; }
	 a.buttonsmall:hover { background-color:#79746e; }
	a.buttonsmall:hover .start { background-image:url(media/buttonsmallover.jpg) }
	a.buttonsmall:hover .end { background-image:url(media/buttonsmallover.jpg); }
	.buttonsmall .start { background-image:url(media/buttonsmall.jpg); width:10px; height:18px; position:absolute; left:0; top:0; }
	.buttonsmall .end { background-image:url(media/buttonsmall.jpg); width:20px; height:18px; position:absolute; right:0; top:0; background-position:right; }

/* banner */

  .rotator { list-style:none; padding:0px; margin:0; position:relative; }
  .rotator li { position:absolute; top:0px; left:0px; display:none; z-index:0; }
  .rotatorhelper { list-style:none; padding:0 0 0 5px; margin:0; position:absolute; left:10px; bottom:20px; z-index:95; background-image:url(media/bannercounter.png); width:136px; height:23px; position:absolute; bottom:0; left:0;  }
  .rotatorhelper li { float:left;  width:17px; height:16px;  color:#c1dae1; margin-top:3px; text-align:center; font-weight:bold; }
  
   li.rotatorhelperActive { background-image:url(media/bannercountsquare.png);  }
  
  .rotator li.slideshowItemActive {
	  z-index: 1;
  }
  
/* staticcontent (i.e about us) */

.static-column1 { width:250px; float:left; margin-right:20px; }
.static-column1 .quote { font-size:18px; line-height:23px; font-style:italic;  color:#999999; font-family:Georgia, "Times New Roman", Times, serif; margin-top:10px; }
.static-column1 .firstimage { margin-top:40px; }
.static-column2 { width:600px; float:left; }
.static-column2 h2 { margin-top:15px; line-height:20px; }
.static-column2 h1 { margin-top:40px; } 
.static-column2 p { margin-top:10px; }
/* members */


#membernav, #membernav ul { margin:10px 0 0 0; list-style-type:none; width:130px; float:left; background-color:#c2cdcf; }
#membernav a { color:#ffffff; text-decoration:none; }
#membernav li {  color:#ffffff;padding:6px 5px 6px 10px; border-top:1px #FFFFFF solid;border-left:1px #FFFFFF solid;border-right:1px #FFFFFF solid; font-size:11px; font-weight:bold; }
#membernav li:hover, #membernav li.selected {  background-color:#007b9b;  }

/* datagrid */

#listseperator { color: #fff; background-color: #fff; border-bottom: 1px solid #cccccc; margin-top:0px; margin-bottom:0px; height:1px; }
.colheader { font-weight:bold; }

/* Offering Table */

.offerTable { font-size:10px;   font-size:10px; float:left; margin-bottom:20px;  }
#offertable.minimise { width:720px; overflow:hidden; }
#offertable.minimise table.offerTable { width:720px; zoom: 1; filter: alpha(opacity=30); opacity: 0.3; }
#offertable.minimise table.offerTable .offerTableHeader td {  padding-top:2px; padding-bottom:2px; }

.offerTable td {  text-align:center; border-bottom: 1px dotted #cccccc; padding:3px 2px 3px 5px;  }
.offerTableHeader td { padding-bottom:13px; background-color:#f7f8f8; border-top: 1px dotted #cccccc; padding-top:10px; font-size:10px; }
.offerTableHeader td a { text-decoration:underline;} 
.offerTableHeader td a:hover { color:#147aa3; } 
.offerTableNormal td {   }
.offerTableGreen td {  }
.offerTableGold td { background-color: #fff9b3; }
.offerTableProspectus td { background-color: #d99694;  }
.offerTableRed td { background-color: #ccccff; }
.offerTableEE td { text-align:left; }
.offerTableCompliance td { background-color:#e6e6e6;  }
.offerTableMining td  { background-color:#7fcce5; } 

#offeringssubnav{ float:left; width:160px; list-style-type:none; margin:0 10px 0 0; padding:0;  background-color:#c2cdcf; }
#offeringssubnav li { color:#ffffff; border-top:1px #FFFFFF solid;border-left:1px #FFFFFF solid;border-right:1px #FFFFFF solid; font-size:10px;  }
#offeringssubnav li:hover, #offeringssubnav li.selected {  background-color:#007b9b;  }
#offeringssubnav  a:link, #offeringssubnav  a:visited {  color:#FFFFFF; text-decoration:none; display:block; padding:2px 2px 2px 5px; }

#offeringssubnav.dropdown { display:none; width:173px; }

#showonly  a:link, #showonly  a:visited { display:block; background-image:url(media/showonly.gif); width:173px; height:32px; float:left; margin-right:10px; margin-bottom:10px;    }
#showonly  a:hover { background-image:url(media/showonlyover.gif);  }
#showonly a.selected  { background-image:url(media/showonlyover.gif); margin-bottom:0;  }
#showonly h2 { line-height:32px; }

/* offerings */

#offeringsrightcolumn { float:left; width:735px; }
#offeringsrightcolumn h2 { margin-top:20px; margin-bottom:10px; border: 1px dotted #cccccc; border-style: none none dotted; padding-bottom:5px; }
#offeringsrightcolumn #tabs-2 h2 { margin-top:5px; margin-bottom:0px; }
.addthis_toolbox { margin-bottom:20px; }

#offeringsrightcolumn #blogleft { width:200px; float:left; }
#offeringsrightcolumn #blogleft p { position:relative; margin-left:10px; }
#offeringsrightcolumn #blogleft p .arrow { display:none; width:13px; height:18px; }
#offeringsrightcolumn #blogleft p.selected .arrow { display:block; background-image:url(media/greyarrow.gif); background-repeat:no-repeat; position:absolute; margin-left:-20px; margin-top:0px; }
#offeringsrightcolumn #blogleft p.selected a { text-decoration:none !important; color:#546A6F !important;  }
#offeringsrightcolumn #blogright { width:490px; float:left; }

#offeringsrightcolumn .profilethumb { float:left; margin-right:10px; }


/* News */

#newscolumn1 { float:left; width:670px; margin-right:30px; }
#newscolumn2 { float:left; width:230px; }

/* tabs */

.tab { padding:8px; border:1px solid #999999; text-decoration:none; background-color:#dddddd; }
.tab a { text-decoration:none; }
.tabActive { padding:8px; background-color:#FFFFFF; border-top:1px solid #cccccc; border-left:1px solid #cccccc;border-right:1px solid #cccccc; text-decoration:none;  }
.tabActive a { text-decoration:none; }
.tabRightLine { border-bottom:1px solid  #cccccc; }
.tabForm { border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999; padding:5px; }

/* tooltips */

.qtip-wrapper, .qtip-wrapper p { font-size:11px !important; line-height:14px; color:#546A6F; }

/* alt login */

.altlogincol  { width:280px; float:left; border:1px #CCCCCC solid; padding:5px 20px 5px 20px; }
.altloginor { width:30px; float:left; font-size:30px; padding-top:150px; margin-left:20px; margin-right:20px; line-height:35px; }
.altlogincol h2 { font-size:14px; font-weight:bold; margin-bottom:3px; }
.altlogincol input[type="text"] { width:200px; }
.altlogincol select { width:200px; font-size:11px; }
.altlogincol #investorwarning { height:100px; overflow:auto; margin-bottom:10px; padding:10px; font-size:11px; border:1px #CCCCCC solid; margin-top:10px; }
.altlogincol #investorwarning h2 { font-size:12px; margin-top:2px; margin-bottom:2px; font-weight:bold; }
.altlogincol input[type="checkbox"] { float:left; margin-right:10px; }
.altlogincol .checkboxstatements { float:left; width:220px; }


/* assob tv */

#assobtvborder { border:5px #e6e6e6 solid; padding:3px; background-color:#eeeeee; }
#assobtvleftcolumn { float:left; width:322px; } 
#assobtvmainvideo { width:330px;background-color:#000000; height:270px; padding-top:5px; }
#assobtvmaincontent { width:310px;  height:185px; padding:10px; background-image:url(media/assobtvback1.jpg); background-repeat:repeat-x; background-color:#6cd1eb; }

#assobtvrightcolumn {
	scrollbar-face-color: #cacaca; 
	scrollbar-highlight-color: #cacaca; 
	scrollbar-3dlight-color: #cacaca; 
	scrollbar-darkshadow-color: #cacaca; 
	scrollbar-shadow-color: #cacaca; 
	scrollbar-arrow-color: #000000; 
	scrollbar-track-color: #e6e6e6; 
	float:left; width:360px; margin-left:15px; height:480px; overflow:auto;
}

.assobtvbox {   padding:10px; background-color:#ffffff; border-top:#cccccc 1px solid; overflow:visible; }
.assobtvbox:hover {  background-image:url(media/assobtvback2.jpg); background-repeat:repeat-x; background-color:#fbfbfb; }
.assobtvbox h2 { margin-bottom:0px; margin-top:0px; color: #000000 }
.assobtvbox p { line-height:18px; font-size:11px; }


/*TEXT SIZE AND COLOUR STYLES*/
.aqua { color:#1191b4; }
.text9 { font-size:9px; line-height:13px; }
.text10 { font-size:10px; line-height:14px; }
.text11 { font-size:11px; line-height:15px; }
.text12 { font-size:12px; line-height:16px; }
.text13 { font-size:13px; line-height:17px; }
.text14 { font-size:14px; line-height:18px; }
.text18 { font-size:18px; line-height:22px; }

.black { color: #000000 }
.white { color: #ffffff }
.grey { color: #999999 }
.green { color: #009933; }
.red { color: #FF0000; }
.clear { clear:both; }

.errors  { font-size:12px; color:#FF0000; margin-bottom:2px; margin-left:0px; margin-top:0px; padding:0px; }
.errors li { margin-left:15px; padding:0px; color:#FF0000; margin-bottom:0px; margin-top:0px; line-height:16px; }
.compulsory { font-size:18px; color:#FF0000 ; font-weight: bold; }
.fieldname { font-weight:bold; }