/*
   CSS for display to screen of www.healthreform.ie

   The two-column layout technique is from
   http://www.alistapart.com/articles/negativemargins/

   Tadgh O'Leary
   April 2005
   */

/* the defaults */
body { 
  font-size: 90%; 
  font-family: Arial, sans-serif; 
  margin: 0; 
}

/* even though Georgia is serif, fall back to sans */
h1,h2 { font-family: Georgia,sans-serif; margin-top: 0; }
h1 { font-size: 1.3em; }
h2 { font-size: 1.1em; }
h3 { font-size: 1em; font-style: italic; }

h2,h3 {  margin-bottom: 0; }

p { margin-top: 0; }
div#content ul { margin-top: 0; }

a img { border: 0; margin: 0; }

div#content { line-height: 140%; }

/* like to top of page */
p.totop { clear: right; float: right; }

/* the header */
div#header {
  background: white url("/images/header_bg.jpg") repeat-x top right;
  height: 127px;
}

img#logo { position: absolute; top: 0; left: 0; z-index: 2; border: 0; }

div#search { 
  position: absolute; 
  right: 0; 
  top: 0; 
  background: white url(/images/search_bg.gif) no-repeat top left; 
  padding: 0;
  padding-left: 120px;
  height: 78px;
  margin: 0; 
}
div#search { text-align: right; }
div#search form { margin: 0; padding-top: 5px; padding-right: 5px; }
div#search form input { margin: 0; }
div#search a#google { text-decoration: none; padding: 4px; }
a#google span,a#google img { vertical-align: middle; }

/* google search result */
p.g { margin: 5px; }


ul#headermenu {
  clear: both;
  position: absolute;
  top: 80px;
  right: 10px;
  margin: 0 0 0 0; 
  font-size: 0.9em;
  padding: 0 1em 0 0; 
  background: #205B32;
}

ul#headermenu li { 
  display: inline; 
  list-style: none;
  margin: 0 0.2em 0 0.2em;
}

ul#headermenu li a:hover { 
  color: lightgreen;
}

ul#headermenu li a,ul#headermenu li span {
  text-decoration: none;
  font-weight: bold;
  color: white;
  border-right: 1px solid white;
  padding-right: 1em;
}

ul#headermenu li.last a { border-right: none; }


/* the main content */
div#wrapper { background: white url("/images/sidebar_bg.gif") repeat-y top left; }

div#main { 
  width: 100%; 
  float: right; 
  margin-left: -166px; 
  padding-top: 0;
  background: white url("/images/sidebar_bg.gif") repeat-y top left;
}

div#content {  
  margin-left: 166px; 
  padding: 20px;
  padding-top: 0;
}

/* the sidebar */
div#sidebar {  
  float: left; 
  width: 165px;
  padding: 0;
}

div#sidebar ul, div#sidebar li {
  padding: 0;
  margin: 0;
  list-style: none;
}  

ul#sidebarmenu {
  font-size: 0.9em;
}        

ul#sidebarmenu li {
  margin-top: 2px;
  background: #E5EEE6;
}

ul#sidebarmenu li span.heading {
  display: block;
  background: #5C8769 url("/images/sidebar_heading_bg.jpg") repeat-x top left; 
  color:  white;
  font-weight: bold;
  padding-left: 0.25em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

span.arrow { color: #215B33; }

/* the sub-menu */
ul#sidebarmenu ul {
  font-size: 1em;
  margin-left: 2px;
}        

ul#sidebarmenu ul li {
  margin-top: 0.3em;
  margin-bottom: 0;
  margin-left: 0.1em;
  background: none;
  color: black;
}

ul#sidebarmenu ul li a {
  text-decoration: none;
  color: #215B33;
  font-weight: bold;
}

ul#sidebarmenu ul li a:hover,ul#sidebarmenu ul li a.selfref { 
  color: white;
  background: #215B33;
}

ul#sidebarmenu ul li span {
  color: #215B33;
  font-weight: bold;
}

div#sidebar div#languages { font-weight: bold; font-size: 0.8em; font-style: italic; padding: 0 1em; border-top: 1px solid green;  margin-top: 2em; }

/* the footer */
div#footer { clear: both;  margin-top: 2em; padding-top: 0.5em; border-top: thick solid #205B32;; }

ul#footermenu {
  float: right;
  margin-right: 1em;
}

ul#footermenu li {
  list-style: none;
  display: inline;
  font-weight: bold;
}

ul#footermenu li a {
  color: black; 
  font-weight: normal; 
  border-right: 1px solid gray; 
  padding-right: 1em;
  padding-left: 1em;
  text-decoration: none;
}

ul#footermenu li a:hover,ul#footermenu li a.selfref {
  background: gray;
  color: white;
  border-right: 1px solid white; 
} 

ul#footermenu li a.last { border-right: none; }

.clearing {
  height: 0;
  clear: both;
}

/* pictures */
div.picture { clear: left; float: left; margin: 10px 10px 10px 0;}
div.picture span.caption { display: block; font-size: 0.8em; }


/* rules applicable only to certain areas */
form.contact label { display: block; }