* {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 {color:#003;font-weight:normal;background-color:#f3f6e9}
b {color:red}
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:130%;
	margin-top:30px;
	margin-bottom:0px;
}
h3 {
	font-size:110%;
	margin-top:10px;
	margin-bottom:0px;
}
.hBlock {border:0px red solid;display:block;float:left;padding-left:4px}


.clear {clear:both}

#container {
	position:relative;
	margin:0 auto auto;width:740px;background-color:#fff;
	border:4px #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;
	border-right:0px solid #f3f9ff;
	background-color:#f3f3f3
}
#containerContent {position:relative;text-align:left;padding:10px;padding-top:17px;width:580px}
#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;border:0px red solid}


.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:hidden}





.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,.formBoxLabel {
	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}
.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}
.formBox input {display:inline;float:none;margin-left:8px;margin-top:6px}
.formBox label {width:auto;margin:2px;display:inline;float:none}



.formBoxInputs {width:71%;float:right;												border:0px red solid}
.formBoxInput {display:block;float:left;margin:1px;margin-right:10px;padding:1px;	border:1px #ddd solid}
.formBox input {float:left;width:1.1em;background-color:transparent;				border:0px blue solid}
.formBox label {float:left;padding:1px;												border:0px green solid}

.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;
	color:#c66;
	clear:both;
	background-color:#fff3f9;
	padding:2px;
	padding-left:29%;
	border-left:#fdd solid 5px;
}/*padding-left to 26% for IE*/


.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}


.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}




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}

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

.right {text-align:right}
.small {font-size:80%}
.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}



.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}



.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 table {background-color:#f3f3f3}


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}