BODY {

	background-color: #ffffff;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

body, body div, body p, body th, body table, body ul, body td, body li, body dd, body a {
	font-size: 90%;
}



a {
	font-weight : bold;
}
a:link {
	font-weight : bold;
}

A:HOVER {
	text-decoration : underline;
	font-weight : bold;
}

A:active {
	text-decoration : underline;
	font-weight : bold;
	
}

A:VISITED {
	font-weight : bold;
}

/* Housekeeping Links*/
a.buttonh2, a:visited.buttonh2, a:link.buttonh2 {
	color: #666666;
	font-weight : bold;
	text-decoration : none;
	font-size: 85%;
}
a:hover.buttonh2, a:active.buttonh2 {
	text-decoration : none;
	color: #333333;
}

/* Topmost MyESCIS buttons */
a.buttonh, a:visited.buttonh {
	font-weight : bold;
	text-decoration : none;
}
a:hover.buttonh, a:active.buttonh {
	text-decoration : underline;
}

/* External Links in results and footer*/
a.results, a.footer, a.quicklink {
	font-size: 90%;
	text-decoration : none;
}

a.results:HOVER, a.footer:HOVER, a.quicklink:HOVER {
	text-decoration : underline;
}

a.quicklink {
	color: #99f;
}

a.searchlink {
	font-style: italic;
}	


a.category, a:hover.category, a:link.category, a:visited.category {
	font-size: 120%;
}

a.categorylarge {
	font-size: 140%;
}


h1 {
	font-size : 150%;
	margin-top:2%;
}

body.page-volunteering h1 {
	background-image: url(../images/orgvols.gif);
	padding-left: 26px;
	background-position: 0px 4px;
	background-repeat: no-repeat;
}

h2 {
	font-size : 120%;
	margin-top:2%;
}

h2.qa {
	font-size: 110%;
	margin-bottom: 0px;
	margin-top: 4px;
	border-top: 1px solid #66c;
	padding-top: 4px;
	display: block;
}
h2.tab {
	font-size: 110%;
	text-decoration: none;
}

h2.tab:hover {
	text-decoration: underline;
}
h3 {
	font-size : 110%;
	margin-top:2%;
	margin-bottom: 0px;
}

h3.form {
	margin-bottom: 2px;
	padding: 2px;
	width: 99%;
	font-size: 95%;
	text-transform: uppercase
}

h4 {
	font-size : 90%;
	margin-top:2%;
	margin-bottom: 0px;
}

#content ul.category, ul.categorylarge, ul.results {
	list-style-type: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 8px;
	margin-right: 0px;
}

#content li.category, li.categorylarge, li.results {
	margin-top: 0px;
	margin-bottom: 8px;
	margin-right: 0px;
	m/argin-left: -40px; /* Only in FF */
}

.clear {
	clear: both; 
	height: 0px; 
	overflow: hidden;
}

input.submit {
	font-weight: bold;
	color: #FFFFFF;
}


.bold {
		font-weight: bold;
}

img.mygif {
	margin-bottom: -5px;
}

img.myescis-small {
	border: 0px;
	width: 140px;
	height: 24px;
}
img.housekeeping {
	border: none;
	width: 30px;
	height: 30px;
}

img.img-scip {
	height: 63px;
	width: 20px;
	border: 0px none;
}
img.img-escc {
	margin-right: 4px;
	border: 0px none;
	display: inline;
	float: left;
}
img.img-bhcc {
	height: 67px;
	width: 100px;
	border: 0 none;
	display: inline;
	float: right;
}
img.img-multimap {
	height: 18px;
	width: 110px;
	border: 0px none;
}
img.img-no-border {
	border: 0px none;
}
img.img-prev-next {
	height: 20px;
	width: 20px;
	border: 0px none;
}
img.img-hinh {
	height: 81px;
	width: 50px;
	border: 0px none;
}
img.img-hinh-large {
	height: 162px;
	width: 100px;
	border: 0px none;
}
img.helpinhandareas {
	width: 400px;
	height: 261px;
}

td.td-top-right {
	vertical-align: top;
	text-align: right;
}

table.grid {
	border: 1px solid #999;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
} 
table.grid td {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 2px;
	background-color: #fff;
	margin: 0;
}

table.grid td.alt {
	background-color: #ccc;
}
td {
	vertical-align: top;
	text-align: left;
}

table.grid th {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	vertical-align: baseline;
	background-color: #999;
	font-weight: bold;
	text-align: left;
	padding: 4px;
}

