/*
-- LAYOUT --
   HOWARD FLOREY INSTITIUTE -  [rb] Hugeobject
	Adapted version of "Holy Grail" technique
	Will expand liquid width until max-width reached in which cas the
	maxed box will be centered to page. 
	In IE<7 and browsers that dont support max-width will expand liquid beyond max width.
*/
body {
  min-width: 760px;		/* larger than or = to 2x LC width + RC width */
  margin: 0;
  padding: 0;
  text-align: center;
  /*background: #dbdbdb;*/
  background: #f7f7f7;
}
html > body {
	/*faux background for browsers other than ie<7 */
	background: #D9E6EB url(../images/template/body-bg.gif) center repeat-y;
}
/*-------------------------- Ancillary -----------------------------------------*/
div#ancillary div.wrapper{
	min-height: 20px;
	height: 20px;		/* min height for ie < 7 */
	margin: 0 auto 0 auto;
	max-width: 1424px;	/* max width of #content (1024) + the 2 cols */
	background: #83CFF0;/*#DADADA; /*url(../images/template/ancillary-bg.gif) repeat-x;*/
	border-bottom: 1px solid #fff;
	position: relative;
}
body > div#ancillary > div {
	height: auto;		/* non ie < 7 browsers */
}

/*-------------------------- Header -----------------------------------------*/
div#header div.wrapper{
	min-height: 102px;
	height: 102px;		/* min height for ie < 7 */
	margin: 0 auto 0 auto;
	max-width: 1424px;	/* max width of #content (1024) + the 2 cols */
	background: #83cff0 url(../images/template/header-bg.gif) repeat-x;
	border-bottom: 3px solid #fff;
	position: relative;
}
body > div#header > div {
	height: auto;		/* non ie < 7 browsers */
}

/*-------------------------- Content wrapper ---------------------------------*/
div#content {
  padding-left: 200px;	/* LC width */
  padding-right: 200px; /* RC width */
  max-width: 1024px;
  margin: 0 auto 0 auto;
}

body#home div#content {
  padding-left: 0;	/* LC width */
  padding-right: 0; /* RC width */
  max-width: 1424px;
  margin: 0 auto 0 auto;
}
div#content div.column {
  float: left;
  position: relative;

}

/*---------------------------- Main Content -----------------------------------*/
div#main {
  width: 100%;
  background: #fff url(../images/template/main-bg.png) repeat-x;
}
body#home #main { 
	margin:0;
	padding:0;
	background: transparent url(../images/template/home_bg.png) repeat-x;
}
div#main_gradient {
	height: 50px;
	background: transparent url(../images/template/content-gradient.jpg) repeat-x;
	margin-bottom: -1em;
}
div#flash_content {
	width: 620px;
	height: 440px;
	margin: 0 0 3px 0;
	float: right;
	/* alt flash content style */
	font: 2.5em Georgia, "Times New Roman", Times, serif;
	color: #756e5f;
	text-align: center;
	background: transparent url(../images/template/alt_flash_puzzle.png) center no-repeat;
}
div#flash_content p {
	padding: 30px; 0;
}
body#home div#teaser {
	width: 350px;
	padding-bottom: 10px;
}
body#home div[id=teaser] {
	padding-bottom: 0 !important;
}
div.news-single-item{
    padding-top:20px;
}
small.date{
    display:block;
}
/*---------------------------- Left Column ------------------------------------*/
div#left {
  width: 200px;			/* LC width */
  left: 200px;			/* RC width for IE 6 */
  margin-left: -100%;
  background: transparent url(../images/template/left-col-bg.png) no-repeat;
  min-height: 400px;
  height: 400px;	/* min height for ie < 7 */
}
div#content > div#left {
	height: auto;		/* non ie < 7 browsers */
}
div#content > div#left{  
	left: -200px;		/* LC width for everyone else */
	margin-left: expression(document.all.main.offsetWidth * -1); /* Fix for IE7 */
}
/*---------------------------- Right Column ------------------------------------*/
div#right {
  width: 200px;			/* RC width */
  margin-right: -200px; /* RC width */
  background: transparent url(../images/template/right-col-bg.png) no-repeat;
  min-height: 400px;
  height: 400px;	/* min height for ie < 7 */
}
div#content > div#right {
	height: auto;		/* non ie < 7 browsers */
}
/*------------------------------- Footer ---------------------------------------*/
div#footer div.wrapper{
  clear: both;
  min-height: 80px;
  height: 80px; 		/* min height for ie < 7 */
  margin: 0 auto 0 auto;
  max-width: 1424px;
  background:#444;
  padding: 20px 0 0 0;
}
body > div#footer > div {
	height: auto; 		/* non ie < 7 browsers */
}
/*------------------------ Pre Footer for home page ---------------------------*/
div#pre_footer {
	background: #ABA290 url(../images/template/pre_footer_bg.png) top repeat-x;
	border-top: 1pz solid #e7e8e1;
	min-height: 147px;
	height: 147px; 		/*/* min height for ie < 7 */
	margin: 0 auto 0 auto;
	max-width: 1424px;
	padding: 0;
	clear: both;
	color: #555452;
}
div.pre_wrapper {
	max-width: 1000px;
	margin: 0 auto;
	text-align: left;
}
div#pre_footer div.col {
	float: left;
}
body > div#pre_footer > div.col {
	height: auto; 		/* non ie < 7 browsers */
}
div#pre_footer div.divider {
	float: left;
	width:3px;
	min-height: 147px;
	height: 147px;
	background: transparent url(../images/template/pre_footer_divider.png) top no-repeat;
}
div#pre_footer div[class=divider] {
	height: auto;
}
div#pre_news {
	width: 400px;
	background: transparent url(../images/template/pre_footer_divider.gif) top right no-repeat;
}
div#pre_news div.item {
	width: 196px;
	float: left;
}
div#pre_newsletter {
	width: 400px;
	background: transparent url(../images/template/pre_footer_divider.gif) top right no-repeat;
}
div#pre_newsletter div.item {
	width: 192px;
	float: left;
}
div#pre_donate,
div#pre_signup {
	width: 200px;
	text-align: center;
}
/* video padding added by ae 20070501 */
div#video{
	margin:0 auto;
}
div#video_wrapper{
	text-align:center;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */