/*
Global Zee-3 website style sheets
Sets up all blocks - DIVs and DIV classes
Each zone has an additional sheet which can override any settings here.
*/


/* Main page DIVs */

/* Dark bar across whole top of browser */
	#z3_top_bar {
		background:#202020;
		background-image: url(/graphics/z3_top_bar_background.png);
		width:100%;
		height:26px;
		border: 0;
		margin-top:0;
		margin-bottom:0;
	}

/* Block in centre of top bar, with zee-3 info and login info - must be same width as #frame */
	#z3_info_block {
		background:#602020;
		width:1024px;
		margin-right:auto;
		margin-left:auto;
		border: 0;
		margin-top:0;
		margin-bottom:0;
	}

	#z3_info_block_left {
		width:490px;	
   		float:left;
 		padding:0;
		padding-left:10px;
		border:0;
		overflow:hidden;
		}

	#z3_info_block_right {
		width:490px;	
   		float:right;
 		padding:0;
		padding-right:10px;
		border:0;
		overflow:hidden;
		}

	#page_frame {
		width:1024px;
		border: 0;
		margin-right:auto;
		margin-left:auto;
		margin-top:0;
		margin-bottom:0;
		padding:0px;
		text-align:left;
	}

	#zone_banner {
		border:1px solid black;
		padding:0;
		margin-top:10px;
		margin-bottom:10px;
		}

	#navigate_bar_frame {
		border:0;
		padding:0;
		height:22px;
		overflow:hidden;
		}

	#nav_end_left {
		float:left;
   		float:left;
		border:0;
		padding:0;
		margin:0;
		height:21px;
		border-bottom:1px solid black;		
		overflow:hidden;
		}	

	#nav_end_right {
		float:left;
   		float:left;
		border:0;
		padding:0;
		margin:0;
		height:21px;
		border-bottom:1px solid black;	
		overflow:hidden;
		}	

	#content_frame{
		clear:both;
		border:0;
		padding:0;
		margin:0;
		border-left:1px solid black;
		border-right:1px solid black;
		padding-top:10px;
		}

	#content_edge_left {
		width:10px;	
   		float:left;
		border:0;
		padding:0;
		margin:0;
		overflow:hidden;
		}

	#content_edge_right {
		width:10px;	
   		float:left;
		border:0;
		padding:0;
		margin:0;
		overflow:hidden;
		}
		
	#content_main {
		width:744px;	
   		float:left;
		border:0;
		padding:0;
		margin:0;
		overflow:hidden;
		}

/*  Alternative to content_main, that takes up the space of the columns and gutters also */
	#content_splash {
		width:1004px;	
   		float:left;
		border:0;
		padding:0;
		margin:0;
		overflow:hidden;
		}

	#content_gutter_1 {
		width:10px;	
   		float:left;
		border:0;
		padding:0;
		margin:0;
		overflow:hidden;
		}

	#content_gutter_2 {
		width:10px;	
   		float:left;
		border:0;
		padding:0;
		margin:0;
		overflow:hidden;
		}
	#content_side {
		float:left;
		width:120px;
		border:0;
		padding:0;
		margin:0;
		overflow:hidden;
		}

	#content_right {
		float:left;
		width:120px;
		border:0;
		padding:0;
		margin:0;
		overflow:hidden;
		}

	#content_bottom_bodge {
		width:1024px;	
   		clear:both;
 		padding:0;
		margin:0;
		border:0;
		height:0;
		overflow:hidden;
		}	

	#content_bottom_frame {
		clear:both;
		border:0;
		padding:0;
		height:2px;
		border-left:1px solid black;
		border-right:1px solid black;
		border-bottom:1px solid black;
		overflow:hidden;
		}
		
	#content_bottom_left {
		float:left;
		width:19px;	
   		float:left;
		border:0;
		padding:0;
		margin:0;
		overflow:hidden;
		}	

	#content_bottom_mid {
		float:left;
		width:984px;	
   		float:left;
		border:0;
		padding:0;
		margin:0;
		overflow:hidden;
		}	

	#content_bottom_right {
		float:left;
		width:19px;	
   		float:left;
		border:0;
		padding:0;
		margin:0;
		overflow:hidden;
		}	

	#copyright_frame {
		clear:both;
		border:1px solid black;
		margin-top:10px;
		margin-bottom:10px;
		padding:4px;
		}


/* Reused DIV classes */


.nav_space {
	border:0;
	float:left;
	height:21px;
	border-bottom:1px solid black;	
}

