/* Copyright Seven Communications Ltd 2006+ */

body {
padding: 0;
margin: 0;
background-color: #3b3b3b;
font-family: verdana, arial, sans-serif;
font-size: 67%;
color: #838383;
}

/* Main div that centres whole 750px page */
div.centerize {
width: 750px;
margin: 0 auto;
background-image: url("_images/img_midbg.gif"); 
background-repeat: repeat-y;
background-position: center top;
}

/* White masthead with pulse */
div#masthead {
height: 140px;
background-color: white;
margin: 0;
background-image: url("_images/img_heartbeat.gif"); 
background-repeat: no-repeat;
background-position: right bottom;
border-top: 14px #3b3b3b solid;
}
div#masthead img {
padding: 25px 0 5px 27px;
}

/* Top coloured menu bar */
div#topmenu {
background-color: white;
background-image: url("_images/img_topbg.gif");
background-position: center bottom;
background-repeat: repeat-x;
padding: 0 0 0 230px;
height: 23px;
margin: 0;
z-index: 2;
}
div.centerize > div#topmenu {
padding: 0 0 0 233px;
}
div#topmenu ul {
font-weight: bold;
list-style: none;
margin: 0;
padding: 0;
z-index: 3;
}
div#topmenu ul li {
float: left;
position: relative;
z-index:9;
padding: 0;
margin: 0;
width: 129px;
text-indent: -500px;
border-bottom: 1px white solid;
}
div#topmenu ul li a {
display: block;
background-color: #00691c;
background-repeat: no-repeat;
background-position: left top;
text-decoration: none;
margin: 0;
border-left: 1px solid white;
width: 129px;
height: 22px;
overflow: hidden;
}
/* Second level pull-down menus */
div#topmenu ul li ul {
top: 23px;
position: absolute;
display: none;
margin: 0;
left: 1px;
z-index: 10;
}
/* Show sub list on hover */
div#topmenu ul li:hover ul {
display: block; 
}
div#topmenu ul li ul li {
text-indent: 0;
}
div#topmenu ul li ul li a {
text-decoration: none;
width: 124px;
padding: 5px 0 5px 5px;
color: white;
background-color: #00691c;
height: auto;
border-left-width: 0;
}

/* Individual second-level menu colours */
div#topmenu ul li ul.red li a {
background-color: #931616;
}
div#topmenu ul li ul.orange li a {
background-color: #ce8000;
}
div#topmenu ul li ul.green li a {
background-color: #82a016;
}
div#topmenu ul li ul.blue li a {
width: 182px;
background-color: #1780a1;
}
div#topmenu ul li ul li a:hover {
background-color: #777;
}

/* Individual top-level menu button backgrounds */
div#topmenu ul li a#btn01 {
background-image: url(_images/btn01_learning.gif);
}
div#topmenu ul li a#btn02 {
background-image: url(_images/btn02_support.gif);
}
div#topmenu ul li a#btn03 {
background-image: url(_images/btn03_funding.gif);
}
div#topmenu ul li a#btn04 {
border-right: 1px solid white;
width: 182px;
background-image: url(_images/btn04_steer.gif);
}

/* Nice doctor image under menu */
div.mainimg {
width: 750px;
height: 93px;
padding: 0;
background-image: url("_images/img_main.jpg"); 
background-repeat: no-repeat;
background-position: center top;
margin: 0;
}
div.mid {
padding: 0;
margin: 0;
position: relative;
height: auto;
}

/* Main content area */
div.textbox {
margin: 0;
padding: 11px 25px 0 257px;
min-height: 220px;
}
* html div.textbox {
height: 220px;
}
div.textbox p, div.textbox dl {
margin: 0 0 1.5em 0;
}
div.textbox h1 {
font-size: 1.5em;
color: #43b9dd;
padding-bottom: 3px;
border-bottom: 1px solid #43b9dd;
margin: 0 0 1em 0;
}
div.textbox h2 {
font-size: 1.2em;
}
div.textbox a {
color: #080;
text-decoration: none;
}
div.textbox a:hover {
text-decoration: underline;
}
/* Left-hand menu */
div.leftmenu {
margin: 0;
position: absolute;
top: 15px; left: 0;
width: 234px;
height: 290px;
background-image: url("_images/img_cad.gif");
background-repeat: no-repeat;
background-position: center top;
}
div.leftmenu ul {
padding: 0;
margin: 0;
font-weight: bold;
list-style: none;
}
div.leftmenu ul li {
margin: 0 0 11px 0;
}
div.leftmenu ul li a {
white-space: pre;
width: 234px;
height: 19px;
text-indent: -300px;
overflow: hidden;
background-repeat: no-repeat;
background-position: left top;
display: block;
}
div.leftmenu ul li a:hover {
background-position: bottom left;
}
div.leftmenu ul li a#btn05 {
background-image: url(_images/menuleft/01_about.gif);
}
div.leftmenu ul li a#btn06 {
background-image: url(_images/menuleft/02_whatisebp.gif);
}
div.leftmenu ul li a#btn07 {
background-image: url(_images/menuleft/03_whatisresearch.gif);
}
div.leftmenu ul li a#btn08 {
background-image: url(_images/menuleft/04_news.gif);
}
div.leftmenu ul li a#btn09 {
background-image: url(_images/menuleft/05_contact.gif);
}

/* Curvy bit at the bottom */
div.base {
padding: 0;
margin: 0;
width: 750px;
height: 103px;
background-image: url("_images/img_basebg.gif"); 
background-repeat: no-repeat;
background-position: center top;
}

/* Other stuff */
ul.files, ul.links, ul.section
{ list-style-type: none; padding-left: 0; margin-left: 0; }
ul.files li, ul.links li, ul.section li
{ padding-left: 22px; padding-top: 1px; background-repeat: no-repeat; background-position: left top; min-height: 20px; }
* html ul.files li
{ height: 20px; }
ul.files li.doc
{ background-image: url(_images/icons/doc16.gif); }
ul.files li.ppt
{ background-image: url(_images/icons/ppt16.gif); }
ul.files li.pdf
{ background-image: url(_images/icons/pdf16.gif); }
ul.files li.xls
{ background-image: url(_images/icons/xls16.gif); }
ul.links li
{ background-image: url(_images/icons/www16.gif); }
ul.section li
{ background-image: url(_images/icons/link_go.gif); }