/*
-- TYPOGRAPHY --
   HOWARD FLOREY INSTITIUTE -  [rb] Hugeobject

--------------------------- Defaults ----------------------------------------*/
div#main,
div#left,
div#right { 
	text-align: left;
	padding-bottom: 1em;
}
body {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
}
/* Should only have 1 h1 per page, so h2 begins content structure
   in case a h1 makes its way in will be styled same as h2     */
h1 a, h2 a, h3 a,
h4 a, h5 a, h6 a {
		text-decoration: none;
}
h1, h2 {
	padding: 0 30px;
	font: 2.5em Arial, Helvetica, sans-serif;
	color: #756e5f;
	margin: 0 0 0.3em 0;
}
/* h1-h2's following p tags - not supported in ie6 ( a included beacause of typo3's <a name=""> links between sometimes ) */
p + h1,
p + a + h1,
p + h2,
p + a + h2 {
	margin-top: 1em;
}
h1 a, h2 a,
h1 a:link, h2 a:link,
h1 a:visited, h2 a:visited {
	color: #756e5f;
}
h1 a:hover, h2 a:hover,
h1 a:active, h2 a:active {
	text-decoration: underline;
}
h3 {
	padding: 0 30px;
padding-top:20px;
padding-bottom:0;


	font: 1.5em Arial, Helvetica, sans-serif;
	color: #555;
	margin: 0.5em 0;
}
h2 + h3 { margin-top: -0.1em; }
/* h3's following p tags - not supported in ie6 ( a included beacause of typo3's <a name=""> links between sometimes ) */
p + h3,
p + a + h3 {
	margin-top: 1.5em;
}
h3 a,
h3 a:link,
h3 a:visited {
	color: #555;
}
h3 a:hover,
h3 a:active {
	text-decoration: underline;
}
h4, h5, h6 {
	padding: 0 30px;
	color: #555;
	margin: 0 0 0.5em 0;
}
h4 {
	font-size: 1.1em;
}
h5 {
	font-size: 0.95em;
}
h6 {
	font-size: 0.8em;
}
/* h4,h5,h6's following p tags - not supported in ie6 ( a included beacause of typo3's <a name=""> links between sometimes ) */
p + h4,
p + a + h4,
p + h5,
p + a + h5,
p + h6,
p + a + h6 {
	margin-top: 2em;
}
p {
	padding: 0 30px;
	line-height: 1.2em;
	margin: 0 0 1em 0;
}
p.center { text-align: center; }
p.no-padding { padding: 0; }
a, a:link { color: #1a9cd1; }
img { border: 0;}
/*** image styles for typo3 markup ***/

table {
	margin: 0 0px 2em 10px;
	border-collapse: collapse;
#	border: 1px solid #756E5F;
}
th,
td {
	margin: 0;
#	padding: 4px;
#	border: 1px solid #756E5F;
}

table.no-boder-inherit,
table.no-boder-inherit thead,
table.no-boder-inherit tfoot,
table.no-boder-inherit tbody,
table.no-boder-inherit th,
table.no-boder-inherit td,
table.no-boder-inherit td,
table.no-borders,
table.no-borders th,
table.no-borders td {
	border: 0 !important;
}
table.no-boder-inherit,
table.no-boder-inherit th,
table.no-boder-inherit td,
table.no-boder-inherit td {
	margin:0;
	padding:0;
}

html > body #bdmenu {
margin: 0 0 0 5px;
}

html > body #bdmenu li {
margin: 0 0 2px -60px;
}

#bdmenu ul {
margin: 0 0 0 0;
list-style: none;
font-size: none;
/*font-weight: bold;*/
}

#bdmenu li {
margin: 0 0 2px 0;
}

#bdmenu ul a {
display: block;
text-decoration: none;
padding: 6px 0 0 10px;
color: #505050;
background: #f4f4f4;
}

#bdmenu li a {
display: block;
text-decoration: none;
//height: 12px;
padding: 0 0 0 10px;
color: #505050;
background: #ddf1fb;
border-left: 4px solid #cccccc;
/*border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;*/
border-bottom: 1px solid #cccccc;
}	

#bdmenu li a:hover {
color: #539dbc;
background: #eaeaea;
border-left: 4px solid #286ea0;
border-bottom: 1px solid #286ea0;
}

#bdmenu li a:active {
color: #be5028;
background: #eaeaea;
border-left: 4px solid #286ea0;
border-bottom: 1px solid #286ea0;
}


