/* working CSS R Wilson 1 September 2009 */
/* *font....etc hack   for old IE  */
/* font-family:"Times New Roman",Times,Georgia,Serif;
font-family:Arial, Verdana, Helvetica, sans-serif;
line-height:123.1%;*/
/** {
   border: 1px solid red !important;
}*/

html {
color: #000000;
background: #FFFFFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,
fieldset,legend,input,button,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}

body {
font-family:"Times New Roman",Times,Georgia,Serif;
font-size:12.0px; 
font-style:normal;
font-weight:normal;
line-height:150%;
text-align: center;
background-color:#E0E0E0;	
*font-size:small; 
*font:x-small;
}

/* ==Mainly for lists (spacing and style) */
blockquote,ul,ol,dl {
margin: 1em;
}

ol,ul,dl {
margin-left: 2em;
}

ol li {
list-style: decimal outside;
}

ul li {
/*list-style: disc outside;*/
}

dl dd {
margin-left: 1em;
}

/*== Tables */
table {
border-collapse: collapse;
border-spacing: 0;
}

th,td {
/*border: 1px solid #000000;*/
padding: .5em;
}

th {
/* Distinguishing table headers from data cells. */
font-weight: bold;
text-align: center;
}

caption {
/* Coordinated margin to match cell's padding. */
margin-bottom: .5em;
/* Centered so it doesn't blend in to other content. */
text-align: center;
font-weight: normal;
}

fieldset,img {
border: 0;
}

address, cite, code, dfn, var {
font-weight: inherit;
}

em {
font-weight: normal;
font-style: italic;
}

optgroup {
font-style: inherit;
font-weight:normal;
}

ins {
text-decoration: none;
}

del {
text-decoration: line-through;
}

h1,h2,h3,h4,h5,h6,strong,dt {
/* Bringing boldness back to headers and the strong element. */
font-weight: bold;
}
/* h1~21px  h2~16px  h3~12px  h4~11px  h5~10px  h6~8px */
h1{font-size: 175%;}
h2 {font-size: 133%;}
h3 {font-size: 100%;}
h4 {font-size: 92%;}
h5 {font-size: 83%;}
h6{font-size: 67%;}
/* Arial set ref to 13px 
h1~23px  177 %  ||  h2~16px  132%  
h3~14px   108%  ||  h4~11px   85%   
h5~10px    77%  ||  h6~8px   62% 
h1{font-size: 177%;}
h2 {font-size: 132%;}
h3 {font-size: 108%;}
h4 {font-size: 85%;}
h5 {font-size: 77%;}
h6{font-size: 62%;}
 */

h1,h2,h3,h4,h5,h6{
/* Top & bottom margin based on font size. */
margin: 0em 0 0 0;
}

q:before,q:after {
content: '';
}

abbr, acronym {
border: 0;
font-variant: normal;
border-bottom: 0.083em dotted #000000;
cursor: help;
}

sup {
vertical-align: super;
}

sub {
vertical-align: sub;
}

/*because legend doesn't inherit in IE */
legend {  
color: #000;
}

input, button,textarea,select,optgroup,option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
}

/*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
*font-size: 100%;
}

p,
fieldset,
table,
pre {
margin-bottom: 1em;
}

/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding: 0.083em;
}

/*  Nudge down to get to 13px equivalent for these form elements  */ 
select,input,button,textarea,button {
font:99% arial,helvetica,clean,sans-serif;
}

/* set up custom text formatting */
h1.titlec, h1.title2c, h1.title3c,  h1.titlel, h1.title2l, h1.title3l {
font-size: 1.4em;
text-align: center;
color: green;
padding: 1.5em 0em 1em 0em;
}

h1.title2c, h1.title2l {
padding: 0em 0em 1em 0em;
}

h1.title3c, h1.title3l{
padding: 0em 0em 0.5em 0em;
}

h1.titlel, h1.title2l, h1.title3l{
text-align: left;
}

