/* ---------------------------------------------------- */
/*  css for structure 06                                */
/*  notes                                               */
/* ---------------------------------------------------- */

/* ---------------------------------------------------- */
/* STRUCTURAL DIVS                                      */
/* ---------------------------------------------------- */


/* ---------------------------------------------------- */
/*  wrap (everything including header and footer)       */
/*  forces everything to centre of browser window       */
/* ---------------------------------------------------- */
div#wrap {
	width:960px; 
	margin-top:0px;
	margin-left:auto;   /* auto centre */
	margin-right:auto;  /* auto centre */
	position:relative;
} 





/* ---------------------------------------------------- */
/* header                                               */
/* ---------------------------------------------------- */
div#header {
	float:right; 
	width:960px;
	height:212px;
	margin-left:0px; 
} 


/* ---------------------------------------------------- */
/* navigation bar                                       */
/* ---------------------------------------------------- */
div#navigation {
	float:right; 
	width:960px;
	height:25px;
	overflow:hidden;  /* prevent nav links wrapping in FF */
} 

/* ---------------------------------------------------- */
/* container (left col, main content, right col)        */
/* ---------------------------------------------------- */
div#container {
	float:right; 
	width:960px;
	height:89px;
} 

div#container {
	min-height:100%;
	height:auto !important; /* For normal browsers */
	height:100%; /* For IE */
}
div#container {
	min-height:300px;
	height:auto !important; /* For normal browsers */
	height:400px; /* For IE */
}



/* ---------------------------------------------------- */
/* col_left                                             */
/* ---------------------------------------------------- */
div#col_left {
	float:left; 
	width: 150px;
	padding: 0px;
   	border: 5px solid transparent;  /* <-- set colour in presentation.css */
	border-top: 0px;
}
* html div#col_left {
\width: 160px; /* for IE5 and IE6 in quirks mode */
w\idth: 150px; /* for IE6 in standards mode */
} 


/* ---------------------------------------------------- */
/* col_right                                            */
/* ---------------------------------------------------- */
div#col_right {
	float:left; 
	width: 150px;
	padding: 0px;
   	border: 5px solid transparent;  /* <-- set colour in presentation.css */
	border-top: 0px;
}
* html div#col_right {
\width: 160px; /* for IE5 and IE6 in quirks mode */
w\idth: 150px; /* for IE6 in standards mode */
} 






/* ---------------------------------------------------- */
/* content                                              */
/* ---------------------------------------------------- */
div#content {
	float:left; 
	width:640px;
	padding:0px 0 0px 0px;
} 
div#content {
	min-height:380px;
	height:auto !important; /* For normal browsers */
	height:380px; /* For IE */
}



/* ---------------------------------------------------- */
/* footer                                               */
/* ---------------------------------------------------- */
div#footer {
	float:right; 
	width:960px;
	padding:0px;
	margin:30px 0 30px 0; 
	padding-top:5px;
	border-top:1px solid #999;
} 



/* ---------------------------------------------------- */
/* thumb_gallery (use for gallery of thumbnails)        */
/* ---------------------------------------------------- */
div#thumb_gallery {
	float:left; 
	width:388px;
	padding:20px 0 50px 0px;
} 
div#thumb_gallery {
	min-height:100%;
	height:auto !important; /* For normal browsers */
	height:100%; /* For IE */
}
div#thumb_gallery {
	min-height:500px;
	height:auto !important; /* For normal browsers */
	height:500px; /* For IE */
}

/* ---------------------------------------------------- */
/* main_image (goes alongside thumb_gallery)            */
/* ---------------------------------------------------- */
div#main_image {
	float:left; 
	width:408px; 
	margin-left:0px; 
	padding:20px 0px 20px 0px;
} 







/* ---------------------------------------------------- */
/* main_content                                         */
/* ---------------------------------------------------- */
div#main_content {
	float:left; 
	width:588px;
	padding:20px 0 0px 0;
} 
zzdiv#main_content {
	min-height:100%;
	height:auto !important; /* For normal browsers */
	height:100%; /* For IE */
}
zzdiv#main_content {
	min-height:500px;
	height:auto !important; /* For normal browsers */
	height:500px; /* For IE */
}


/* ---------------------------------------------------- */
/* sub_image (goes alongside main_content)              */
/* ---------------------------------------------------- */
div#sub_image {
	float:left; 
	width:208px; 
	margin-left:0px; 
	padding:20px 0px 5px 0px;
} 









/* ---------------------------------------------------- */
/* end of file                                          */
/* ---------------------------------------------------- */