/* 
Style Sheet for www.mcri.edu.au
Created by: Jason Elliott
Date created: 22 Nov 2006

TABLE OF CONTENTS

	COMMON STRUCTURAL ELEMENTS used in every page Header & Footer
	TOP MENU TABS
	PAGE COLUMNS

Notes:

See the external stylesheet called "common-styles.css" for font & element styles 

More specific styles for sub-sections of the website are defined in other *.CSS files. These are named after the top-menu 
tab section they apply to eg. "news-events.css" or the page itself (eg. "home.css")

*/

/* --------- COMMON STRUCTURAL ELEMENTS (In page Header & Footer) --------- */

* {
  margin:0;
  padding:0;
}	

#main-container {
  margin:10px auto; /* left & right margin = auto centres the page (but not in IE) */
  text-align:left;  /* required to override the text-align:centre; in the BODY tag rule above (for IE to centre) */
  width:819px;
  min-width:819px;
  border:0px solid #FF0000;
/*  overflow:hidden;  - Removed because it stops selection of text in IE - JE */
}

#body-white-bg {
  background-color:#FFF;
  border:0px solid #00FF00;
  margin-bottom:0;  
/*  overflow:hidden;  - Removed because it stops selection of text in IE - JE */
}

#print-only-logo {
  width:230px;
  height:64px;
  background-image:url('/media/logos/MCRI_200x64.gif');
  background-repeat:no-repeat;
  background-position:center left;
}

#masthead {
  display:none;
}

#topNav {
  display:none;
}

#footer {
  clear:both;
  margin-top:5px;
  height:30px;
  font-size:11px;
}

#footerLeft {
  display:none;
}

#footerRight {
  display:none;
}


#content-wrapper {
  margin-top:20px;
  margin-bottom:0;
  padding-right:50px;
  padding-left:15px;
  position:relative;
  border:0px solid blue;
}


/* ---------- PAGE COLUMNS ---------- */


/*  4 equal size columns */ 

#four-cols-left-2 {
  float:left;
  width:49.7%;
  border:0px solid grey;
  padding-bottom:60px;
}

* html #four-cols-left-2 {
  width:48%;
}

#four-cols-right-2 {
  float:right;
  width:49.7%;
  border:0px solid yellow;
  padding-bottom:60px;
}

* html #four-cols-right-2 {
  width:48%;
}

#four-cols-1 {
  float:left;
  width:41.5%;
  border:0px solid blue;
  padding-right:15px;
}

* html #four-cols-1 {
  width:46.9%;
}

#four-cols-2 {
  float:right;
  width:45.5%;
  border:0px solid green;
  padding:0 15px;

}

* html #four-cols-2 {
  width:52.9%;
}

#four-cols-3 {
  float:left;
  width:42.9%;
  border:0px solid red;
  padding:0 15px;
}

* html #four-cols-3 {
  width:49.9%;
}

#four-cols-4 {
  float:right;
  width:42.8%;
  border:0px solid pink;
  padding-left:20px;
}

* html #four-cols-4 {
  width:49.9%;
}
   
/*  3 columns - two narrow side columns plus one large centre column */ 

#three-cols-left-2 {
  float:left;
  width:74%;
  border:0px solid yellow;
  padding-bottom:60px;
}

* html #three-cols-left-2 {
  width:74%;
}

#three-cols-1 {
  display:none;
}

#three-cols-2 {
  width:100%;
}

#three-cols-3 {
  border:0px solid pink;
  float:right;
  width:22.5%;
  padding-left:20px;
  padding-bottom:60px;
}

* html #three-cols-3 {
  width:23%;
}

/*  4 equal width columns - the left one top-aligned (for a menu) and right 3 dropped down allowing text to go above the 
	3 right columns. Used in the main research page */

#four-cols-left-1 {
  display:none;
}

#four-cols-right-3 {
  width:100%;
  border:1px solid black;
  padding-bottom:60px;
}

#three-cols-thirds-left-2 {
  float:left;
  width:66.2%;
  border:0px solid yellow;
}

* html #three-cols-thirds-left-2 {
  width:66.2%;
}
	
#three-cols-thirds-1 {
  float:left;
  width:44.1%;
  padding-right:10px;
  border:0px solid green;
}

* html #three-cols-thirds-1 {
  width:49.8%;
}

#three-cols-thirds-2 {
  float:right;
  width:44.1%;
  padding:0 10px;
  border:0px solid red;
}

* html #three-cols-thirds-2 {
  width:49.8%;
}

#three-cols-thirds-3 {
  float:right;
  width:31%;
  padding-left:10px;
  border:0px solid blue;
}

* html #three-cols-thirds-3 {
  width:33.1%;
}

/*  2 columns - left col 1/4 width, right col 3/4 width */ 

#two-cols-1 {
  display:none;
}

#two-cols-2 {
  width:100%;
  border:0px solid green;
  padding-bottom:60px;
}

* html #two-cols-2 {
  width:74%;
}