td.small {
	vertical-align: top;
	text-align: left;
	font-size: xx-small;
}

#page {
	margin-left: 5%;
	margin-right: 5%;
}
	
#headerwrapper {
	margin-top: 4px;
	margin-bottom: 0%;
	min-width: 600px;
}
	
#header-right {
	float: right;
	width: 50%;
	margin-bottom: 0px;
}
	
#escishousekeep {
	text-align: left;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-top: 0px;
}

#myescisprefs {
	float: left;
	padding: 2px;
}
		
#strapline {
	color: #666666;
	font-weight: bold;
	font-size: 100%;	
	padding: 10px;
	margin-bottom: 0px;
}	


#headerform {
	margin: 0px;
}

#search {
	display: block;
	float: none;
	border-width:1px;
	border-style: solid;
	text-align:left;
	margin-bottom : 0px;
	padding-top: 4px;
	padding-bottom:4px;
	padding-left: 6px;
	padding-right: 6px;
	min-width: 600px;
	font-size: 90%;
}

.searchlegend {
	margin-left: -10px;
	display: none;
}

div.searchtool {
	
}

div.searchtool1 {
	float:left;
}


img.magglassicon {
	border: 0px none;
	padding-right: 8px;
	float: left;
}
.searchboxboldtext {
	font-weight: bold;
	font-size: 100%;
}

#advsearcharea {
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 6px;
	xfloat: left;
}
#advsearchareabutton {
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 6px;
	xfloat: left;
}
form.searchtool {
	margin-right: 0%;
	margin-left: 0%;
	margin-top : 0%;
	margin-bottom : 0%;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

.searchtype {
	float:right;
	text-align:center;
	display: inline;
}

#areahelp {
	padding-left: 24px;
	font-size: 90%;
}
#breadcrumb {
	display: block;
	float: none;
	text-align:left;
	padding-top: 4px;
	padding-bottom:4px;
	padding-left: 12px;
	padding-right: 4px;
	min-width:500px;	
	font-size : 90%;
	border-width:1px;
	border-style: solid;
	font-weight: bold;
	margin: 0px;
}

#breadcrumbbuffer {
	margin: 0px;
   padding: 0px;
}	

#breadcrumbwrapper {
	padding: 0px;
	border: 0px;
}
	
a.breadcrumb {
	font-size: 100%;
	font-weight: normal;
}
a:hover.breadcrumb, a:visited.breadcrumb, a:link.breadcrumb  {
	text-decoration:underline;
	font-size: 100%;
	font-weight: normal;
}
	

/* Toolbar */
#myescistoolbarwrapper {
	margin: 0;
	border: 0px solid #339;
	width: 100%;
}

/* Toolbar Buttons*/
div.toolbarbutton, div.toolbarbutton-admin {
	display: inline;
}
#myescistoolbarwrapper a, #myescistoolbarwrapper a:link {
	font-size:80%;
	text-decoration:none;
	text-align: center;
	margin: 0;
	white-space: nowrap;
	padding: 6px;
	display: block;
	float: left;
	border-right: 1px solid #eee;
}

#myescistoolbarwrapper a:active {
	font-size:80%;
	text-decoration:none;
	text-align: center;
	padding: 6px;
}

#myescistoolbarwrapper a:visited {
	font-size:80%;
	text-decoration:none;
	text-align: center;
	padding: 6px;
}

#myescistoolbarwrapper a:HOVER {
	font-size:80%;
	text-decoration:none;
	text-align: center;
	padding: 6px;
}

/* Action buttons */
a.actionbutton, a.actionbutton-admin, a:link.actionbutton, a:link.actionbutton-admin {
	font-size:80%;
	background:#F00;
	color:#FFFFFF;
	text-decoration:none;
	border:2px solid;
	padding:0 3px;
	float: right;
	text-align: center;
	border-style: outset;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	white-space: nowrap;
}

A:HOVER.actionbutton, A:HOVER.actionbutton-admin {
	font-size:80%;
	background:#f00;
	color:#FFFFFF;
	text-decoration:none;
	border:2px solid;
	padding:0 3px;
	margin:1px;
	float: right;
	text-align: center;
	border-style: outset;
}

A:active.actionbutton, A:active.actionbutton-admin {
	font-size:80%;
	background:#f00;
	color:#FFFFFF;
	text-decoration:none;
	border:2px solid;
	padding:0 3px;
	margin:1px;
	float: right;
	text-align: center;
	border-style: inset;
}

