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

Updated by Paul Johnstone Made on 31.05.07
// add new menu class Students

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;
}	

#print-only-logo {
  display:none;
}

#main-container {
  margin:10px auto; /* left & right margin = auto centres the page (but not in IE) */
  text-align:left;  /* required to override text-align:center; in the BODY tag rule (for IE to centre) */
  width:819px;
    margin-top:0px ;
  /*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;
  background-repeat:no-repeat;
  margin-bottom:0;
  margin-top:0px ;
/*  overflow:hidden;  - Removed because it stops selection of text in IE - JE */
}

#masthead {
	height:128px;
	background-image:url('/media/page-template/bg-header-banner.jpg');
	border:0px solid #FF0000;
	background-repeat: no-repeat;
	margin-top: 0px;
}

#masthead2 {
	height:128px;
	background-image:url('/media/page-template/bg-header-banner2.jpg');
	border:0px solid #FF0000;
	background-repeat: no-repeat;
	margin-top: 0px;
}

#masthead-left2col{
  float:left;
  width:556px;
  height:128px;
}

#masthead-rightCol {
  float:right;
  width:240px;
  height:128px;  
  border:0px solid #FF0000;
}

#logo {
  float:left;
  width:230px;
  height:128px;
  cursor:hand;
  border:0px solid #000000;
}

#masthead2 #logo {
  float:left;
  width:230px;
  height:128px;
  cursor:hand;
  border:0px solid #000000;
  background-image: url('/media/logos/MCRI_200x64.gif');
  background-repeat: no-repeat;
  margin-top: 40px;
  margin-left: 10px;
}

#masthead2 #logo-combined
{
  float:left;
  width:420px;
  height:60px;
  cursor:hand;
  border:0px solid #000000;
  background-image: url('/media/logos/RCH_MelbUni_MCRI_350x58.png');
  background-repeat: no-repeat;
  margin-top: 40px;
  margin-left: 10px;
}

#search-field {
  width:200px;
  text-align:right;
  margin-top:92px;
  border:0px solid #009900;  
}

#topNav {
  height:20px;
  background-image:url('/media/page-template/bg-top-menu-tabs.jpg');
}

#footer {
  clear:both;
  margin-top:5px;
  padding-left:2px;
  border:0px solid red;
  height:30px;
}

#footerLeft {
  width:72%;
  float:left;
  color:#A8A59A;
  text-align:left;
  font-size:11px;
}

#footerRight {
  width:27%;
  float:right;
  color:#A8A59A;
  text-align:right;
  font-size:11px;
}


/* ---------- TOP MENU TABS ---------- */

#topNav {
  padding-left:14px;
}

#tblTopNav {
  border:0px solid #FFFFFF;
}

#tblTopNav TD {
  text-align:center;
  padding-top:2px;
  font-family:arial,helvetica,verdana;
  font-size:11px;
  font-weight:bold;
}

#tblTopNav TD A { 
  color:#002E67; 
  text-decoration:none; 
}

#tblTopNav TD A:hover { 
  color:#156DDB; 
  text-decoration:none; 
}

/*  To select a top-menu tab, change the page's BODY tag ID to match the relevant menu tab's class name */
#home #tblTopNav TD A.home, 
#our-people #tblTopNav TD A.our-people,
#our-research #tblTopNav TD A.our-research,
#get-involved #tblTopNav TD A.get-involved,
#news-events #tblTopNav TD A.news-events,
#corporate-support #tblTopNav TD A.corporate-support,
#students #tblTopNav TD A.students,
#careers #tblTopNav TD A.careers,
#contact-us #tblTopNav TD A.contact-us { 
  color:#FE5E23; 
  text-decoration:none; 
}

#home #tblTopNav TD A.home:hover, 
#our-people #tblTopNav TD A.our-people:hover,
#our-research #tblTopNav TD A.our-research:hover,
#get-involved #tblTopNav TD A.get-involved:hover,
#news-events #tblTopNav TD A.news-events:hover,
#corporate-support #tblTopNav TD A.corporate-support:hover,
#students #tblTopNav Td A.students:hover,
#careers #tblTopNav TD A.careers:hover,
#contact-us #tblTopNav TD A.contact-us:hover { 
  color:#FAAD90; 
  text-decoration:none; 
}

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


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


/*  4 equal size columns */ 

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

* 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 {
	float:left;
	width:21%;
	border:0px solid blue;
	padding-right:15px;
}

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

#three-cols-2 {
  float:right;
  width:65%;
  padding:0 15px;
  border:0px solid green;
}

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




/* new style for Students section*/


.students-left-text-panel {
  width:420px;
}
#students-three-cols-left-2 {
  float:left;
  border:0px solid yellow;
}

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

#students-three-cols-2 {
  float:right;
  padding:0 15px;
  border:0px solid green;
}

* html #students-three-cols-2 {
    width:70%;
	height: 320px;
}

#students-three-cols-3 {
  border:0px solid pink;
  float:right;
  padding-left:0px;
  padding-bottom:0px;
}

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


/*  End of Students style */



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

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

/*  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 {
  float:left;
  width:22.2%;
  padding-right:10px;
  border:0px solid pink;
}

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

#four-cols-right-3 {
  float:right;
  width:75.8%;
  border:0px solid black;
  padding-bottom:100px;
}

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

#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:0 10px;
  border:0px solid green;
}

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


/* The following is new to the CSS it's for the pages that have include logo page. */
#three-cols-thirds-3-new{
	float:left;
	width:50%;
	padding:0 20px;
}

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


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

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

/* End */



#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 {
	float:left;
	width:21%;
	padding-right:10px;
	padding-bottom:60px;
}

* html #two-cols-1 {
  width:21%;
}
  
#two-cols-2 {
	float:right;
	width:75%;
	padding-left:15px;
	border:0px solid green;
	padding-bottom:90px;
}

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


/* New for includes logo */
#logos{
	float:left;
	width:15%;
	padding-left:20px;
	padding-bottom:20px;
	background-image:url('/media/page-template/vertical-dots.gif');
	background-repeat:repeat-y;
	background-position:left top;
}

#logos p
{
	width: 130px;
}

* html #logos {
  width:15%;
}