/* CSS Document basic Version 1.2  12th Nov 2007
Created by Mark Joint, Mew Media Ltd. www.mewmedia.com 
*/
*, html { padding:0; margin:0; }

body { text-align:center; font-family:"Times New Roman", Times, serif; font-size:12px; color:#666; padding:10px; margin:10px !important; background-position:center 17px; background-repeat:no-repeat; background-attachment:fixed;  }

p {margin:0em 0 1em 0; }

strong {font-size:inherit; font-weight:bold; }

iframe { border:none;}
form {}

a:link {color:#71016E; text-decoration:none;}
a:visited {color:#71016E;  text-decoration:none;}
a:hover{color:#000;  text-decoration:none;}
a:active {color:#000;  text-decoration:none;}
a img {border:none;}
img {vertical-align:text-bottom;}

table td{vertical-align:top;}

h1, h2, h3, h4, h5, p {color:#666; font-family:"Times New Roman", Times, serif; }
h2 {margin-bottom:1em; font-size:16px;}
h3 {margin-bottom:1em; font-size:16px;}
h4 {margin-bottom:3px; font-size:14px;}
h5 {margin-bottom:3px; font-size:14px;}
h6 {margin-bottom:3px; font-size:14px;}

div.home {margin-bottom:1em; font-size:16px;}

#header { margin:21px auto 0; text-align:left; width:750px; background:transparent url(back_repeat_a.gif) repeat-y;}
#header h1 { height:99px; padding:0px; background:transparent url("lokahi_foundation.gif") no-repeat 140px 6px; margin:0;}
#header h1 span { position:absolute; left:-5555px;}
#header img {position:absolute; font-size:14px; margin:0; margin-left:24px; top:17px;}

/* main wrap - to keep the site fixed width and centred */
#wrap { margin:0 auto 10px; text-align:left; width: 750px; clear:both; background:transparent url(back_repeat_b.gif) repeat-y; }

#nav {float:left; width:139px;}

ul.menu li {list-style:none;}

ul.main { margin:25px 0 17px 0px; background: url(menu_back.gif) repeat-y; padding:2px 0 3px 0;}
ul.main li {line-height:20px; height:20px;}

ul.main li a { background:white; display:block; height:20px; font-size:13px; line-height:20px; }

ul.main li a span { position:absolute; left:-555px;}

ul.main li.people a {background:url(menu_main.gif) 0 -2px no-repeat; }
ul.main li.events a {background:url(menu_main.gif) 0 -22px no-repeat;}
ul.main li.case a {background:url(menu_main.gif) 0 -42px no-repeat;}
ul.main li.contact a {background:url(menu_main.gif) 0 -62px no-repeat;}

ul.main li#current.people a {background:url(menu_main.gif) -139px -2px no-repeat;}
ul.main li#current.events a {background:url(menu_main.gif) -139px -22px no-repeat;}
ul.main li#current.case a {background:url(menu_main.gif) -139px -42px no-repeat;}
ul.main li#current.contact a {background:url(menu_main.gif) -139px -62px no-repeat;}

ul.main li.people a:hover {background:url(menu_main.gif) -278px -2px no-repeat;}
ul.main li.events a:hover {background:url(menu_main.gif) -278px -22px no-repeat;}
ul.main li.case a:hover {background:url(menu_main.gif) -278px -42px no-repeat;}
ul.main li.contact a:hover {background:url(menu_main.gif) -278px -62px no-repeat;}

/* JOEY ADDED */
ul.sub1 {margin:8px 0; padding:0; font-family: "FS Lola Regular", "Trebuchet MS", Helvetica, sans-serif; height:12px; }

ul.sub1 li {
margin:0;
line-height:12px;
list-style:none;
display:inline;
font-size:13px;
text-transform:uppercase;
color:#666;
}
ul.sub1 li a {
height:12px;
padding: 0px;
line-height:12px;
white-space: nowrap;
text-decoration:none;
color:#666;
}
/* current tabs - left side*/
ul.sub1  li#subcurrent { color:#71016E; }
/* current tabs - right side and text*/
ul.sub1 #subcurrent a span{ color:#71016E; }
/* current tabs hover - left side and text*/
ul.sub1 #subcurrent a:hover span{ color:#71016E;}
ul.sub1 #subcurrent a:hover {color:#71016E;}
/* current tabs hover - right side */
ul.sub1 #subcurrent a:hover span  { color:#71016E;}
ul.sub1 a:hover span  { color:#71016E;}

ul.sub1 span { position:absolute; left:-5555px; display:none;}
ul.sub1 li { height:13px; position:absolute; }
ul.sub1 a { height:13px; position:absolute; }

/* people page */
ul.sub1 li.people a {background:url(menu_people.gif) 0px 0px no-repeat; width:55px; margin-left:0;}
ul.sub1 li.trustees a {background:url(menu_people.gif) -55px 0px no-repeat; width:74px; margin-left:55px;}
ul.sub1 li.fellows a {background:url(menu_people.gif) -129px 0px no-repeat; width:74px; margin-left:129px;}

ul.sub1 li#subcurrent.people a {background:url(menu_people.gif) 0px -12px no-repeat;}
ul.sub1 li#subcurrent.trustees a {background:url(menu_people.gif) -55px -12px no-repeat;}
ul.sub1 li#subcurrent.fellows a {background:url(menu_people.gif) -129px -12px no-repeat;}

ul.sub1 li.people a:hover {background:url(menu_people.gif) 0px -12px no-repeat;}
ul.sub1 li.trustees a:hover {background:url(menu_people.gif) -55px -12px no-repeat;}
ul.sub1 li.fellows a:hover {background:url(menu_people.gif) -129px -12px no-repeat;}

/* other subs */
ul.sub1 li.events {background: #fff url(menu_events.gif) 0px -12px no-repeat; width:50px; margin-left:0;}
ul.sub1 li#subcurrent.events a {background:url(menu_events.gif) 0px -12px no-repeat;}
ul.sub1 li#subcurrent.events {background:url(menu_events.gif) 0px -12px no-repeat;}
ul.sub1 li.events a:hover {background:url(menu_events.gif) 0px -12px no-repeat;}

ul.sub1 li.case {background: #fff url(menu_case.gif) 0px -12px no-repeat; width:92px; margin-left:0;}
ul.sub1 li#subcurrent.case a {background:url(menu_case.gif) 0px -12px no-repeat;}
ul.sub1 li#subcurrent.case {background:url(menu_case.gif) 0px -12px no-repeat;}
ul.sub1 li.case a:hover {background:url(menu_case.gif) 0px -12px no-repeat;}

ul.sub1 li.contact {background: #fff url(menu_contact.gif) 0px -12px no-repeat; width:68px; margin-left:0;}
ul.sub1 li#subcurrent.contact a {background:url(menu_contact.gif) 0px -12px no-repeat;}
ul.sub1 li#subcurrent.contact {background:url(menu_contact.gif) 0px -12px no-repeat;}
ul.sub1 li.contact a:hover {background:url(menu_contact.gif) 0px -12px no-repeat;}

ul.sub1 li.disclaimer {background: #fff url(menu_dis.gif) 0px -12px no-repeat; width:82px; margin-left:0;}
ul.sub1 li#subcurrent.disclaimer a {background:url(menu_dis.gif) 0px -12px no-repeat;}
ul.sub1 li#subcurrent.disclaimer {background:url(menu_dis.gif) 0px -12px no-repeat;}
ul.sub1 li.disclaimer a:hover {background:url(menu_dis.gif) 0px -12px no-repeat;}

/* END JOEY ADDED */
ul.list_item {list-style: none;}

/* different panels used */
#content {width:416px; float:right;  margin:12px 42px 12px 12px; }
#content div.cont_box {background:white; padding:12px 12px 1px 12px; margin:0;}
/* #content div.cont_box ul {padding:12px 12px 1px 12px; margin:0;} */
#content div.cont_box h2 { font-weight:normal;}
#content div.cont_box h3 { font-weight:normal; color:#71016E;}
#content div.cont_box h4 { font-weight:normal; color:#71016E;}

div.block_content h3, div.block_content h4 {margin-bottom:0;}
div.block_content p {margin-top:0;}
div.block_content {padding-right:12px;}

/* JOEY ADDED */
div.list_item {padding:10px 0 0 0;}
div.list_details h3 a { text-decoration:none;}
div.list_details h3 {margin-bottom:2px; color:#71016E;}
div.list_details p {margin-top:0;}
div.list_details { padding:0; float:left; }
div.list_thumb {float:left; padding:0 10px 0 0;}
div.list_thumb img {width:80px; height:80px; border:1px solid white;}
div.list_thumb a img {}
div.list_thumb a:hover img {border:1px solid #71016E;}
div.list_full {clear:both; padding:10px 0;}
/* END JOEY ADDED */

#content div.cont_box span.blk { color:#000;}
.def {font-family:Arial, Helvetica, sans-serif; margin-top:7em;}

/* Footer bar */
#footer { padding:0; margin:0 auto; width:750px; clear:both; background:#fff; text-align:left; }
#credits { clear:both; text-align:right; padding:6px 30px 1px 30px; color:#999;}
#credits p { font-family:Arial, Helvetica, sans-serif; font-size:10px;}

.clear {clear:both; line-height:0px; height:0px; padding:0; margin:0; }

div#block { display:none; height:17px; margin:0 auto; background:#fff; position:fixed; top:0; width:100%; }


/* To fix non-displaying items in IE-PC bug * html picked up by IE and nothing else */
/* Hides from IE5-mac \*/
* html div {height: 1%;}
* html #header { margin:31px auto 0; }
* html #content {margin:12px 21px 12px 12px;}
/* End hide from IE5-mac */

/* ADMIN */
fieldset.form {border:1px solid #999; background-color:#eee; padding:10px; margin-bottom:10px;}

label {width:20%; text-align:right; float:left;  margin:2px 5px; color:#666; }

input.edit { border:1px solid #999; margin:1px 0 1px 0; width:60%;} 
select.edit { border:1px solid #999; margin:1px 0 1px 0; width:60%;}
textarea.edit {width:100%; height:300px; border:1px solid #999; margin:1px 0 1px 0; }
textarea.intro {width:100%; height:110px; border:1px solid #999; margin:1px 0 1px 0; }

fieldset p {clear:both; display:block; padding:2px 0; margin:2px 0; }
fieldset h3 {clear:both; display:block; padding:0; margin:0; }
fieldset h3.content { font-size:13px; font-family: "FS Lola Regular", "Trebuchet MS", Helvetica, sans-serif; text-transform:uppercase;}