/*************************************/
ul.no-list-style {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/* generic classes (can be used by any element) */
/* Deprecated replacement shortcuts 
ex: align="left" replacement = class="align-left"
*/
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.justify { text-align: justify; }

.small { font-size: 0.85em; }
/* basic css helper classes */
.float-left { float: left; }
.float-right { float: right; }

/*----------------------------- Main ---------------------------------*/
div#main ul {
	list-style-type: none;
	margin-left: 30px;
}
div#main > ul {
	margin-left: -10px;
}
div#main li {
	margin: 0.5em 0 0.5em 20px;
	list-style-image: url(../images/template/list-arrow.gif);
}
div#main ul li ul {
	margin-left: 0;
}
div#main > ul > li > ul {
	margin-left: -40px;
}
div.image-frame {
	width: 240px;
	margin: 0 20px;
	text-align: center;
	font-size: 0.9em;
}
div.image-frame p {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}
/*-------------------------- Breadcrumb -------------------------------------*/
p#breadcrumb {
	color: #908876;
	font-size: 0.85em;
}
p#breadcrumb a,
p#breadcrumb a:link,
p#breadcrumb a:visited {
	color: #908876;
	text-decoration: none;
}
p#breadcrumb a:hover,
p#breadcrumb a:active {
	color: #908876;
	text-decoration: underline;
}

/*-------------------------- Ancillary --------------------------------------*/
div#ancillary {
	color: #444;
	text-align: left;
}
div#ancillary a,
div#ancillary a:link,
div#ancillary a:visited {
	color: #444;
	text-decoration: none;
	padding: 0 4px;
}
div#ancillary a:hover,
div#ancillary a:active {
	color: #444;
	text-decoration: underline;
}
div#ancillary a strong {
	font-weight: normal;
	text-decoration: underline;
}
/*-------------------------- Header -----------------------------------------*/
div#header h1 {
	margin : 0;
	background: transparent url(../images/template/howard-florey-heading.gif) no-repeat;
	width: 360px;
	height: 70px;
	position: absolute;
	top: 0;
	left: 200px;
	text-indent: -999em;
}
div#header img#hf_logo {
	width: 198px;
	height: 102px;
	border-right: 2px solid #fff;
	position: absolute;
	top: 0;
	left: 0;
}
body#home img#hf_logo {
	border: none;
}
/*------------------------- Left/right Columns --------------------------------------*/
div#left,
div#right {
	padding-top: 30px;
	color: #666;
}
div#left h2,
div#right h2 {
	font: 1.5em Arial, Helvetica, sans-serif;
	color: #555;
	padding-left: 10px;
}
div#right h2 {
	padding-left: 20px;
}
div#left h3,
div#right h3 {
	font-size: 1em;
	font-weight: bold;
	padding-left: 20px;
}
div#left p,
div#right p { 
	font-size: 0.85em;
	padding: 0 20px;
}
div#left p.button-link {
	margin: 10px 0 0 -5px;
	padding: 0;
	text-align: center;
}
div#left p.button-link img {
	margin: 0 auto;
	border: 0;
}
div#right ul { margin-left: 20px; }
div#right li { margin-bottom: 0.5em; }

body#home div#left {
	padding-top: 0;
}
body#home div#left h1, body#home div#left h2  {
	padding: 0 20px;
	font: 2.5em Georgia, "Times New Roman", Times, serif;
	
	color: #459bc0;
}
body#home div#left p {
	font-size: 1em;
	line-height: 1.5em;
}
body#home div#left strong {
	font-size: 1.2em;
	line-height: 1.6em;
}
/*---------------------------- Footer ----------------------------------------*/

div#footer, div#footer a{
	color: #fff;
}

/*-------------------------- Pre footer for home -----------------------------*/
div#pre_footer {
	font-size: 0.85em;
}
div#pre_footer h2 {
	font-size: 1.7em;
	margin: 0.5em 0 0.1em 0;
	padding: 0 1em;
	color: #555452;
}
div#pre_footer p {
	padding: 0 1em 0 1.6em ;
	line-height: 1.5em;
}


