@charset "utf-8";
/* Irish Osteoporosis Society | Base CSS Document */

/* @group Global Reset */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, /*sub,*/ sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
/* @end */

/* ----------------------------------------------- GENERAL STUFF ------------------------*/
body {
	font: 75% Georgia, "Times New Roman", Times, serif;
	background: #fff url(../i/background.gif) top left repeat-x; 	
	color:#3f3f3f;
	
	}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
img.right {float:right;margin:0 0 10px 10px;}
div.hr {clear:both;height: 10px;background: url(../i/divider-hr.gif) top center no-repeat;margin-top:5px;margin-bottom:10px;}
div.hr hr {display: none;}
div.hr2 {clear:both;height: 10px;background: url(../i/divider-hr2.gif) top center no-repeat;}
div.hr2 hr {display: none;}
div.hr3 {clear:both;height: 10px;background: url(../i/divider-hr.gif1) top center no-repeat;margin-top:5px;margin-bottom:10px;}
div.hr3 hr {display: none;}

abbr, acronym {cursor: help;}	
strong {font-weight:bold;}
em {font-style:italic; }	

/* General Links
------------------------------------------------------------------*/
a {color: #cc0000;/*font-weight:bold;*/text-decoration:none;background-color: transparent;}
a:link {color: #cc0000;text-decoration:none;background-color: transparent;} 

a:hover	{color: #33cc00;text-decoration:none;background-color: ;} 
a:active {color: #33cc00;text-decoration:none;background-color: ;}	

#footer a {color: #33cc00;/*font-weight:bold;*/text-decoration:none;background-color: transparent;}
#footer a:link {color: #33cc00;text-decoration:none;background-color: transparent;} 

#footer a:hover	{color: #fff;text-decoration:none;background-color: ;} 
#footer a:active {color: #fff;text-decoration:none;background-color: ;}	

/* --------------------------------------------------------------  TYPOGRAPHY
--------------------------------------------------------------------------------------*/

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 75%; }

/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font:12px/1.5 Georgia, "Times New Roman", Times, serif; }

/* Headings
-------------------------------------------------------------- */

h2 {font-size:22px;font-weight:normal;color:#cc0000;}
h3 {font-size:16px;}
h4 {font-size:14px;font-weight:bold; color:#cc0000;}
h5 {font-size:24px;font-weight:bold;color:#cc0000; line-height:48px; padding-left:40px;}
h6 {font-size:12px;font-weight:bold;}

#content h1 { font-size: /*3em*/24px; line-height: 1; margin-bottom: 0.5em; }
#content h2 { font-size: /*2em*/ 18px;; margin-bottom: 5px; }
#content h2.title { font-size: /*2em*/ 80px;; margin-bottom: 0px; line-height:.2em; padding-bottom:0px; }

#content h3 { font-size: /*1.5em*/16px;; line-height: 1.5em; margin-bottom: 1em; color:#CC0000; font-weight:bold; }

#content h4 { font-size: /*1.2em*/14px; line-height: 14px; margin-bottom: 10px; font-weight:bold; }
#content h5 { font-size:24px;font-weight:bold;color:#cc0000;line-height:48px;padding-left:40px;}
#content h6 { font-size: 12px; }

/* Text elements
-------------------------------------------------------------- */

#content p { margin: 0 0 1em; line-height:2em;}
#content p.date {margin-bottom:10px;font-style: italic;font-size:11px; }

#content ul, #content ol { margin: 0 1.5em 1.5em 1.5em;}
#content ul li, #content ol li{ font:Georgia, "Times New Roman", Times, serif; line-height:2em;}
#content ul { list-style-type: disc; }
#content ol { list-style-type: decimal; }

#content dl { margin: 0 0 1.5em 0; }
#content dl dt { font:12px/1.5 Georgia, "Times New Roman", Times, serif; font-weight: bold; }
#content dl dd { font:12px/1.5 Georgia, "Times New Roman", Times, serif; margin-left: 1.5em; }

#content abbr, #content acronym { border-bottom: 1px dotted #000; }
#content address { margin-top: 1.5em; font-style: italic; }
#content del { color: #000; }

/*#content a { color: #013066; text-decoration: none; }
#content a:hover { color:#fff;text-decoration: underline; }*/

#content blockquote { margin-left: 1.5em; margin-right: 1.5em; margin-top:0px; font:16px Georgia, "Times New Roman", Times, serif; color:#cc0000;  font-weight:bold;}
#content strong { font-weight: bold; }
#content em,#content  dfn { font-style: italic; }
#content dfn { font-weight: bold; }
#content pre,#content  code { margin: 1.5em 0; white-space: pre; }
#content pre,#content  code,#content  tt { font: 1em monospace; line-height: 1.5; } 
#content tt { display: block; margin: 1.5em 0; line-height: 1.5; }
#content span.amp { /* For better-looking ampersands */
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}

#content img.left {float:left; margin: 0 15px 15px 0;clear:both;}

p.date {font-style:italic; font-size:11px;}

/* ---------------------------------------------------------------------------- FORMS 
--------------------------------------------------------------------------------------*/
/* FORM: PRESENTATION */
form { color:#333;}

fieldset {border:none;}
fieldset fieldset {border:none;}
fieldset fieldset legend {font-weight:bold; color:#000;}
fieldset.fieldsetL {float:left;}
fieldset.fieldsetR {float:right;}
fieldset.fieldset2 {border:none;}

legend {}
input, input.file, select, select.dropdown, textarea, div input.innertextfield {}
input:hover, input.file:hover, select:hover, select.dropdown:hover, textarea:hover, div input.innertextfield:hover {}
input:focus, input.file:focus, select:focus, select.dropdown:focus, textarea:focus, div input.innertextfield:hover {}
input:active, input.file:active, select:active, select.dropdown:active, textarea:active, div input.innertextfield:active {}
input:focus:hover, input.file:focus:hover, select:focus:hover, select.dropdown:focus:hover, textarea:focus:hover, div input.innertextfield:focus:hover {}
input.checkbox, input.radio  {}
button {}
button:hover {}
optgroup {}
option {}


/* FORM: LAYOUT */
form {}
fieldset {}
fieldset fieldset {}
legend {}
/*.textfield, .textarea, .file, .dropdown, .radio, .checkbox, .buttons, fieldset fieldset {margin-bottom:1em;}*/
input, input.file, select, select..dropdown, textarea, input.innertextfield {}
input, input.file, select, select.dropdown, textarea {}
textarea {}
input, input.file, select, select.dropdown, textarea {}
input.checkbox, input.radio {}
div input.innertextfield {}
.buttons {}
button {}
optgroup {}
option {}

.hiddenFields {display:none;}

input.form_go {}
#header form label {}

textarea.comments {}
/* Tables
------------------------------------------------------------------*/
table {

	width:90%;
	margin:0 auto;
/*	border:1px solid #024d82;*/
	border-bottom:none;
	}

table caption {
	padding:10px 0 5px 0;
	text-align:left;
	font-weight:bold;
	font-size:1.2em;
/*	border:1px solid #937210;
	border-bottom:none;*/
	}	
body#search-page td {width:50%;}

table th, table td {
	padding: 8px 7px;
	text-align:center;
	border-bottom:1px solid #fff;
	}	
td.left {text-align:left;}	
table th {
	color:#fff;
	background:#d5d5d5 url(../i/table-th-bg.gif) bottom left repeat-x;
	}	
table .name {text-align:left;}	
table.detail{width:100%;padding-top:1em;}
table.detail td {text-align:left;padding:2px 0 2px 0;font-size:1.1em;vertical-align:top;}
table.detail td.td-lcol {width:30%;}
table.detail tr {background:#fff;}

table.profile{width:100%;padding-top:1em;}
table.profile td {text-align:left;padding:2px 0 2px 0;font-size:1.1em;vertical-align:top;}
table.profile td.td-lcol {width:145px;}
table.profile tr {background:#fcfcfc;}

table td a {
	display:block;
	font-weight:bold;
	}
table tr {
	background:#fff;
	}
table tr.alt, table td.alt {
	background:#e9edf2;
	}
table tr.alt2, table td.alt2 {
	background:#fff;
	}

table.register {width: 350px;margin:0;}
table.register td {text-align:left;}
/* ---------------------------------------------------------------------------- EXTRAS and HACKS 
--------------------------------------------------------------------------------------*/	

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 422px;}  /* must be same height as the footer */

 #footer {position: relative;
	margin-top: -422px; /* negative value of footer height */
	height: 422px;
	background:#306809 url(../i/footer_fuzz.gif) top left repeat-x;
	clear:both;} 
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 � 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
<![CDATA[
    /*****************************************************************************
    These styles should be at the bottom of `sifr.css`. Make sure that they're
    only applied for the screen media type!
    *****************************************************************************/
    
    .sIFR-active h1,
    .sIFR-active h2.title,
    .sIFR-active h3,
    .sIFR-active h4,
    .sIFR-active h5#pullquote {
      visibility: hidden;
    }

    .sIFR-active h1 {
      padding-bottom: 0;
	  margin:0;line-height:.8em;
    }

    .sIFR-active h2.title {
      /*display: block;*/
    }

    .sIFR-active h3, .sIFR-active h6 {
padding: 0px;
    }

    .sIFR-active h4 {

      font-weight: normal;
    }

    .sIFR-active h5#pullquote {
display:block; width:100%;height:223; background: url(../i/holder.gif) top left no-repeat;
    }
  ]]>
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */

}	

/* CLEAR FIX*/
.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 */