/*

    Styling for common elements excluding home/index

    

    www.humancapitalalliance.com.au

    August 2006

    Dane & Will

    

    

    (c) Meep Pty Ltd 2006

  

*/



/* Fonts etc */



#centre p {

    line-height:14px;

    margin-bottom:10px;

	font-size: 11px;

	color: black;

}



h2 {

    	font-size: 11px;

    	font-style: normal;

    	font-weight: bold;

		color: #CC6633;

		margin-bottom: 5px;

}



#left h1 {

    text-transform: uppercase;

    font-size:10px;

    font-weight:bold;

}

#left h1:hover {

    text-decoration:underline;

}



#left hr.top {

    height: 1px;

    border: none;

    border-top: 1px solid #666;

}

#left hr {

    height: 1px;

    border: none;

    border-top: 1px solid #333;

    

}



#left a {

    color: white;

    font-size: 10px;

    text-decoration:none;

}

#left a:hover {

    text-decoration:underline;

}



#left h1.aboutus a {

       color: #996699;

}



#left h1.services a {

    color:#99CC66;

}



#left h1.clients a {

    color:#CCCC99;

}



#left h1.research a {

    color:#FF9900;

}



#left h1.alliances a {

    color:#CC6699;

}



#left h1.contactus a {

    color:#99CCFF;

}



#header {

    background-color:#999999;

    border-bottom:1px solid #FFF;

    border-top:1px solid #999;

}



#creating {

    background-color:#CC6633;

}



#tagline_shadow {

    background-image:url("../images/tagline_shadow.gif");

    background-color:#999;

    height:14px;

    /*margin-left:-10px;*/

	margin-left: -1px;

}



#right img {

    border-bottom:1px solid #FFF;

    padding:0;

    margin:0;

    

}



img#tag {

    margin:20px;

    border:none;

}

/* Implement the Holy Grail of CSS layouts, three columns with fluid centre */



body {

  min-width: 406px;      /* 2x LC width + RC width */

}

#container {

  padding-left: 149px;   /* LC width - CC padding*/

  padding-right: 149px;  /* RC width + CC padding*/

}

#container .column {

  position: relative;

  float: left;

}



#centre {

  float:left;

  width: 100%;

  background-color:#ccc;

  min-width: 300px;

  padding: none;

}



#left {

  width: 149px;             /* LC width, remember to deduct padding */

  right: 149px;             /* LC width, update #container if changed*/

  margin-left: -100%;

  background-color:#000;

  vertical-align: top;

}



#right {

  width: 149px;             /* RC width, remember to deduct padding */

  margin-right: -149px;     /* RC width, update #container if changed deuct padding from CC*/

  background-color:#999;

  vertical-align: top;

}



#footer {

  clear: both;

}





#left_content {

    width: 129px;

    padding: 10px;

}



#centre p.breadcrumb {

    color: #CC3300;

    text-align: right;

    font-size: 9px;

    padding-right: 10px;

}



#centre p.breadcrumb a {

    color: #CC3300;

}



#centre #centre_content {

    padding-left: 15px;

    padding-right: 15px;

}



h1 {

    margin-bottom: 10px;

}



blockquote {

    line-height:14px;

    margin-bottom:10px;

	font-size: 11px;

	color: black;

	text-align: center;

}



cite {

    display: block;

}

















/*** IE6 Fix ***/

* html #left {

  left: 150px;           /* RC width */

} 



/* Hack to make all columns the same height */



#container {

  overflow: hidden;

}

#container .column {

  padding-bottom: 20010px;  /* X + padding-bottom */

  margin-bottom: -20000px;  /* X */

}

*/