@charset "utf-8";
/* 
By Ryan Marshall

File Name: 
	3col-styles.css

Description:
This .css includes elements used by pages incorporating a 3-column layout
The following section 1-4 can be found in common.css

Section 1: Reset elements to a common value
Section 2: Elements used 
Section 3: Page Header
Section 4: Page Footer
Section 5: mainContent 
Section 6: Left Col
Section 7: Middle Col
Section 8: Right Col
Section 9: Contact us page
Section 10: Jobs pages
*/

/* 5: BEGIN Main Body Copy 'mainContent' ------------------------------------------------------------------ */
/* For pages with left grey background col and right White background col*/
body {
  background-color: #ebebe3;
  background-image: url(/images/background/bg_right-panel.gif);
  background-repeat: repeat-y;
  background-position: 700px 0;
}

div.whitespace {
  background-color: #fff;
  width: 100%;
  height: 20px;
}

div#mainContent {
  width: 955px;
  text-align: left;
  margin: 0 auto;
}

div#pnlLeftCol {
  float: left;
  text-align:left;
  /*width: 190px;
	padding: 15px 10px 0 0;*/
	width:189px;
  padding:15px 20px 0 6px;
}

div#pnlMiddleCol {
  float:left;
  position:relative;
  background: url(/images/background/bg_middle-panel.gif) repeat-y top left #fff;
  text-align:left;
  width:500px;
  padding: 0 10px 20px 30px;
}

div#pnlRightCol {
  float: right;
  position: relative;
  background-color: #fff;
  text-align: left;
  width: 190px;
  font-weight:bold;
}

div#pnlMiddleCol p { line-height:16px; }

/* 5: END Main Body Copy 'mainContent' ------------------------------------------------------------------ */

/* 6: Left Panel, elements commonly used  ------------------------------------------------------- */

/* 6: END Left Panel ---------------------------------------------------------------------------------------- */

/* 7: Middle Panel, elements commonly used ----------------------------------------------------------------------- */
div#pnlMiddleCol h1 {
  font-size:30px;
  color:#F77E20;
}

div#pnlMiddleCol h1.article {
  font-size:22px;
  color:#F77E20;
  padding-bottom:10px;
}

div#pnlMiddleCol h2.grey {
  font-size:18px;
  color:#666;
  margin-bottom: 10px;
  font-weight:inherit;
}

div#pnlMiddleCol h2 {
  font-size:16px;
  color:#000;
  margin-bottom: 10px;
}

div#pnlMiddleCol h3 {
  font-size:14px;
  color:#F77E20;
  /*color:#000;*/
	margin-bottom: 10px;
}

div#pnlMiddleCol h3.table_title {
  color: #fff;
  background: url('/images/background/table_title.gif') repeat-x;
  padding: 5px 10px;
  margin: 0;
  line-height: 18px;
}

div#pnlMiddleCol ul li { padding: 5px 10px; }

ul {
  list-style: square;
  list-style-position: inside;
  margin: 0;
  padding-top: 10px;
}

ul li {
  color: #505050;
  margin-bottom: 0 0 5px 3px;
}

ul li span { color: #666; }

ul.table li {
  padding: 5px 10px;
  color:#666666;
}

ul.table li.row1 {
  background-color: #ebebe1;
  font-weight: bold;
  color:#F77E20;
}

ul.table li.row2 {
  background-color: #f5f5ee;
  font-weight: bold;
  color:#F77E20;
}

hr {
  border: 0;
  color: #d5d5c4;
  background-color: #d5d5c4;
  height: 1px;
  width: 100%;
  text-align: left;
  margin: 15px 0;
}

.gallery {
  background-color:#f0f0ea;
  padding: 10px;
  margin: 15px 0;
}

.inline-title {
  color:#000;
  font-weight:bold;
}
/* 7: END Middle Panel ---------------------------------------------------------------------------------------- */

/* 8: Right Panel ---------------------------------------------------------------------------------------- */
div#pnlRightCol {
  color: #000;
  font-size: 12px;
}

div#pnlRightCol h3 {
  font-size:14px;
  color:#F77E20;
  color:#000;
  margin-top: 6px;
  margin-bottom: 10px;
}

div#pnlRightCol h5 {
  font-size: 11px;
  font-weight: normal;
  color: #f77e20;
  margin: 0;
  padding-bottom:2px;
}

div#container div#mainContent div#pnlRightCol ul { padding-top:0px; }

div#container div#mainContent div#pnlRightCol ul li { color:#000; }
/* 8: END Right Panel ---------------------------------------------------------------------------------------- */

/* 9: Contact us page ---------------------------------------------------------------------------------------- */
body#contact-us .col1 {
  float:left;
  width:170px;
}

body#contact-us .col2 {
  float:left;
  width:280px;
}

body#contact-us .col2 .colLeft {
  float:left;
  width:150px;
}

body#contact-us .col2 .colRightt { float:left; }

body#contact-us .col3 { float:left; }

#mapAU, #mapNZ {
  position:relative;
  z-index:99999;
}

#mapAUcopy, #mapNZcopy {
  width:600px;
  height:420px;
}
/* 9: END Contact us page ---------------------------------------------------------------------------------------- */

/* 10: Contact us page ---------------------------------------------------------------------------------------- */
body#jobs div#pnlMiddleCol h2 {
  color:#F77E20;
  font-size:16px;
  margin-bottom:10px;
}
/* 10: END Contact us page ---------------------------------------------------------------------------------------- */

div#pnlMiddleCol ul.career {
  padding:0;
  margin:0 0 1.5em;
  list-style:square outside none;
}

div#pnlMiddleCol ul.career li {
  padding:0;
  margin:0 0 .5em 15px;
}