A:VISITED.actionbutton, A:VISITED.actionbutton-admin {
	font-size:80%;
	background:#f00;
	color:#FFFFFF;
	text-decoration:none;
	border:2px solid;
	padding:0 3px;
	margin:1px;
	float: right;
	text-align: center;
	border-style: outset;
}

#content {
	border-width: 1px;
	border-style: solid;
	height: 1%;
}

/* Main control over central content, including 3 column layout.
	Taken from http://www.alistapart.com/articles/holygrail/
*/	
#content-container {
	padding-left: 20px;	/* Marks empty LH column (content-empty) used for spacing */
	padding-right: 250px;	/* Width of RH column */
	background-color: #fff;	
}

#content-container .column {
  position: relative;
  float: left;
}

#content-inside {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 30px;
	min-height: 200px;
	background-color: #fff;
	height: 1%;
}

#content-empty {
	left: 20px; /* Set width of LH column */
	right: 20px; /* Set width of LH column */
	margin-left: -100%;
}

#rightbox {
	width: 250px;			/* Width of RH column */
	margin-right: -250px;	/* Width of RH column */
	padding-top : 10px;
}

#content-footer {
	/* Used to force the height of the content in Mozilla */
	clear: both;
	display: block;
	float: none;
}

/* IE6 fix */
* html #left {
	left: 250px;	/* RH Column width */
}
/* End of Holy Grail */


#tabbed-content {
	display: block;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top:0%;
	margin-bottom:1%;
	border-width: 1px;
	border-style: solid;
	text-align:left;
	/*min-width:500px;*/
}

#tabbed-content1 {
	/* Used to force the height of the content in Mozilla */
	clear: both;
	display: block;
	float: none;
}

div.tabinside {
	float: left;
	min-width:500px;
	width: 60%;
}

#rightbox-tabbed {
	float: right;
	width: 250px;			/* Width of RH column */
	padding-top : 10px;
}

div.favouriteswrapper {
	clear: left;
	width: 100%;
}

/* one for each color background */
div.favourites1, div.favourites {
	overflow: visible;
	float: left;
	margin: 0px;
	width: 100%;
	padding: 2px;
}

div.favouritesleft {
	width: 70%;
	float: left;
}

div.favouritesright {
	width: 20%;
	float: right;
}

#footerwrapper {
	width: 100%;
	display: block;
	margin-top: 1%;
	margin-bottom: 0%;
	background:#ffffff;
	min-width:500px;
	text-align: center;
}

#footerleft {
	padding-top: 0px;
	padding-bottom:40px;
	padding-left: 0px;
	padding-right: 0px;
	display: block;
	float: left;
	width : 40%;
	text-align : left;
	font-size: 80%;	
}

#footerright {
	display: block;
	padding-bottom:40px;
	float: right;
	text-align : right;
	font-size: 80%;	
	width : 40%;
}

#footermiddle {
	width: 20%
}
a.footer {
	font-size: 90%;
}

.displayfieldwrapper {
	
}

.dot {
	margin-bottom: 6px;
	margin-right: 2px;
	float: left;
	width: 2px;
}

.displayfield {
	margin-bottom: 8px;
	clear: none;
	margin-left: 20px;
}


div.RecordNavigationWrapper {
	width: 100%;
}

div.RecordNavigation {
	display: block;
	float: none;
	text-align:left;
	margin: 0;
	padding-bottom: 0;
	padding-left: 0px;
	padding-right: 0px;
	min-width: 500px;
	border-bottom-width: 1px;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0;
}

div.recnavwrapper {
	width: 100%;
}

div.pagenavwrapper {
	width: 100%;
}

div.recnavleft {
	text-decoration:none;
	border:2px solid;
	color:#FFFFFF;
	text-align: center;
	border-style: outset;
	margin: 0px 1px 0px 1px;
	width: 20px;	
	float: left;
}

div.recnavcentre {
	text-align: center;
	float: none;
	vertical-align: bottom;
	font-weight:bold;
	padding: 4px;
}

div.recnavright {
	text-decoration:none;
	float: right;
	border:2px solid;
	color:#FFFFFF;
	border-style: outset;
	margin: 0px 1px 0px 1px;
	width: 20px;
}

div.pagenavcentre {
	text-align: center;
	float: none;
	vertical-align: bottom;
	font-weight:bold;
	padding: 4px;
}

