/* 
Print-priendly style sheet for www.mcri.edu.au
Created by: Jason Elliott
Date created: 29 Jan 2007

/* --------- SITE-WIDE DEFAULTS --------- */

BODY {
  text-align:center; /* to centre the page in IE */
}

.left-text-panel {
  float:left;
  width:425px;
}

.right-photo-panel {
  float:right;
  width:126px;
}

.top-border-dotted {
  background-image:url('/media/page-template/horizontal-dots.gif');
  background-repeat:repeat-x;
  background-position:left top;
}

.bottom-border-dotted {
  background-image:url('/media/page-template/horizontal-dots.gif');
  background-repeat:repeat-x;
  background-position:left bottom;  
}

.left-image-right-text {
  margin:8px 0;
}

.left-image-right-text IMG {
  float:left;
  margin-right:15px;
  margin-bottom:8px;
}

.float-left {
  float:left;
}

.float-right {
  float:right;
}

.clear {
  clear:both;
}

.print-only {
  display:inline;
}

.border-1 {
  border:1px solid black;
}

.border-2 {
  border:1px solid red;
}

.border-3 {
  border:1px solid blue;
}

/*  --------- TABLE STYLES ---------	*/

.tblCaptionedPhotos {
  margin:15px 0;
  border:0px solid #999999;
}

.tblCaptionedPhotos TD {
  width:120px;
  border:0px solid #999999;
  vertical-align:top;
  text-align:left;
  font-size:11px;
  font-weight:normal;
  padding-right:10px;
  padding-bottom:2px;
}

.tblCaptionedPhotos TD IMG {
  top:3px;
  left:-2px;
  margin-bottom:0px;
}

/* Tables with stars and links arranged around a central photo  */

.tblCentralPhoto TD {
  color:#002E67;
  font-family:arial,helvetica,verdana;
  font-weight:bold;
  font-size:13px;
}

.tblCentralPhoto TD {
  color:#002E67;
  font-family:arial,helvetica,verdana;
  font-weight:bold;
  font-size:13px;
}

.tblCentralPhoto TD A {
  color:#002E67;
  text-decoration:none; 
  padding-bottom:2px;
  padding-left:22px;
  border:0px solid green;
  background-image:url('/media/icons/bullet-star-pink.gif');
  background-repeat:no-repeat;
  background-position:left top;  
}

.tblCentralPhoto TD A:hover {
  color:#5B82B2;
  text-decoration:none; 
}

.table-1 {
  border-collapse:collapse; 
}

.table-1 TD {
  padding:1px 2px;
  border:1px solid #d7d7d7; 
  vertical-align:top;
}

.table-1 TH {
  padding:1px 2px;
}

.table-1 TD.break {
  padding:1px 2px;
  border:none; 
}

.table-1 TD.section {
  font-size:13px;
  font-weight:bold;
}

.table-2 {
  border:none; 
}

.table-2 TD {
  padding:1px 2px;
  vertical-align:top;
}

.table-2 TD.td-label {
  font-weight:bold;
}

.table-3 { 
  border-collapse:collapse; 
  width:100%;
}

.table-3 TH, .table-3 TD { 
  padding:2px 1px; 
  border-top:1px solid #DDDDDD; 
}

.table-3 TH { 
  text-align:left; 
  font-weight:bold; 
}


/* ---------- LINK STYLES (SEE NAVIGATION SECTION FOR MORE LINK STYLES)  ---------- */

A { 
  color:#00A4D2;
  text-decoration:none; 
}

A:hover {
  color:#C1E5EF;
  text-decoration:underline; 
}

A SPAN { 
  color:#00A4D2;
}

#breadcrumbs { 
  display:none;
}

.btn-container {
  text-align:right;
}

.btn-admin {
  padding:2px 5px; 
  margin-left:5px;
  border:1px solid #ff9900;
}

.btn-admin A {
  text-decoration:none; 
  color:#ff9900;
}

.btn-admin A:hover {
  text-decoration:underline; 
  color:#F9E0BB;
}

A.admin {
  text-decoration:none; 
  color:#ff9900;
}

A.admin:hover {
  text-decoration:underline; 
  color:#F9E0BB;
}
  
/* ---------- FONT STYLES ---------- */

BODY, DIV, TD, TH, UL, OL, LI, SPAN {
  color:#0052A1;
  font-family:arial,helvetica,verdana;
  font-size:12px;
}

H1 {
  font-family:arial,helvetica,verdana;
  font-size:28px;
  font-weight:normal;
  color:#FF00B3;
  margin-top:8px;
  margin-bottom:8px;
}

/*  Silly PR insist on using images for page titles instead of heading tags to get the obscure font they prefer. To get search engines 
to index the page heading embed the text in a standard SPAN tag within a H1 tag, and position it off-screen to hide it. This will 
be readable by screen readers and indexable by search engines, but invisible to ordinary web users */
H1 SPAN {
  position:relative;
  left:-2000px;
}

H2 {
  font-size: 13px; 
  font-weight:bold;
  color:#FE5E23;
  margin-top:8px;
  margin-bottom:8px;
}
  
H2.star {
  color:#FF00B3;
  font-family:arial,helvetica,verdana;
  font-weight:bold;
  font-size:13px;
  padding-bottom:5px;
  padding-left:30px;
  text-decoration:none; 
  background-image:url('/media/icons/bullet-star-pink.gif');
  background-repeat:no-repeat;
  background-position:left top;  
}

H2.star A {
  color:#FF00B3;
}

H2.star A:hover {
  color:#FA82D6;
}
  
H3 {
  font-size:12px; 
  color:#0052A1;
  font-weight:bold;
  margin-top:8px;
  margin-bottom:8px;
}
		
P {
  margin-top:8px;
  margin-bottom:8px;
}