h2.subheadc, h2.subheadl,  h2.subheadcg, h2.subheadlg {
font-size: 1.1em;
line-height: 1.1em;
text-align: center;
color: black;
padding: 0.7em 0em 0.7em 0em;
}

h2.subheadl,  h2.subheadlg{
text-align: left;
}

h2.subheadcg, h2.subheadlg {
color: green;
}

/* Different <p> tags:
<p> is main font family and <ap> is alternate font family
<1>  is  no padding <2> is 1 em padding at top
bd is bold  <it> is italic 
<compact>/<acompact> is  font-size:1.0em; line-height: 1.0em; font-style:normal;
		padding: 0em  0em  0em  2em; 
h1.title, h1.title2, h1.title3     <h1.title>.  has 1 em padding top and bottom   
      <h1.title2>   has 1 em padding bottom only 
      <h1.title3>   has no padding  
	  */


p, .p1, .p1bd, .p1it, .p1bdit, .p2, .p2bd, .p2it, .p2bdit, .compact 
.ap1, .ap1bd, .ap1it, .ap1bdit, .ap2, .ap2bd, .ap2it, .ap2bdit, .acompact {
color: black;
font-weight:normal;
font-style:normal;
text-align:left;
border: 0em;
margin: 0em;
padding: 0em;
}

p, .p1, .p1bd, .p1it, .p1bdit, .p2, .p2bd, .p2it, .p2bdit, .compact {
font-family:"Times New Roman",Times,Georgia,Serif;
}

 .ap1, .ap1bd, .ap1it, .ap1bdit, .ap2, .ap2bd, .ap2it, .ap2bdit, .acompact {
font-family:Arial, Verdana, Helvetica, sans-serif;
}
.p1bd, .ap1bd {
font-weight: bold;
} 
.p1it, .ap1it {
font-style:italic;
}
.p1bdit, .p1bdit{
font-weight: bold;
font-style:italic;
}

.p2, .p2bd , .p2it, .p2bdit, .ap2, .ap2bd , .ap2it, .ap2bdit{
padding: 1em  0em  0em  0em; 
}

.p2bd, .ap2bd {
font-weight: bold;
}

.p2it, .ap2it  {
font-style:italic;
}

.p2bdit, .ap2bdit  {font-weight: bold;
font-style:italic;
}

.compact, .acompact{
font-size:1.0em;
line-height: 1.0em;
font-style:normal;
padding: 0em  0em  0em  2em;
}

a   {
text-decoration: none;
}

a.nav{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
font-size:1.0em;
line-height: 1.0em;
}
a:link	  { 	color: blue }
a:visited	  { 	color: maroon }
a:active	  { 	color: yellow }



/*  Basic Page size */
#page974{
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
width: 974px; 
}

/* Home Page 
which consists of  
Header  <#home-banner> which itself has 
            <#home-logo>  <#home-society>  <#home-charity> 
Body     <#home-body>   which itself has  <#body-nav> <#body-content>
Footer  <#home-footer>

Content Pages consists of  
Header  <#page-banner> 
Body    <#page-body> 
Footer  <#page-footer>
*/

#home-banner, #home-logo, #home-society, #home-charity {
color:#007700;
background-color: white;
margin: 0em;
padding: 0em;
border: 0em;
font-family:"Times New Roman",Times,Georgia,Serif;
font-style:normal;
text-align:left;
}

#home-banner  {
background-color: red;
height: 10em;
/*
font-weight:bold;
font-size:1.5em;*/
}

#home-logo-box  {
background-color: white;
width: 11.333em;
height: 8.333em;
float: left;
padding: 0.833em 0em 0.834em 2.0em;
}

#home-society-box  {
position:relative;
float: left;
background-color: white;
width: 40.333em;
height: 8.5em;
padding: 1.5em 0.833em 0em 0em;
/*padding: 0em 0.769em 0em 0.769em;*/
border: 0em;
/* width: 37.231em; height: 9.231em; */
}

