/* Main Layout css */

body {
		margin: 0px 0px 0px 0px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: smaller;
		font-weight: normal;
		color: #fbfeb7;
		line-height: 140%;
  		letter-spacing: 1px;
		background-color: #000000; 

		/* for random bg */
		 background: url(rotate.php);
		 background-repeat: no-repeat;
		 background-color: #000000; 
		 
		
		

		}

	#wrapper {
		width:1000px;
		margin:0px;
		}

/* TopRow */

	#odheader {
		width:960px;
		margin:0px;
		}
		
		
	.odheader-left {
		width:350px;
		float:left;
		margin: 0px 0px 0px 30px;
		}
		 	
	 .odheader-right {
		width:450px;
		float:right;
		margin: 0px 0px 0px 0px;
		}

/* Breadcrumb + nav */		
		
	#odbreadcrumb {
		width:950px;
		height:40px;
		margin: 10px 0px 0px 10px;
		border-top: #333333 1px solid; 
		border-bottom: #333333 1px solid; 
		}
		
	#odbody {
		width:960px;
		margin:0px;
		}

  
	.odcontent-left {
		width:390px;
		float:left;
		margin: 0px 0px 0px 30px;
		}
	
	.odcontent-right {
		width:800px;
		float:right;
		margin: 0px 0px 0px 0px;
		}

/* exhib and hp specific left/right split */	

	.odhp-left {
		width:400px;
		float:left;
		margin: 0px 0px 0px 0px;
		}
	
	.odhp-right {
		width:400px;
		float:right;
		margin: 0px 0px 0px 0px;
		}
		
	.odcontent-triptext {
		width: 840px ;
  		margin-left: auto ;
  		margin-right: auto ;
		}


/* hp specific centred */	

	.hpcentered {
		margin: 0px 0px 0px 0px;
		text-align: center; 
		}
		
	.hp3-left {
		width:340px;
		float:left;
		margin: 0px 0px 0px 30px;
		}
	
	.hp3-right {
		width:550px;
		float:right;
		margin: 0px 0px 0px 0px;
		}
/* Utility */	

	.clr { 
		clear: both; 
		height: 0.1px; 
		font-size: 0; 
		line-height: 0; 
		}
		
	.space { 
		margin: 20px 0px 0px 0px;
		clear: both; 
		height: 0.1px; 
		font-size: 0; 
		line-height: 0; 
		}
		
	.spaceb { 
		margin: 30px 0px 0px 0px;
		clear: both; 
		height: 0.1px; 
		font-size: 0; 
		line-height: 0; 
		}
			
	
/* Bottom row */

	#odfooter {
		width:960px;
		margin:0px;
		}

		img {
		border: none 0;
		}

/* exhibition grid */

	.odflash {
		width:960px;
		margin: 0px 0px 0px 60px;
		}
		
	.odcontent-tripleft {
		width:320px;
		float:left;
		margin: 10px 0px 0px 30px;
		background-repeat: no-repeat;
		text-align: center; 
		}
		
		
	.odcontent-tripmiddle {
		position: absolute;
 		top: 535px;
 		left: 345px;
		margin: 10px 0px 0px 10px;
		width:300px;
		background-repeat: no-repeat;
		text-align: center; 
		}
		
	.odcontent-tripright {
		width:305px;
		float:right;
		margin: 10px 0px 0px 0px;
		background-repeat: no-repeat;
		text-align: center; 
		}
		
	.captioncontain {
		width:200px;
		height:120px;
		margin: 0px 0px 0px 90px;
		text-align: left;
		}

  
	.odpage-left {
		width:390px;
		float:left;
		margin: 0px 0px 0px 30px;
		}
	
	
	.odpage-right {
		width:480px;
		float:right;
		margin: 0px 0px 0px 0px;
		}
		

	.odcomp-left {
		width:350px;
		float:left;
		margin: 0px 0px 0px 30px;
		}
		
	.odcontent-exhib-text {
	
		width:750px;
		margin: auto;
		margin-top:60px;
	
	}
	
	.competitionform {
		width:400px;
		margin: 0px 60px 0px 90px;
		text-align: right;
		}
        
/* flash section nav */

	#flashnav {
		
		z-index:1;
		
	}

	#flashcontent {
		position: absolute;
		color:#ff0000;
 		top: 100px;
 		left: 100px;
		margin: 0px 0px 0px 0px;
		padding: 0px 25px 0px 25px;
		width:700px;
		height:500px;
		background:#000000;
		background-repeat: no-repeat;
		border: #333333 1px solid;
		z-index:9999;
		display:none;
		}
		
		
	
	#overlay {
		position:fixed;
		top:0px;
		left:0px;
		width:100%; 
		height:100%;
		z-index:99;
		display:none;
		background-image:url(../images/overlay.png);

	}
	
		
	#static-wrap {
		width:960px;
		margin: 0px 0px 0px 30px;
		}


	
p.odright { 
text-align: right; 
}

#compform {
		width:500px;
		margin:0px;
		text-align: left;
		}