* {padding:0px;margin:0px;}

body {
	font-family:Georgia,Times New Roman,serif;
	font-size:100%;
	line-height:1.3em;
	background-color:#c3d3ff;text-align:center;
	padding-top:32px;padding-bottom:20px;color:#333
}
body a {text-decoration:none}
body a:hover {text-decoration:underline}


strong, b {color:#444;font-weight:bold;background-color:#f6f9f3}

p {margin:1em 0em 1em 0em;line-height:1.3em;border:0px #fff solid}
p a {border-bottom:1px #1fcfef dotted}
p a:hover {background-color:#f9fcff;border-bottom:1px #fff solid}

ul,ol {margin:1em;padding:0.4em;border:0px}
li {margin:0.2em;padding:0.2em;border:0px}
hr {margin-top:8px;margin-bottom:8px;border:0px;border-top:#c3d3ff 1px solid}
img {display:block;margin:0 auto auto;border:0px}


h1, h2, h3 {border:0px green solid;
	font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	font-weight:normal;
	margin-top:0px;line-height:1.3em
}
h1 {
	font-size:150%;
	padding:4px 0px;
	border-bottom:#246 1px solid
}
h2 {
	font-size:135%;
	margin-top:30px;
	margin-bottom:0px;
}
h3 {
	font-size:120%;
	margin-top:10px;
	margin-bottom:0px;
}
.hBlock {border:0px green solid;display:block;float:left;padding-left:4px}

.hBlock2 {position:relative;border:0px green solid;display:block;padding-left:0.7em}
.hBlock3 {position:relative;border:0px red solid;display:block;padding-left:1.3em}
.hLink   {position:absolute;border:0px red solid;left:0px}

.clear {clear:both}

#container {
	position:relative;
	margin:0 auto auto;width:740px;background-color:#fff;
	border:6px #bfcfef solid;border-right-color:#b3c3e3;border-bottom-color:#b3c3e3;vertical-align:top;
	border-collapse:separate;border-spacing:0px
}

#containerMenu {position:relative;
	background-image:url(_images/menu-background.gif);
	background-position:top right;
	background-repeat:repeat-x;
	background-color:#f3f3f3
}
#containerContent {position:relative;text-align:left;padding:10px;padding-top:17px;width:580px;background-color:#fff;

	cellspacing:0;
	cellpadding:0;}
#containerMenuBottom {vertical-align:middle;border-top:1px solid #c3d3ff;background-color:#e3effc}
#containerFooter {text-align:right;vertical-align:top;border-top:1px solid #c3d3ff;background-color:#e3effc}

/* table relative positioning didn't work - and this is useful for applying styles */
#containerPosition {position:relative}
#containerNote {position:absolute;top:-10px;right:0px}

.hideRows {display:none}


#header {position:absolute;top:2px;right:2px;width:auto}


.button {
	border:1px solid #ccc;border-right:1px solid #999;border-bottom:1px solid #999;
	display:inline;
	background-color:#eee;
	float:right;padding:2px;margin-left:5px;
	background-color:#d3e9ff;
	background-image:url(_images/background.gif);
	background-position:top right;
	background-repeat:repeat;
	text-align:center;text-decoration:none
}
.button:hover {
	border:1px #69c solid;
	border-bottom:1px #69c solid;
	border-top:1px #689 solid;
	background-position:bottom right
}

.buttonInternal {
	background-image:url(_images/background-internal.gif);
	background-color:#fef
}

.menu {
	font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	position:relative;
	width:160px;
	padding:0px;
	margin:0px;
	margin-bottom:20px;
	text-align:center
}
.menu ul {
	margin-bottom:10px;
}
.menuItem {
	clear:both;
	display:block;
	float:none;
	margin:0px;
	border:1px #bfcfef solid;border-right-color:#b3c3e3;border-bottom-color:#b3c3e3
}
.menuItemInternal {
	border:1px #bfbfef solid;border-right-color:#b3b3e3;border-bottom-color:#b3b3e3;
	background-image:url(_images/background-internal.gif);
}
.menuHighlight {
	background-color:#246;
	color:#fff;
	border:1px #369 solid;
	border-right:1px #69c solid;
	border-bottom:1px #69c solid;
	background-image:none
}
.menuHighlightInternal {
	background-color:#969;
}
.menuHighlight a {color:#fff}


.menuSearch {margin:0px;height:24px;padding:0px;width:158px}
.menuSearch input {padding:0px;margin:0px;height:20px}
#menuSearchInput {padding:0px;width:114px;text-align:center;color:#ccc}
#menuSearchFind {width:40px;color:blue;border:0px;background-color:transparent}
#containerMenu table {border:0px;background-color:transparent}

.menuTranslate {width:158px;overflow:visible;position:relative;left:-5px}





.newsStory {position:relative;width:100%;padding:4px;padding-bottom:8px;margin-top:8px;border-top:0px #ccc solid;clear:both}
.newsStory h2 {margin:0px;margin-top:16px;margin-bottom:4px}

.newsTeaser {margin:8px;border:0px red solid}
.newsDate {color:#666;margin-bottom:6px}
.newsLinks {color:#999;font-style:italic;line-height:1.5em}
.newsLinks a {font-style:normal;margin-right:6px}
.newsImage {float:right;width:150px;height:150px;padding-left:10px;padding-top:24px}

.moreLink {margin-left:10px;border:0px green solid}
.more {margin-left:8px;border:0px red solid}





	
.strapline {font-size:1em;font-family:Georgia,Times New Roman,serif;line-height:1.4em;font-style:italic;color:#999;padding:2px}
.strapline em {color:#666699}




.next {text-align:right;margin:4px}




.caption {position:relative;text-align:right;color:#999;clear:both;border:#fff 1px solid;margin-top:-8px}






.messageBox {width:auto;text-align:center;padding:10px 5px;margin:10px 0px;border:1px #999 solid}
.messageBox h2 {margin:0px;border-bottom:1px solid #ccc;position:relative;top:-6px;text-align:left}




/*updated 2009 04*/
form {border:0px red solid;margin:0px;padding:0px}
fieldset {position:relative;width:auto;padding:0px;margin-bottom:16px;border:1px solid;border-color:#258 #bbb #bbb #ddd;background-color:#cde;clear:both}
legend {display:none}

.fieldsetContent {margin:4px}
.fieldsetSmall {width:450px;margin:16px auto}
fieldset h2 {
	background-color:#369;
	border:1px solid #258;
	border-left:4px solid #258;
	border-right:4px solid #258;
	color:#fff;
	margin:0 0 4px;
	padding:4px;
}

input, textarea, select, .formFloat {
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1em;
}


/* rows for displaying normal data fields */
.formRow {
	position:relative;
	display:block;
	width:100%;
	text-align:left;
	clear:both;
	margin:0px;padding:0px;
	background-color:#ecf3fc;
	border-bottom:1px solid #bcccdc;
	background-image:url(_images/formCorner.gif);background-position:bottom left;background-repeat:repeat-y
}
.formRow:hover {background-color:#fcf6ff;border-bottom:1px #acbccc solid}
.formRow img {border:solid 1px #cde}
.formRow:hover img {border:solid 1px blue}

.formRow label {
	display:block;
	width:25.5%;
	margin:0px;padding:1px;
	border:0px #1ee solid;
	padding-left:8px;
	color:#555;
	float:left;
	text-align:right
}


.formRow input,.formRow select,.formRow textarea,.formProxy {
	border:1px solid #ace;
	float:right;
	padding:1px 4px;margin:0px;
	width:70%;
	background-color:#fff;
	font-family:Arial,Helvetica,sans-serif
}
.formRow textarea {height:10em}


.wide,.wide textarea,.wide input,.wide label {clear:both;width:auto;margin:0px;float:none;text-align:left;width:auto}
.wide textarea {height:24em}




/* most browsers make selects short by 8px */
.formRow select {width:71.9%}
.half {width:240px;float:left;padding:10px;margin:14px;border:0px blue solid;background-color:#eee}



.formBox {border:0px green solid;float:left;width:100%;clear:both;padding:4px}
.formBox input {float:none;width:1.1em;background-color:transparent;display:inline;margin:4px;margin-left:8px;margin-right:0px;padding:4px;border:0px;vertical-align:top}
.formBox label {border:0px red solid;padding:4px;margin:4px;display:inline;float:none;width:100%}



.formBoxIndent .formBox {padding:1px}
.formBoxIndent label {border:0px green solid;
	padding:1px;
	width:25.5%;
	float:left;
	text-align:right}
.formBoxIndent input {float:left;width:4%;padding:1px}
.formBoxIndent .label2 {border:0px red solid;float:left;width:auto;padding:1px}
.labelSpacer {border:0px green solid;
	padding: 1px 1px 1px 8px;
	width:25.5%;
	float:left;
	text-align:right}


.formChoice {margin-left:4px}




.formButton {margin-right:317px}


.formProxy {background-color:#f9f9f6;width:540px}
.mceEditor,.wide input,.wide textarea {width:540px}

.formRow input[disabled],.formRow select[disabled],.formRow textarea[disabled],.disabled {
	border:solid #ccc 1px;color:#666
}



.formFloat input,.formFloat input[disabled] {display:inline;float:left;margin-right:2px;width:20px;color:red}


.formSection {
	display:block;
	width:auto;
	padding:12px 8px 4px 8px;
	color:#258;
	border:0px;
	background-color:#ecf3fc;
	border-top:8px solid #cde;
	border-bottom:1px solid #bcd
}
.formNote {
	display:block;
	width:auto;
	padding:4px 8px;
	border:0px;
	background-color:#ecf3fc;
	color:#666;
	border-bottom:1px solid #bcd;
	font-style:italic
}
.formMessage {
	display:block;
	width:auto;
	text-align:left;
	clear:both;
	padding:2px;
	padding-left:29%;
	background-color:#ecf3fc;
	color:#999;
}/*padding-left to 26% for IE*/


	/*
	color:#c66;
	background-color:#fff3f9;
	border-left:#fdd solid 5px;
	*/
.formRow i {color:#bbb;}




.formRequired {position:absolute;right:-0.5em;top:4px;color:red;font-weight:bold;font-size:24px}


.formInfo {
	position:absolute;
	display:block;
	top:0px;right:-3em;
	width:24px;height:24px;
	text-align:center;
	background-color:transparent;
	background-image:url(_images/formInfo.png);
	overflow:hidden
}
.formInfo a {color:#c33;text-decoration:none}





.formTime {	
	border: solid #ddd 0px;
	position:relative;
	width:71.9%;
	float:right;
}
.formSetting {
	border: solid #33d 0px;
	position:relative;
	display:block;
	float:left;
	width:30%;
	margin:0px;padding:0px
}
.formSetting label {
	position:relative;
	border:solid #352 0px;
	display:block;clear:both;float:none;padding:0px;
	text-align:left;
}
.formSetting select {
	width:100%;margin:0px
}
.formSettingSpacer {display:block;float:left;width:5%}





.formFile {
	width:60px;
	left:240px;
	float:right;
	margin-left:8px;
	text-transform: lowercase;
}
/* radio buttons on address edit form - needs work */
#formAdd,#formModify {
	width:20px;
}




.thumb {position:absolute;right:-0px;top:-16px;width:100px;height:100px;border:1px #369 solid;border-right-color:#258;border-bottom-color:#258}
.formThumb {border:0px;position:absolute;right:4px;top:-15px;width:45px;height:45px;z-index:10}
.formThumb#img {border:0px}
.formThumbIndent {right:50px}





.controlRow input, .header input {width:20%;display:inline;float:right;margin-left:1em}


input.link, .link {background-color:blue;  border:1px solid white}				input.go A,   .link a, .link {color:white}
input.edit, .edit {background-color:#cceeff;border:1px solid blue;color:blue}	input.edit A, .edit a {color:blue}
input.stop, .stop {background-color:#ffeeee;border:1px solid #c00;color:#c00}	input.stop A, .stop a {color:#c00}
input.go  , .go   {background-color:#eeffcc;border:1px solid green;color:green}	input.go A,   .go   a {color:green}


.textStop {color:red}
.textGo {color:green}



.formLink {position:absolute;right:-20px;text-decoration:none;padding:0px 2px 1px 2px;text-align:center;font-family:sans-serif}
.formLink:hover {color:blue;border:1px blue solid;text-decoration:none;background-color:#99cccc}

.formShift {right:0px}

.communityLink {right:-100px;text-align:left;overflow:hidden;height:20px;background-color:#666}

input.active,.active {background-color:red;border:1px solid white;background-image:none;color:white;text-decoration:blink}





table {
	position:relative;
	border:1px solid #d9efff;
	background-color:#fcfeff;
}
table {border-spacing:1px;clear:both;width:100%;border-collapse:collapse}
th {background-color:#69c;text-align:left;font-weight:normal;color:#fff;padding:2px;border:1px #369 solid}
th a {color:#ccffcc}

tr {}
td {padding:2px;vertical-align:top;position:relative}

.right {text-align:right}
.small {font-size:80%}
.small strong {font-weight:normal;color:#000}
.newrow {border-top:1px solid #d9efff;border-collapse:separate}
.even {background-color:#f6f9fc;border-top:1px #ffddee solid;border-bottom:1px #ffddee solid}
.nospacing {padding:0px;margin:0px}
.textbox {margin:20px;margin-top:40px}


.floatRight {display:block;float:right}


.tableMonth {border-top:8px white solid}




#textReSize {position:absolute;left:4px;top:4px;border:1px #bfcfef solid;border-right-color:#b3c3e3;border-bottom-color:#b3c3e3;background-color:#f3f6f9;padding:1px 4px;color:#333;
	background-image:url(_images/background.gif);
	background-position:top right;
	background-repeat:repeat;}
.textSizeLarge {font-size:16px}
.textSizeMedium {font-size:14px}
.textSizeSmall {font-size:12px}
#textReSize a {text-decoration:underline;padding:0px 2px;height:20px}
#textReSize a:hover {text-decoration:none;background-color:white}


.show {display:block}
.hide {display:none}
.toggleRow {padding:4px;margin:0px;text-align:right;position:relative}



.error {color:red;border:1px red dotted;background-color:#fef;padding:2px}

#mapCanvas {width:574px;height:350px}
.borderless {border:0px}

#map_canvas { height: 400px;width: 550px }


.internal {background-color:#fef;padding:0px 4px;margin:8px 0px;border:2px #fcf dotted}
.internalHeader {font-size:1.4em;font-style:italic;color:#c9c;margin:8px 4px 16px 0px;text-align:right}
.internal p {border-color:#fef}


.history h2 {color:#660033}
.history table {background-color:#fcf0f6}
.history th {background-color:#660033}
.history td {border:1px solid #ecd}
.historyLink {background-color:#660033}


blockquote {margin:2em 4em 1em 4em;color:#246;text-align:center;position:relative;border:0px #eee solid}
.quoteContainer {border:0px green dashed;position:relative} 
.ldquo, .rdquo {font-size:3em;overflow:visible;color:#cde;position:absolute;top:0px;border:0px red solid;height:20px;width:20px;padding-top:10px}
.ldquo {left:25px} .rdquo {right:25px}
.quoter {margin:0em 0em 2em 0em;text-align:center;color:#666;font-style:italic}


.noLeadingSpace {margin-top:0px}



.Y1 input {background-color:#fcfcfc}
.Y2 input {background-color:#f6f6f6}
.Y3 input {background-color:#f6f6f6}
.Y4 input {background-color:#efefef}


.activitiesDate {width:120px}
.activtiesMonth {color:#336699;background-color:#e3e9ef;border-color:#abc}
.videoEmbed {padding:10px 10px 0px 70px}
.centreImage {margin:1em auto auto;padding:10px;width:auto;text-align:center}
.centreImage img {margin:10px;display:inline}

.peopleThumbnail {width:54px;position:relative}
.peopleThumbnailPos2 {width:54px;position:relative}
.peopleHiddenThumbnail {display:none;position:absolute;left:-48px;top:-54px;width:100px;height:100px;overflow:visible;z-index:30}
.peopleHiddenThumbnail img {border:2px #369 solid}



.peopleListName {width:240px}
.peopleListNumbers {width:125px}
.peopleListEmail {width:125px}


.status {position:absolute;background-color:#eee;right:2px;border:1px #ccc solid;padding:0px 2px;font-size:0.7em;float:right}

.male {background-color:#cde}
.female {background-color:#ede}

.activitiesPeople {color:#666}

.book {padding:0px 2px}
.bookRow {background-color:#fff}
.activityDatePassed {background-color:#f3f3f3}

.floatRight {float:right}



.strike {text-decoration:line-through;color:#666}
.selectIndent {padding-left:8px}


#CLARG th {background-color:#999}
.CLARG {width:60px}
.CLARG1 {width:20px;color:#000;float:left;text-align:right;padding-right:2px}
.CLARG2 {width:35px;border-left:1px green solid;color:green;float:left;padding-left:2px}
.CLARGwide {width:auto}


.research {border-bottom:1px #ccc solid;padding-bottom:8px}
.research H2 {line-height:1.1em}
.research H3 {font-style:italic;border-bottom:0px #ccc solid;margin-top:4px}
.research p {margin-left:16px}


.thirdFloat {width:29%;float:left;padding:5px;margin:5px;border:1px green solid;background-color:#eeffcc;min-height:7em}



.languages {padding:2px 4px;border:1px #B3C3E3 solid;position:absolute;top:-40px;left:60px;background-color:#dfefff;border-top:1px #C3D3FF;color:#345;border-radius:10px 10px 0 0}
.languages a {text-decoration:none}
.languagesActive {border-bottom:2px #fff solid;background-color:#fff;left:0px}


.headline {display:block;background-color:red;border:1px red solid;color:#fff;padding:2px;border-radius:10px}
.headline a {color:#ffe}

.headlineTop {position:absolute;right:-4px;top:-10px}

.tabs {height:auto;border-bottom:1px #666 solid;position:relative}
.tab {border:1px #666 solid;border-bottom:1px #fff solid;padding:2px;float:left;margin-right:3px;position:relative;bottom:-1px}
a.tab {border-bottom:1px #666 solid;background-color:#dee}


.tools td {border-collapse:separate;border:1px #ccc solid}


.historyLink {display:none}

.topic {display:block;position:relative;padding:16px;
	border:1px solid;border-color:#dfb;border-radius:4px;
	background-color:#f3f9f3;margin-bottom:4px}
.topic h2 {margin:0px;margin-bottom:3px}


.container {position:relative}


.comment {position:relative;background-color:#ffd;border-radius:30px}
.commentBubble {float:left;width:380px;margin-top:8px;box-shadow:4px 4px 10px #999;border:1px solid #dbf}

.commentSource {position:relative;text-align:center;clear:left;float:left;display:block;width:120px;padding:5px;background-color:#fff;border-radius:30px;border:0px red solid}
.commentThumb {width:75px;width:75px;border-radius:35px;border:0px red solid}
.comment textarea {width:100%;height:5em;margin:3px;padding:4px;border-radius:4px}
.commentName p {margin:2px}

.comment1, .comment2 {width:15px;height:15px;position:absolute;left:105px;top:10px;padding:0}
.comment2 {width:30px;height:30px;left:116px;top:5px}

.commentCount {float:right;padding:2px 4px}
.commentTeaser {padding:2px 4px;margin-top:4px}


.indent {margin-left:2em}


.igColors {border:#ceb 1px solid;background-color:#efc}
	.ig {width:46%;padding:4px;float:left;margin:4px;margin-bottom:12px;border:#ceb 1px solid;}
	.ig h2 {margin-top:0px;position:relative;top:-5px;left:-5px;background-color:#efc;padding:4px;color:#666;border:#ceb 1px solid;width:100%;}
	.grey {width:auto}
	.grey h2 {background-color:#efe}

	.translate {border:1px #ccc solid;border-radius:10px;padding:0 4px;float:right;margin:3px}

	
	
.IGprogram  {border-collapse:separate;border-spacing:0;cellpadding:3px;width:600px}
.IGprogram td {border-right:1px solid #999;border-bottom:1px solid #999}
.IGbreak td {background-color:#eeccff}
.IGprogramTime {width:50px}


	
.subtitle {
font-style:italic;margin:8px 0
}


.tree {
	border-bottom:1px #ccc solid;
	padding:10px 0;
	margin:10px 0
}
.tree ul {
	padding:2px;margin-top:0;margin-bottom:2px;border:0px red solid
	
	}
.tree li {
	padding:4px;margin:0;border:0px green solid
	
	}
.tree h2 {
	margin:0
	}
.tree h3 {
	border-bottom:1px #ccc solid;
	background-color:#eee;
	padding:3px
}
.underline {
	text-decoration:underline;		
		}