#society-text {
position: absolute;
font-size:2.8em;
line-height: 1.3em;
font-weight:bold;
} 

#home-charity-box {
position:relative;
width: 21.667em;
height: 8.5em;
float: left;
background-color: white;
padding: 1.5em 0em 0em 5em;
border: 0em;
/* width: ; height: ; padding: 0em 1.538m 0em 2.308em */
}

#charity-text {
position: absolute;
font-size:1.4em;
line-height: 1.3em;
font-weight:bold;
}

/* body part of Home page */
#home-body, #body-nav, #body-content {
color:#000000;
background-color: white;
margin: 0em;
border: 0em;
padding: 0em;

}

#home-body {
height: 800px;
}
/* at this time font = 12px    width=137/12=       */
#body-nav {
width: 11.667em;
padding: 1em 0.833em 0em 0.833em;
position: relative;
float: left;
border-style:solid;
border-color: black;
border-width: 0em 0.0833em 0em 0em;
color: #990000;
background-color: white;
height: 800px;
}

#body-content {
width: 55.600em;
height: 800px;
padding: 4em 6em 0em 6em;
position: relative; 
float: left;
border: 0em;
font-family:"Times New Roman",Times,Georgia,Serif;
/*font-family:Arial, Verdana, Helvetica, sans-serif;*/
font-style:normal;
font-weight:normal;
font-size:1.0em;
line-height:1.0em;
}

#body-text {
font-family:"Times New Roman",Times,Georgia,Serif;
/*font-family:Arial, Verdana, Helvetica, sans-serif;*/
font-style:normal;
font-weight:normal;
font-size:1.5em;
line-height:1.6em;
}

/*  content pages definitions */
#page-banner  {
background-color: white;
color:#007700;
height: 1.75em;
border: 0em;
margin: 0em;
padding: 1em 1em 0em 1em; 
font-family:"Times New Roman",Times,Georgia,Serif;
font-weight: bold;
font-size: 1.75em;
}

#page-body{
background-color: white;
font-family:"Times New Roman",Times,Georgia,Serif;
font-size: 1.25em;
line-height:1.5em;
padding: 0em 4em 2em 4em; 
height:65em;
}

/*Some pages may be nominal 100% in 974 px */
#page100 {
margin: 0em;
}

/* Top navigational munu         */
#top-menu-box {
position:relative;
height: 2.500em;
background-color: #424242;
padding: 0em 0em 0em 0em;
border: 0em;
margin: 0em;
width: 100%;
}
  
#menu-bar {
position:absolute;
padding: 0em 0em 0em 0em;
left: 13.333em;  
} 

/* footers */
#home-footer,  #page-footer  {
margin: 0;
width: 100%;
padding: 0.417em 0em 0.417em 0em;
/*padding: 0.385em 0em 0.385em 0em;*/
border: 0em;
background-color:white;
}
.spacer1 {
padding: 1em 0em 0em 0em;
border: 0em;
margin: 0em;
}

.sp {padding-top: 1em;}
.it {font-style:italic;}
.bd {font-weight: bold;}



.ptest {
color: black;
font-weight:normal;
font-style:normal;
text-align:left;
border: 0em;
margin: 0em;
padding: 0em;
font-size:10em;
border: 1px;
/*line-height: 10em;*/
}

h2.subheadx {
font-size: 1em;
}

.bbox {
padding: 0;
margin: 0;
border-style:solid;
border-color: red;
border-width: 1px;
}





/*
font-size: 11em;
line-height: 11em;
color: black;
padding: 7em 0em 7em 0em;
border: 1px;
} */

div.d75 {
margin: 0;
width: 75%;
margin-left: auto;
margin-right: auto;
border: 0;
padding: 0;
}




table.x75, table.x90  {
border: 0;
margin: 0;
padding: 0;
}

table.x90  {
width: 90%;
}