.nav_space_end {
	border:0;
	float:left;
	height:21px;
	border-bottom:1px solid black;	
}


.nav_section_off {
	border:0;
	float:left;
	border:1px solid black;
	height:20px;
}

.nav_section_on {
	border:0;
	float:left;
	height:21px;
	border-top:1px solid black;
	border-right:1px solid black;
	border-left:1px solid black;
}


.item-box {
	clear:both;
	width:742px;
	border:1px solid #000000;
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
	text-align:left;
}


.item-box-title {
		width:734px;
		border:0px;
		padding:4px;
}

.item-box-content-full  {
		clear:both;
		width:734px;
		border:0px;
		padding:4px;
}

.item-box-content-full-nopad  {
		clear:both;
		width:742px;
		border:0px;
		padding:0px;
}

.column-spacer {
	float:left;
	width:10px;
	margin:0px;
	border:0px;
	padding:0px;
	text-align:left;
}

.item-box-halfwidth {
	float:left;
	width:365px;
	border:1px solid #000000;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	text-align:left;
}

.item-box-halfwidth-content {
	float:left;
	width:357px;
	padding:4px;
	margin:0px;
	text-align:left;
	overflow:hidden;
}

.item-box-halfwidth-noborder{
	float:left;
	width:367px;
	border:0;
	padding:0px;
	margin:0px;
	text-align:left;
}

.sideitem-box {
	width:110px;
	float:left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	border:1px solid #000000;
	padding:4px;
}

.sideitem-image-cropped { 
	width: 110px; 
	height: 92px; 
	background-repeat:no-repeat;	
	margin-bottom:10px;
	overflow: hidden; 
} 


.right-boxout {
	background: #ffcf2f;
	width:300px;
	float:right;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom:10px;
	border-left:2px solid #dfaf00;
	border-right:2px solid #dfaf00;
	border-bottom:2px solid #dfaf00;
	padding:0px;
}

.left-boxout {
	background: #ffcf2f;
	width:300px;
	float:left;
	margin-left: 0px;
	margin-right: 16px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-left:2px solid #dfaf00;
	border-right:2px solid #dfaf00;
	border-bottom:2px solid #dfaf00;
	padding:0px;
}

.boxout-title {
	background: #dfaf00;
	width:292px;
	margin: 0px;
	border:0px;
	padding:4px;
}

.boxout-content {
	width:292px;
	margin: 0px;
	border:0px;
	padding:4px;
}

.searchitem-box {
	width:110px;
	float:left;
	margin: 10px;
	border:1px solid #000000;
	padding:4px;
	overflow:hidden;
}

.globalitem-title {
	width:108px;
	float:left;
	margin:0;
	border:1px solid black;
	border-bottom:0px;
	padding:4px;
}

.globalitem-box {
	width:108px;
	float:left;
	margin:0;
	border:1px solid black;
	border-top:0px;
	padding:4px;
	margin-bottom: 10px;
}



/* Maybe not used? */



.sideitem-box-blank {
	width:120px;
	float:left;
	margin:0;
	border:0;
	padding:0;
}



		





.item-box-important {
	clear:both;
	width:708px;
	border:2px solid #ff0000;
	background:#ffafaf;
	margin-top:9px;
	margin-bottom:9px;
	padding:0px;
	text-align:left;
}

.item-box-noborder {
	clear:both;
	width:712px;
	border:0px;
	margin-top:20px;
	margin-bottom:20px;
	padding:0px;
	text-align:left;
}





.item-box-content-full-f  {
		clear:both;
		width:702px;
		border:0px;
		padding:4px;
		float:left;
}

.item-box-content  {
		float:left;
		border:0px;
		padding:4px;
}

.item-subbox-content-full  {
		clear:both;
		width:702px;
		border:1px solid;
		padding:4px;
		margin-top:12px;
}



.item-box-content-full-third  {
		float:left;
		width:170px;
		border:0px;
		padding:0px;
}
.item-box-content-full-third-mid {
		float:left;
		width:180px;
		border:0px;
		padding:0px;
}


.site-box {
	width:702px;
	border:5px solid #000000;
	margin-top:9px;
	margin-bottom:9px;
	padding:0px;
	text-align:left;
}

.site-box-title {
		width:692px;
		border:0px;
		padding:5px;
}

.site-box-content-full  {
		clear:both;
		width:702px;
		border:0px;
		padding:5px;
}

.site-box-content  {
		float:left;
		border:0px;
		padding:5px;
}