/*Colours
#633 brown
#333 grey very dark
#666 grey dark
#999 grey mid
#ccc grey light
#f90 orange
================================================================*/

/* Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
p { margin: 0 0 1em; }
input, select { font-size: 1em; color: #333; }
img { border: 0; }
a { color: #f90; text-decoration: none; }
a:visited { color: #f90; }
a:hover { text-decoration: underline; }
a:active { color: #f90; }
.clear { clear: both; }
html { min-height:100%; margin-bottom:1px; } 
body { margin: 20px 0; font: 67% arial,verdana,sans-serif; color: #333; line-height: 1.3em; text-align: center; }
* html #wrapper { width: 770px; w\idth: 750px; }
#wrapper { width: 750px; margin: 0 auto; text-align: left; border: 10px solid #666; background-color: #fff; }

/* Headings,text
================================================================*/

h1, h2 { font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; clear: both; }
h1.highlight { clear: none; margin: 0 0 5px; color: #F90; border-bottom: 0; font-size: 1.2em; }
h1, #members h2, #sidebar h2 { margin: 11px 0; padding-bottom: 4px; font-size: 1.4em; color: #633; border-bottom: 1px dashed #999; }
#page_home #sidebar h2 { margin-left: 2px; }
#memberContent h2 { margin: 7px 0; }
h2 { font-size: 1.1em; color: #f90; margin-bottom: 1em; }
h3{ font-size: 1em; color: #999; margin-bottom: 5px; letter-spacing: 0.1em; text-transform: uppercase; }
#content ul { margin: 0 0 1em 1.5em; }

/* Structure - branding, nav, main ( contentwrapper, content, sidebar, members), footer
================================================================*/
/*branding contains logo and search*/
/*ie5 needs this hack to ensure the banner is high enough without its border*/
* html #branding { height: 130px; he\ight: 128px; }
#branding { /*position: relative;*/ height: 128px; background: #633 url(../images/bgheader.jpg) no-repeat top right; border-bottom: 2px solid #fff; }
#logo { float: left; display: inline; width: 219px; margin-left: 19px; }
#searchBox { float: right; display: inline; margin-top: 99px; margin-right: 26px; }
* html #searchBox #query { width: 127px; w\idth: 117px; }
#searchBox #query { width: 117px; padding: 2px 5px; margin-right: 4px; background-color: #fff; border: 1px solid #666; }
#searchBox .button { padding: 0 3px; background-color: #a7a8ab; border: 1px solid #fff; }
/*primary nav bar*/
#nav { clear: both; height: 20px; background-color: #666; }
#nav ul { list-style: none; margin-left: 19px; }
#nav li { float: left; margin-right: 87px;}
#nav ul.membernav li { margin-right: 44px; }
#nav li.last, #nav ul.membernav li.last { margin-right: 0; }
#nav li a, #nav li a:visited { line-height: 20px; color: #ccc; text-transform: uppercase; letter-spacing: 0.1em; font-weight: bold; }
#nav li a:hover { color: #fff; text-decoration: underline; }
#nav li a:active { color: #fff; }
/*main contains all other elements except footer*/
#main { clear: both; background-color: #fff; }
/*contentWrapper envelops content, appears as an iframe
just there so that we can give #content a right margin and avoid padding and hacks!*/
#contentWrapper { float: left; width: 650px; height: 365px; overflow: auto; }
#pageCvs #contentWrapper { height: 247px; }
.wide #contentWrapper { width: 750px; }
#page_gallery #contentWrapper { min-height: 365px; height: auto; overflow: visible; }
* html #page_gallery #contentWrapper { height: 365px; }
#content { margin: 0 19px 10px 19px; text-align: left; }
/*200207 increase body text size*/
#content p, #content li, #homeContent p, #homeContent li, #members p, #members li, dl { font-size: 1.1em; }
/*right hand side sidebar column*/
#sidebar { float: left; display: inline; width: 362px; }
.internal #sidebar { width: 100px; }
/*expertise is list of expertise icons within sidebar
appears horizontally on home and vertically on rest
internal class is used for internal pages (all except home)*/
#expertise { border-bottom: 1px solid #fff; list-style: none; font-size: 9px; }
.internal #expertise { margin-top: 16px; } 
#expertise a { color: #333; margin-right: 38px; text-align: center; display: block; text-transform: uppercase; text-decoration: none; }
#expertise li { float: left; text-align: left; }
.internal #expertise li { float: none; display: inline; }
.internal #expertise li a, .internal #expertise li.first a, .internal #expertise li.last a { margin: 0 0 5px 0; }
#expertise li.first a { margin-right: 33px; }
* html #expertise li.first a { margin-right: 38px; }
#expertise li.last a { margin-right: 0; }
#expertise img { padding: 3px; border: 1px solid #633; margin-bottom: 9px; }

#expertise a:hover .label { border-bottom: 1px solid #333; }
#expertise a:hover img { border: 1px solid #f90; }
/*ie6 and below expertise icon hover effect, since hover will only work on a*/
* html #expertise a:hover { text-decoration: underline; }

/*a few homepage sidebar oddities to accommodate lining up banner and text with icons*/ 
#banner { margin-left: 2px; }
#sideContent { margin-right: 11px; }
/*footer containing copyright info*/
#footer { clear:both; height: 25px; line-height: 25px; background: #633 url(../images/bgfooter.jpg) no-repeat top center; color: #999; }
/*contact link*/
#copyright { float: left; width: 450px; display: inline; margin-left: 19px; }
#footer #copyright a, #footer #copyright a:visited { color: #999; }
#webmaster { float: right; width: 100px; display: inline; margin-right: 19px; text-align: right; }
#webmaster a, #webmaster a:visited { color: #999; }
#webmaster a:hover { color: #fff; text-decoration: underline; }

/* Special cases
================================================================*/
/*content area on home page is different size*/
#homeContent { float: left; display: inline; width: 327px; margin: 0 42px 10px 19px; }
/*home page features members section with dropdowns*/
#members { clear: both; float: left; width: 100%; margin-top: 9px; display: inline; background-color: #ccc; }
/*on contacts page, members box should be flush with nav*/
#page_contacts #members, #pageCvs #members { margin-top: 0; }
#memberContent { float: left; display: inline; width: 453px; margin: 0 0 0 19px; }
#pageCvs #memberContent { width: 400px; }
#memberContent p { margin-right: 22px; }
#memberMenus { float: left; width: 285px/*216px*/; display: inline; margin: 24px 0 0 9px/*48px*/; }  
#pageCvs #memberMenus { margin-left: 19px; }
#memberMenus select { width: 285px/*216px*/; margin-bottom: 8px; }
/*more details links*/
p.more { color: #999; text-align: right; }
p.more a:visited { color: #f90; }
p.more a:hover { text-decoration: underline; }
/*subnav menu is needed on expertise page*/
#content #subnav { float: left; display: inline; width: 100%; list-style: none; margin: 3px 0 0 0; background: url(../images/startsubnav.gif) no-repeat left center; margin-bottom: 10px; }
#subnav li { float: left; padding: 0 5px; background: url(../images/dividersubnav.gif) no-repeat right center; }
#subnav li.last { background-image: url(../images/endsubnav.gif); }
#subnav li a, #subnav li a:visited { display: block; font-size: 0.9em; letter-spacing: 0.1em; color: #999; } 
/*2 columns of content are needed on expertise page*/
/*200207 columns scrapped*/
.columns { width: 490px; float: left; padding-top: 10px; }
* html #col1 { width: 245px; w\idth: 225px; } 
#col1, #col2 { float: left; display: inline; padding-bottom: 10px; }
#col1 { width: 225px;  padding-right: 19px; border-right: 1px solid #ccc; }
#col2 { width: 230px; margin-left: 14px; }
/*members dropdown on contacts page*/
#page_contacts #memberContent { width: 428px; }
#page_contacts #contentWrapper { position: relative; }


/*search results*/
.searchResult { margin-bottom: 1em; }
.searchResult a, .searchResult a:visited { color: #333; }
.searchResult h3 a { color: #999; }

/*publications*/
#content ul.pdfs { list-style-type: none; margin-left: 0; padding-left: 0; padding-bottom: 20px; }
#content ul.pdfs li { background: url(../images/icon-pdf.jpg) no-repeat left center; padding-left: 20px; margin-bottom: 1em; }

/*member/admin login form*/
#form_login { padding-top: 1em; }
#form_login label { width: 80px; float: left; display: inline; }
#form_login p { margin-bottom: 1.5em; }
#form_login .button { background-color: #eee; border: 1px solid #999; color: #999; font-weight: bold; padding: 0.1em 0.5em; margin: 0 0 1em 80px; }


/*cv list page*/
#pageCvs #contentWrapper { padding-top: 19px; }
#pageCvs #content ul, #pageCvs #content li { list-style: none; margin-left: 0; }
#pageCvs #content li a, #pageCvs #content li a:visited { color: #333; }
#pageCvs #content h2 { margin-bottom: 0.25em; }
#pageCvs #content ul { margin-bottom: 2em; }

/*CV detail page*/
#pageCv #contentWrapper { position: relative; }
#pageCv #content h2 { padding-top: 0.6em; margin-bottom: 0.8em; clear: both; font-size: 1.1em; color: #633; }
#pageCv #content h2 span { padding-bottom: 2px; border-bottom: 2px solid #999; }
#pageCv #content img { float: right; display: inline; width: 145px; border-bottom: 20px solid #633; }
#summary { position: relative; float: left; display: inline; width: 540px; height: 165px; margin-bottom: 0.6em; border-bottom: 1px dashed #999; }
#pageCv #content li { margin-bottom: 1em; }
#pageCv #content { padding-bottom: 1em; margin-right: 6px; }
#pageCv #content p, #pageCv #content li { font-size: 1em; }
#summary h3 { margin-bottom: 0; font-weight: bold; color: #333; font-size: 1.1em; text-transform: none; letter-spacing: normal; }
#summary div { float: left; display: inline; width: 270px; margin-right: 40px; }
#summary div.secondary, #summary td.secondary { width: 230px; margin-right: 0; padding-right: 0; }
#summary table { clear: both; width: 540px; }
#summary th { text-align: left; }
#summary td { width: 270px; vertical-align: bottom; padding-right: 40px; }
* html #summary td { width: 310px; w\idth: 270px; }
#summary .email { position: absolute; bottom: 4px; left: 0; width: 290px; /*top: 146px;*/ /*line-height: 20px;*/ }
#summary .links { position: absolute; bottom: 4px; left: 310px; width: 230px; }

/* tables
=================================================================*/
.list { clear: both; /*width: 93%;*/ width: 695px; margin: 19px; }
.list td { vertical-align: top; }
/*
.list td.country { width: 17%; }
.list td.contact { width: 28%; }
.list td.address { width: 30%; }
*/
.list th { text-transform: uppercase; color: #333; text-align: left; letter-spacing: 0.1em; }
.list td, .list th { padding: 0.5em 8px 0.5em 0; border-bottom: 1px solid #f90; font-size: 1em; }
* html .list td, * html .list th { font-size: 67%; font-s\ize: 1em; }
.list td.numbers { width: 138px; padding-right: 0; }
.list td.numbers ul { list-style-type: none; }
.list td.cv { vertical-align: bottom; }
.list td.cv a { padding-left: 12px; background: url(../images/cv_icon.gif) top left no-repeat; }
.list td.noborder { border-bottom: 0; }
.list label { width: 25px; float: left; margin-right: 5px; display: inline; }

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

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

/*clears up font size issues on ie5*/
* html td, * html th { font-size: 67%; font-s\ize: 1em; }
td, th { font-size: 1em; }

/*event gallery*/
#page_gallery #gallery-container { padding: 1em 0 2em; text-align: center; }
h1 a { float: right; font-size: 0.7em; }