#outer {
		background: transparent top left no-repeat url(http://www.capestorm.co.za/site/assets/images//tiles/outer_newsevents.jpg);	
		}
		
			div.left {
				position: relative; display: inline; float: left;
				width: 737px; height: 828px; z-index: 100;
				}

				#compslip {
					position: relative; display: block;
					width: 100%; height: 154px;
					}
					
					#searchbox {
						position: absolute; display: block;
						width: 252px;	height: 32px;
						right: -107px; top: 84px;
						}
						
						#searchinputs {
							position: relative;
							width: 252px;	height: 32px;
							left: 0; top: 0;
							}	

							#searchLabel {
								position: absolute; top: 0; left: 0;
								width: 58px; height: 100%; cursor: pointer;
								}
						
							#searchTerm {
								position: absolute; top: 9px; left: 65px;
								width: 139px; height: 15px;
								background: transparent;
								border: none;
								}
						
							#searchSubmit {
								position: absolute; top: 0px; left: 220px; cursor: pointer;
								width: 32px; height: 32px;
								background: transparent;
								border: none;	
								}
								
			div.left div.promoarea {
				position: absolute; display: block; left: 205px;
				width: 1px; height: 1px;
				}
				
			div.left div.contentarea {
				position: relative; display: block;
				width: 727px; height: 523px;
				left: 24px; top: 92px;
				}
			
	div.right {
		position: relative; display: inline; float: right;
		width: 255px; height: auto; display: block; z-index: 90;
		}
		
		div#rightflash {
			position: absolute; display: block; overflow: hidden;
			width: 218px; height: 408px; top: 413px; left: 35px;
			}		

	ul#sidenav {
		left: 62px; top: 222px;
		}
		
/* CONTENT AREA PANES ================================== */

.toppane .header, .leftpane .header, .rightpane .header {
	position: relative; display: block;
	font-size: 1.4em; font-weight: bold;
	color: #0063b9; text-transform: uppercase;
	height: 32px; line-height: 32px;
	margin: 0 !important;
	}

div.toppane {
	position: relative; display: block; float: left; clear: both;
	width: 697px; height: 73px; padding: 0 15px;
	border-bottom: 1px solid #99c1e3;
	color: #106dbd;
	}

div.leftpane {
	position: relative; float: left;
	width: 222px; height: 448px;
	border-right: 1px solid #99c1e3;
	}

	div.leftpane div.contentpane {
		width: 207px; height: 383px; overflow: auto;
		padding: 0; margin-left: 15px; padding-bottom: 20px;
		}
		
		* html div.leftpane div.contentpane {
			overflow-y: scroll; overflow-x: hidden;
			}

div.rightpane {
	position: relative; float: right;
	width: 504px; height: 448px;
	}
	
	div.rightpane div.contentpane {
		width: 464px; height: 338px; overflow: auto;
		font-size: 12px; padding: 20px;		
		}