TH {
  font-size:12px;
  text-align:left;
  font-weight:bold;
}

.snippet {
  font-size:11px;
  color:#919BB7;
}

.highlight { 
  color:#F00; 
  font-weight:bold;
  background-color:#f6f6f6; 
}

.failureMsg {
  color:#FF0000;
  font-weight:bold;
  font-size:12px;
}

.successMsg {
  color:#FE5E23;
  font-weight:bold;
  font-size:12px;
}

.quote-style {
  font-style:italic;
  color:#919BB7;
}

blockquote {
  margin:15px 0 15px 25px;
} 

.indent {
  padding-bottom:5px;
  padding-left:30px;
}

/* ---------- LIST STYLES ---------- */

/* DEFAULT list - light blue text, dark blue dash */

UL {
  list-style-type:none;
  margin-top:5px;
  margin-bottom:5px;
}

UL LI {
  font-size:12px;
  margin-bottom:5px;
  padding-left:15px; 
  background-image:url("/media/icons/bullet-blue-dash.gif");
  background-repeat:no-repeat;
  background-position:7px 5px;   
}

* html UL LI {
  background:url("/media/icons/bullet-blue-dash.gif") no-repeat 5 7;
}

OL {
  margin:10px 0 15px 25px;
}

/* STYLE 1 - orange heading, light blue text & blue arrow at root level; blue text & dark blue dash at sublevels */	

.list1 H2 {
  color:#FE5E23;
  font-weight:bold;
  font-size:11px; 
  margin-bottom:6px;
}

.list1 H2 A {
  color:#FE5E23;
  text-decoration:none;
}

.list1 H2 A:hover {
  color:#FBC1AD; 
  text-decoration:underline;
}

.list1 UL LI {
  font-size:11px; 
  padding-left:10px;
  background:url("/media/icons/bullet-3-blue-dots.gif") no-repeat 0 5px; 
  margin-bottom:6px;
}

.list1 UL A {
  font-size:11px; 
  color:#00A4D2;
  text-decoration:none; 
}

.list1 UL A:hover {
  color:#A2D2DF;
  text-decoration:underline; 
}

/* sublevel for list style 1 */

.list1 UL UL {
  margin-top:5px;
  margin-bottom:5px;
}

.list1 UL UL LI {
  font-size:11px; 
  margin-bottom:3px;
  padding-left:10px; 
  background-image:url("/media/icons/bullet-blue-dash.gif");
  background-repeat:no-repeat;
  background-position:0px 5px;   
}

* html .list1 UL UL LI {
  background:url("/media/icons/bullet-blue-dash.gif") no-repeat 0 7;
}

.list1 UL UL A {
  font-size:11px; 
  color:#0052A1;
  text-decoration:none; 
}

.list1 UL UL A:hover {
  color:#94BCE2;
  text-decoration:underline; 
}


/* STYLE 2 - orange arrow and grey text */	

.list2 {
  font-size:11px;
  margin:8px 0;
}

.list2 UL LI {
  font-size:11px;
  padding-left:10px;
  margin-bottom:2px;
  background:url("/media/icons/bullet-3-orange-dots.gif") no-repeat 0 5px; 
}

.list2 UL LI A {
  color:#919BB7;
  text-decoration:none; 
}

.list2 UL LI A:hover {
  color:#A6B0CC;
  text-decoration:underline; 
}


/* STYLE 3 - Very similar to List style 1, except always light blue text on all levels
  (orange heading, blue arrow at root level, dark blue dash at sublevels, light blue text at all levels) */	

.list3 H2 {
  color:#FE5E23;
  font-weight:bold;
  font-size:11px; 
  margin-bottom:6px;
}

.list3 UL LI {
  font-size:11px; 
  padding-left:10px;
  background:url("/media/icons/bullet-3-blue-dots.gif") no-repeat 0 5px; 
  margin-bottom:6px;
}

.list3 UL A {
  font-size:11px; 
  color:#00A4D2;
  text-decoration:none; 
}

.list3 UL A:hover {
  color:#A2D2DF;
  text-decoration:underline; 
}

/* sublevel for list style 3 */

.list3 UL UL {
  margin-top:5px;
  margin-bottom:5px;
}

.list3 UL UL LI {
  font-size:11px; 
  margin-bottom:3px;
  padding-left:10px; 
  background-image:url("/media/icons/bullet-blue-dash.gif");
  background-repeat:no-repeat;
  background-position:0px 5px;   
}

* html .list3 UL UL LI {
  background:url("/media/icons/bullet-blue-dash.gif") no-repeat 0 7;
}

.list3 UL UL A {
  font-size:11px; 
  color:#00A4D2;
  text-decoration:none; 
}

.list3 UL UL A:hover {
  color:#A2D2DF;
  text-decoration:underline; 
}

.selected-menu-item {
  font-weight:bold;
}

#search-field INPUT {
  color:#5888A1;
  width:107px;
  font-size:11px;
}

/* ---------- IMAGE STYLES ---------- */

A IMG {
  border:0;
}

#label-search {
  margin-right:5px;
}

#btn-go {
  margin-left:5px;
}

IMG.page-title {
  display:block;
  margin-top:12px;
  margin-bottom:12px;
}

IMG.align-right {
  float:right;
  margin-left:15px;
  margin-bottom:10px;
}

.right-photo-panel IMG {
  display:block;
  float:right;
  margin-bottom:15px;
}

.logo-column {
  text-align:center;
}

.logo-column IMG {
  margin-bottom:10px;
}

IMG.img-float-right {
  float:right;
  margin-left:15px;
  margin-bottom:10px;
}

/* ---------- BROWSER HACKS ---------- */

		
#body-white-bg {
  text-align:left;
}