/* donate link replacement */
a.donate-button {
	display: block;
	width: 170px;
	height: 65px;
	background: transparent url(../images/template/donate-button.gif) no-repeat;
}
a[class=donate-button] {
	background-image: url(../images/template/donate-button.png) !important;
}
a.donate-button img {
	width: 100%;
	height: 100%;
}
div#pre_donate a.donate-button {
	margin: 50px auto;
}
div#left a.donate-button {
	margin: 10px 0 10px 15px;
}
/* signup link replacement */
a.signup-button {
	display: block;
	width: 170px;
	height: 65px;
	background: transparent url(../images/template/signup-btn-side.gif) no-repeat;
}

a.signup-button img {
	width: 100%;
	height: 100%;
}

div#pre_signup a.signup-button {
	margin: 50px auto;
	background-image: url(../images/template/signup-btn-home.gif) !important;
}
div#left a.signup-button {
	margin: 10px 0 10px 15px;
}

p.totop a {
	display: block;
	width: 44px;
	height: 20px;
	background: transparent url(../images/template/top.gif) 0 0 no-repeat;
	text-indent: -9999px;
	float: right;
}
p[class=totop] a {
	background-image:  url(../images/template/top.png) !important;
}
p.totop a:hover {
	background-position: 0 -20px;
}
/*** NEWS AND SEMINARS ***/
/* latest news */
div#main div.news-latest-container {
	margin-bottom: 1em;
}
div#main div.news-latest-item {
	
}
div#main div.news-latest-item hr.clearer{
	/* Get rid of this its useless */
	display: none;
}
div#main div.news-latest-item h3 {
	border-top: 1px solid #efefef;
	padding: 0.4em 0;
	margin: 0.5em 30px;
	position: relative;
}
div#main div.news-latest-item h3 a strong {
	font-weight: normal;
}
div#main div.news-latest-item h3 small.date {
	font-size:0.6em;
	font-weight: normal;
	border: 1px solid #efefef;
	padding: 2px;
	position: absolute;
	top: -1.2em;
	right: 10px;
	background:#fff;
}

div#main div.news-latest-item div.news-latest-morelink {
	/*text-align: right;*/
	padding: 0 30px;
}
div#main div.news-latest-container div.news-latest-gotoarchive {
	padding: 0 30px;
}
div#right div.news-latest-item h3 {
	position: relative;
	margin-top: 2em;
}
div#right div.news-latest-item p{
	margin: 0.2em 0;
}
div#right div.news-latest-item small.date{
	padding: 0;
	font-size: 0.7em;
	color:#999;
	position: absolute;
	top: -1.5em;
	left: 0;
}
div[id=right] div.news-latest-item small.date{
	padding: 0 20px !important;
}
div#right div.news-latest-morelink {
	padding: 0 20px;
	margin-bottom:1em;
	font-size: 0.8em
}
div#right div.news-latest-gotoarchive {
	padding: 0 20px;
	padding: 0 20px;
	margin-bottom:1em;
	font-size: 0.8em
}
/* single news item */
div#main div.news-single-item {

}
/* the system is throwing in a font tag so we need to overwrite */
div#main div.news-single-item h2 font {
	font-size: inherit;
	font-family: inherit;
}
div#main div.news-single-item h2 strong {
	font-weight: normal;
}
/*****************************************/
div#main div.news-single-item small.date{
	font-size: 0.4em;
	color: #908876;
}
div#main div.news-single-item div.news-single-backlink {
	padding: 0 30px;
}
/* --- seminars -------------------*/
div.seminar h4 {
	border-top: 1px solid #efefef;
	padding: 0.3em 0;
	margin: 0.2em 30px 0.5em 30px;
	position: relative;
}
div.seminar small.date {
	font-size:0.8em;
	font-weight: normal;
	border: 1px solid #efefef;
	padding: 2px;
	position: absolute;
	top: -1.2em;
	right: 10px;
	background:#fff;
}
/* -- category menu for Media center ---
NB: we had to use spans because at the time plugin wasnt nesting ul's proper */
div.news-catmenu {
	padding: 0 30px;
	line-height: 1.8em;
}
div.news-catmenu h4 {
	padding: 0;
}
div.news-catmenu span.l1 a {
	display: block;
	padding-right: 0.5em;
	border-top: 1px solid #efefef;
	font-weight: bold;
}
div.news-catmenu span.l2 a {
	/* uncomment this to achieve inline ish style for 2nd level*/
	display: inline;
	padding-right: 0.9em;
	color: #777;
	border: 0;
	font-weight: normal;
}
div.news-catmenu span.l2 a:hover {
	color: #1A9CD1
}
/* ------------------------------------------------ */