div.pagenavleft {
	text-align: left;
	float:left;
	font-weight:bold;
	padding: 4px;
}

div.pagenavright {
	text-align: right;
	float: right;
	font-weight:bold;
	padding: 4px;
}

.navthispage {
	color: #F00;
	font-weight: bold;
}

.navpageno {
	font-weight: bold;
}

a.navgotopage {

}

homefooter {
	font-size: 90%;
	text-align: center;
}

table.navpage, td.navpage {
	font-weight: bold;
}

table.navpage {
	padding: 0px;
	margin: 0px;
	width: 100%;
}

td.navpage {
	padding: 0px;
	text-align: left;
	vertical-align: top;

}

.small {
	font-size: 80%;	
}
.orgdesc {
	font-size: 80%;
}
.textbox {
	font-size: 80%;
}


ol.help {
	
}

ol.help li {
	margin-top: 8px;
	font-weight: bold;
}

ol.help li li {
	font-weight: normal;
}



ul.contact {

}
	
ul.admin {
	list-style-type: square; 
	/*list-style-image:url(/images/square.gif);*/
	/*padding-left:2px;
	padding-right:2px;
	padding-top:2px;*/
	padding-bottom:4px;
	vertical-align: top;
}
ul.admin li {
	margin-bottom: 4px;
}
ol.contactlist {
	/*list-style-type:square; 
	list-style-image:url(/images/contact.gif);*/
	margin-left: 24px;
}

ol.contactlist li {
	margin-top: 8px;
}
ol.contactlist li ul li {
	margin-top: 4px;
	margin-left: -20px;
}

li.contactfield {
	list-style: none;
	padding: 0 0 0 24px;
	font-weight: normal;
	margin: 8px 0px 0px 0px;
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 90%;
}

li.contactname {
	}

.contactname {
	font-weight: bold;
	margin-bottom: 6px;
}

#messages {
	font-weight: bold;
	color: #00AA33;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 10px;
}

p.messages, p.nonefound, .message  {
	font-weight: bold;
	color: #00AA33;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 10px;
}

input.small {
	font-size: 80%;
}

input.searchbutton {
	font-weight: bold;
	text-transform: uppercase;
}

legend.hidden {
	display: none
}

.editnotes {
	font-size: 90%;
	color: #666;
	font-weight: bold;
}

div.rightboxinside {
	float: right;
	text-align: left;
	width: 240px;
	margin-bottom: 6px;
	border-width: 1px;
	border-style: solid;
}

div.rightboxtitle {
	width:100%;
	margin: 0px;
}

h2.rightboxtitle {
	padding: 2px 6px 2px 2px;
	font-size: 100%;
	margin: 0px;
	font-weight: bolder;
	width: 100%;
}

div.rightboxbody {
	padding: 4px 4px 4px 4px;	
	font-size: 90%;
	/* Slight overlap so reduce edges*/
	width: 98%;
}

#rightbox ul {
	margin-top: 0px;
	margin-bottom: 0px;
}
#rightbox li {
	margin-left: -24px;
}
div.adminjump {
	float: right;
	width: 200px;
	padding-right: 4px;
}

div.adminbacktotop {
	text-align: right;
	width: 98%;
	text-transform: uppercase;
	padding: 2px;
}

#features, #body-bottom {
	width: 99.8%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	margin: 0;
}
#body-bottom-inner {
	padding: 10px;
}
#body-bottom p {
	font-style: italic;
	font-size: 0.9em;
}
#features-footer {
	/* Used to force the height of the content in Mozilla */
	width: 99%;
	clear: both;
}
#featurebox-1	{
	float: left;
	width: 33.3%;
	margin-left: 33.3%;
}
#featurebox-2	{
	float: left;
	width: 33.3%;
	margin-left: -66.6%;
}
#featurebox-3 {
	float: left;
	width: 33.3%;
}

	/*** IE6 Fix ***/
* html #features .featurebox {
  display: inline;           
}

div.featurebox-inner {
	border-right: 1px solid #fff;
	margin-right: 1px;
}
div.featureboxtitle {
	width: 100%;
	text-transform: uppercase;
}

#features p body {
	margin-top: 0px;
}

#features h2 {
	margin-top: 0px;
}

div.featureboxbody {
	padding: 4px 20px 20px 4px;	
	font-size: 90%;
}

h2.featureboxtitle {
	font-size: 100%;
	margin: 0px;
	padding: 4px;
	font-weight: bold;
}


