#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: 255px; height: 212px;
				}
				
			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, .singlepane .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.singlepane {
		float:left;
		height:448px;
		position:relative;
		width:727px;
		font-size: 11px;
		}

	div.singlepane .header {
		width: 667px; height: 24px; line-height: 24px;
		font-size: 12px;
		}
		
	div.singlepane div.contentpane {
		padding:10px 15px;
		width: 697px; height: 428px; overflow: auto;
		}
		
		div.singlepane table.articleList {
			border-collapse: collapse;
			border: 0;
			}

		div.singlepane table.articleList td {
			vertical-align: top;
			}
			
		div.singlepane table.articleList td.copy {
			width: 80%;
			}

		div.singlepane table.articleList td.images {
			width: 20%; text-align: center;
			}
			
			
			div.singlepane h2 {
				font-weight: bold; color: #0063b9;
				font-size: 12px; margin-bottom: 5px;
				text-transform: uppercase;
				}

			div.singlepane table.articleList a {
				color: #0063b9;
				}

			div.singlepane table.articleList a:hover {
				color: #004484; text-decoration: none;
				}

			div.singlepane table.articleList strong {
				}

			div.singlepane table.articleList p {
				}
				
				td.copy span.clear {
					height: 10px;
					}