p.debug {
	font-size: 70%;
	width: 600px;
}

legend {
	font-weight: bold; 
}

.warning, .error {
	color: #f00;
	font-weight: bold;
}
fieldset {
	width: 80%;
	overflow: visible;
	margin-bottom: 10px;
}

fieldset.contact {
	width: 80%;
}

fieldset.search {
	border: 0px groove #DDDDFF;
	width: auto;
	overflow: visible;
	margin-bottom: 0px;
}
form {
	width: 100%;
}
table.form {
	padding: 2px;
	margin-top: 4px;
}

table.results {
	padding: 8px;
	width: 90%;
	w\idth: 100%;
	margin: 0px;

}

td.results {
	padding: 0px;	
}

td.categories {
	padding: 6px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
	width: 50%;

}

td.form {
	padding: 2px;
	text-align: left;
	vertical-align: top;
	font-size: 100%;
	width: 33%;
}



/* For "hidden" links for access keys*/
a.tiny, a.tiny:visited, a.tiny:link {
	font-size: 0px;
	text-decoration: none;
	margin: 0px;
	border: 0px;
	padding: 0px;
	color: #FFFFFF;
	background-color: #FFFFFF;
}

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

.red {
	color: #c00;
}
.green {
	color: #0c0;
}
.keyfield {
	background-color: #F9F;
}
p.right {
	width: 100%;
	text-align: right;
}

div.confirmlinks {
	border-width: 1px;
	border-style: solid;
}

div.confirmlinks {
	border-width: 1px;
	border-style: solid;
}

div.confirmlinks ul {
	margin-left: -6px;
	list-style: none;
}
div.confirmlinks li {
	padding: 4px 4px 12px 40px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-left: 0px;
}
div.confirmlinks li.tick {
	background-image: url(../images/tick.gif);
}
div.confirmlinks li.cross {
	background-image: url(../images/cross.gif);
}	

.deleted {
	color: #ff3333;
	font-weight: bold;
}
.notpublic {
	color: #999;
	font-weight: bold;
}

a.orgvols {
	padding: 0px 24px 4px 0px;
	background-image: url(../images/orgvols.gif);
	background-repeat:no-repeat;
	background-position: top right;
}
a.orgkites {
	padding: 0px 60px 20px 0px;
	line-height: 32px !important;
	background-image: url(../images/orgkites.gif);
	background-repeat:no-repeat;
	background-position: top right;
}

a.active, a.active:visited {
	text-decoration: none;
	color: #f00;
}

div.comments {
	padding: 10px 10px 10px 40px;
	border: 1px solid #999;
	background-color: #e9e9e9;
	font-size: 0.85em;
	background-image: url(../images/comments.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	margin-right: 10px;
}

span.table-desc {
	display: none;	
}

span.ownership-kites {
	display: block !important;
	background-image: url(../images/kites.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding-bottom: 55px;
	margin-right: 10px;
}

dl {
	margin: 0px 0px 0px 0px;
	padding 0;
}
dt {
	margin: 0px;
	/*font-weight: bold;*/
	padding: 8px 0px 0px 0px;
}
dd {
	margin: 0px; 
	padding: 0px 0px 0px 30px;
}

blockquote {
	border-left: 10px solid;
	padding-left: 4px;
	margin-left: 10px;
}
.newstext {
	background-color: #eee;
	padding: 50px 10px 10px 10px;
	border-top: 1px solid #f3f3f3;
	border-left: 1px solid #f3f3f3;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	min-height: 100px;
	width: 90%;
	margin: 10px auto;
	background-image: url('../images/news_bg.gif');
	background-position: -100px 0;
	background-repeat: repeat-x;
}
ul.atoz {
	padding: 2px;
	border: 1px solid #339;
	background-color: #eef;
	margin: 0px 0px 10px 0px;
	display:block;
}
ul.atoz li {
	display: inline;
	padding: 0px 0px 0px 0px;
}
ul.atoz li span.atoz-selected {
	font-size:1.4em;
	border: 1px solid #339;
	padding: 6px;
	background-color:#fff;
	font-weight: bold;
}
ul.atoz li span.atoz-selected-tiny {
	padding: 0px 0px 0px 0px;
	position: relative;
	top: -1.5em;
	left: 2px;
	font-size: 0.5em;
}
ul.atoz li a {
	text-decoration: none;
	padding: 4px;
}
ul.atoz li a:hover {
	text-decoration: underline;
}