/* Section 1 Basic HTML  */
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:12px;
font-style:normal;
font-weight:normal;
line-height:150%;
text-align: center;
background-color:#E0E0E0;	
color: #000000;
}

/* ==Anchors */
a   {
text-decoration: none;
}

a.nav, a.nav1,  a.nav2, a.nav1u   a.nav3{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
font-size: 0.8em;
line-height: 1.0em;
}

a.nav1, a.nav1u {
font-size:1.0em;
}

a.nav1u {
text-decoration: underline;
}

a.nav2{
font-size:0.9em;
line-height: 1.3em
}

a.nav3{
font-size:1.0em;
line-height: 1.0em;
}


a:link	  { 	color: blue }
a:visited	  { 	color: maroon }
a:active	  { 	color: green }

/* ==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 {
table-layout: fixed;
width: 100%;
font-family:Arial, Verdana, Helvetica, sans-serif; 
border-collapse: collapse;
border-spacing: 0;
margin-left: auto;
margin-right: auto;
}

th, td , .td5, .td8, .td10, .td12, .td15, .td18, .td20,
.td22, .td25, .td28, .td30, .td32, .td35, .td40,
.td45, .td50, .td60, .td70, .td80, .td90  {
padding: .1em;
vertical-align: top;
}

td.td5  {width:  5%;}
td.td8  {width:  8%;}
td.td10 {width: 10%;}
td.td12 {width: 12%;}
td.td15 {width: 15%;}
td.td18 {width: 18%;}
td.td20 {width: 20%;}
td.td22 {width: 22%;}
td.td25 {width: 25%;}
td.td28 {width: 28%;}
td.td30 {width: 30%;}
td.td32 {width: 32%;}
td.td35 {width: 35%;}
td.td40 {width: 40%;}
td.td45 {width: 45%;}
td.td50 {width: 50%;}
td.td55 {width: 55%;}
td.td60 {width: 60%;}
td.td65 {width: 65%;}
td.td70 {width: 70%;}
td.td75 {width: 75%;}
td.td80 {width: 80%;}
td.td85 {width: 85%;}
td.td90 {width: 90%;}

tr {
vertical-align: top;}

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

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

/* various */

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

/* Bringing boldness back to headers and the strong element. */
h1,h2,h3,h4,h5,h6,strong,dt {
font-weight: bold;
}
 
h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.17em;}
h4 {font-size: 1.1em;}
h5 {font-size: 0.83em;}
h6 {font-size: 0.67em;}
 
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;
}

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

/* Opera requires 1px of padding 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;
}

/* Section 2:  Set up custom text formatting */
/* Headings,      paragraphs   */

/*  .title,  .title2,  .title3     
      title    has 1.5 em padding top and 1.0 em bottom   
      title2   has 1.0 em padding bottom only 
      title3   has 0.5 em no padding 
       _l  left  _c  centre  _col  colour	  
	  */
*.title_c_col,  *.title_c,  *.title_l_col,  *.title_l ,	
*.title2_c_col, *.title2_c, *.title2_l_col, *.title2_l, 	
*.title3_c_col, *.title3_c, *.title3_l_col, *.title3_l 	{ 
border: 0;
margin: 0;
text-align: center;
color: #000000;
font-family:"Times New Roman",Times,Georgia,Serif;
padding: 1.5em 0em 1em 0em;
}	  

*.title2_c_col, *.title2_c, *.title2_l_col, *.title2_l  {
padding: 0em 0em 1em 0em;
}	

*.title3_c_col, *.title3_c, *.title3_l_col, *.title3_l {
padding: 0em 0em .5em 0em;
}	 

*.title_l_col, *.title_l,  *.title2_l_col, *.title2_l,  *.title3_l_col, *.title3_l { 	  
text-align: left;
}	  

*.title_c_col, *.title_l_col, *.title2_c_col, *.title2_l_col, *.title3_c_col, *.title3_l_col { 
color: green;
}	  

/*
h1.titlec, h1.title2c, h1.title3c,  h1.titlel, h1.title2l, h1.title3l {
font-size: 1.5em;
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.subheadc_col, h2.subheadl_col {
font-size: 1.1em;
line-height: 1.1em;
text-align: center;
color: black;
padding: 0.7em 0em 0.7em 0em;
}

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

h2.subheadc_col , h2.subheadl_col  {
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 (.85); 
line-height: 1.0em; font-style:normal;
		padding: 0em  0em  0em  2em;  */
p, .p1, .p1bd, .p1it, .p1bdit, .p15, .p15bd, .p2, .p2bd, .p2it, .p2bdit, .p3, .p3bd, .p3it, .p3bdit,.compact 
.ap1, .ap1bd, .ap1it, .ap1bdit, .ap15, .ap15bd, .ap2, .ap2bd, .ap2it, .ap2bdit, .ap3, .ap3bd, .ap3it, .ap3bdit,.acompact {
color: black;
font-weight:normal;
font-style:normal;
border: 0em;
margin: 0em;
padding: 0em;
}

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

.ap1, .ap1bd, .ap1it, .ap1bdit, .ap2, .ap2bd, 
.ap2it, .ap2bdit, .acompact, .acompact085 {
font-family:Arial, Verdana, Helvetica, sans-serif;
}
.p1bd, .ap1bd {
font-weight: bold;
}
.p1it, .ap1it {
font-style:italic;
}
.p1bdit, .ap1bdit{
font-weight: bold;
font-style:italic;
}
.p15, .p15bd , .ap15, .ap15bd {
padding: 0.5em  0em  0em  0em; 
}

.p15bd, .ap15bd{
font-weight: bold;
}

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

.p3, .p3bd , .p3it, .p3bdit, .ap3, .ap3bd , .ap3it, .ap3bdit{
padding: 2em  0em  0em  0em; 
}

.p3bd, .ap3bd {
font-weight: bold;
}

.p3it, .ap3it  {
font-style:italic;
}

.p3bdit, .ap3bdit  {font-weight: bold;
font-style:italic;
}

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

.compact085, .acompact085 {
font-size: 0.85em;
line-height: 1.4em;
}

/*  resize text using span / div   */
/*.h50,  to  .h200*/
.h50{font-size: 0.5em;}
.h55{font-size: 0.55em;}
.h60{font-size: 0.60em;}
.h65{font-size: 0.65em;}
.h70{font-size: 0.7em;}
.h75{font-size: 0.75em;}
.h80{font-size: 0.8em;}
.h85{font-size: 0.85em;}
.h90{font-size: 0.9em;}
.h95{font-size: 0.95em;}
.h100{font-size: 1.0em;}
.h105{font-size: 1.05em;}
.h110{font-size: 1.1em;}
.h115{font-size: 1.15em;}
.h120{font-size: 1.2em;}
.h130{font-size: 1.3em;}
.h140{font-size: 1.4em;}
.h150{font-size: 1.5em;}
.h180{font-size: 1.8em;}
.h200{font-size: 2.0em;}

.lh110{font-size: 1.1em;}
.lh120{font-size: 1.2em;}
.lh130{font-size: 1.3em;}
.lh140{font-size: 1.4em;}
.lh150{font-size: 1.5em;}

/*  resize text and line height to x1.5 font-size using span / div   */
/*.hl50,  to  .hl200*/
.hl50{font-size: 0.5em;
   line-height:  1.5em;}
.hl55{font-size: 0.5em;
   line-height:  1.5em;}
.hl60{font-size: 0.8em; 
   line-height:  1.5em;}
.hl65{font-size: 0.85em; 
   line-height:  1.5em;}
.hl70{font-size: 0.8em; 
   line-height:  1.5em;}
.hl75{font-size: 0.85em;
   line-height:  1.5em;}
.hl80{font-size: 0.8em;
   line-height:  1.5em;}
.hl85{font-size: 0.85em;
   line-height:  1.5em;}
.hl90{font-size: 0.9em;
   line-height:  1.5em;}
.hl95{font-size: 0.95em;
   line-height:  1.5em;}
.hl105{font-size: 1.05em;
   line-height:  1.5em;}
.hl110{font-size: 1.1em;
   line-height:  1.5em;}
.hl115{font-size: 1.15em;
   line-height:  1.5em;}
.hl120{font-size: 1.2em;
   line-height:  1.5em;}
.hl130{font-size: 1.3em;
   line-height:  1.5em;}
.hl140{font-size: 1.4em;
   line-height:  1.5em;}
.hl150{font-size: 1.5em;
   line-height:  1.5em;}
.hl180{font-size: 1.8em;
   line-height:  1.5em;}
.hl200{font-size: 2.0em;
   line-height:  1.5em;}

/* set text colour */
*.red {
color: red;
}

 *.black{
color: black;
} 

*.cyan {
color: #00ffff;
}

/* set text weight normal */
*.normal {
font-style:normal;
font-weight:normal;  
}

/* Section 3:  Layouts */
/*  Basic Page size */
#page960{
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
width: 80em;
}

#page1280{
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
width: 106.5em; 
}

/*  Basic centring */
*.center_img {
display: block;
margin-left: auto;
margin-right: auto;
}

div.contain {
overflow: auto;
border: 2px solid #bbbbbb;
margin: 0  3em   0   3em;   
padding: 0.8em   2.8em   0.8em   0.8em;
}

.content_box {
width: 100%;
height: 36em;
}

div.textbox {
border: 0;
padding: 0em 0em 0em 0em;
}

div.imgbox {
float: left;
border: 0;
margin: 0em 2em 0em 0em;
padding: 0em 0em 0em 0em;
}

img.lands, img.port {
display: block;
width: 750px;
border: 1px solid black;
margin-left: auto;
margin-right: auto;
}
img.port {
height: 500px;
}

/*  Basic two panel */
div.left_panel{
float: left;
width: 10em;
height: 10em;
padding: 0em;
margin:  1em 0em 0em 12em;
}

div.right_panel{
float: right;
width: 54em;
padding: 0em;
margin:  0em 0em 0em 0em;
}

div.joinup {
height: 1px;
 clear:both;
}

.lcol {
float: left;
width: 7%;
}
.rcol {
float: right;
width: 92%;
}

.pair {
width: 100%;
overflow: auto;
}

.lbox {
float: left;
height: 4em;
width: 14em;
border: 0;
margin: 0 0 0 3em;
padding: 0em 0em 0em 9em;
font-weight: bold;
}
.rbox {
float: left;
height: 4em;
width: 18em;
border: 0;
margin: 0; 
padding: 0em 0em 0em 0em;
}

/*  Table of Thumbnails */
.table_thumbs {
width: 100%;
}
.td_thumb_img {
width: 11em;
padding: 0 0 20px 0;
}
.td_thumb_caption {
width: 26.5em;
font-size: 0.9em;
line-height: 1.2em;
padding: 0;
}

/* Home Page:  typically consists of  
Banner   <#home-banner> which itself may be built up of  eg
         <#home-logo>  <#home-society>  <#home-charity>
Top Navigation menus bar      <#top-menu-box>
Body     <#home-body>   which itself may have sidebar navigation  <#home-body-nav>  and content <#home-body-content>
Footer                      <#home-footer>

Content Pages:  typically consist of
Banner                        <#page-banner>
Top Navigation menus bar      <#top-menu-box>		
Body                          <#page-body>
Footer                        <#page-footer>
*/
/*now define the various components*/
#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: white;
height: 10em;
}

#home-logo-box  {
background-color: white;
width: 8em;
height: 8em;
float: left;
padding: 1em 2.5em 1em 2.5em;
}

#home-society-box  {
float: left;
background-color: white;
width: 38em;
height: 8.5em;
padding: 1.5em 1em 0em 0em;
border: 0em;
}

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

#home-charity-box {
width: 21.3em;
height: 8.5em;
float: right;
background-color: white;
padding: 1.5em 0em 0em 5em;
border: 0em;
}

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

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

#home-body {
height: 1000px;
}
#home-body-nav {
width: 11em;
padding: 1em 1em 0em 1em;
float: left;
color: #000000;
background-color: #ffffff;
border-style:solid;
border-color: black;
border-width: 0em 0.0833em 0em 0em;
color: #990000;
background-color: white;
height: 800px;
}

#home-body-content {
width: 54.9em;
height: 800px;
padding: 4em 6em 0em 6em;
float: right;
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;
}

#home-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, #page-body-nm{
background-color: #ffffff;
font-family:"Times New Roman",Times,Georgia,Serif;
font-size: 1.25em;
line-height:1.5em;
padding: 0em 7em 2em 7em;
height: auto;
}

#page-body-nm{
padding: 0em 2em 0em 2em; 
}



/*  LH photo and RH text  */
div.left_photo360{
float: left;
width: 24em;
padding: 0em;
margin:  0em 0em 0em 0em;
}

div.right_text420{
float: right;
width: 28em;
padding: 0em;
margin:  0em 0em 0em 0em;
}

/* 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;
}

/* Top navigational menu         */
#top-menu-box {
position:relative;
height: 2.600em;
background-color: #424242;
padding: 0em 0em 0em 0em;
border: 0em;
margin: 0em;
width: 100%;
}

#menu-bar {
position:absolute;
padding: 0em 0em 0em 0em;
left: 13em;
}
/* for use with div    (and tables) */
/* 1em spacer, italic, bold, text-align: center  */
.sp1 {
padding: 1em 0em 0em 0em;
border: 0em;
margin: 0em;
}
.it {
font-style:italic;
}

.bd {
font-weight: bold;
}

.tcenter{
text-align: center;
}

.tleft{
text-align: left;
}

.green{
color: #009900;
}
/* Button sizes */  
.buttonx, .button04, .button05, .button06{
font-size: 0.9em;}
.button04 {
width: 4em;}
.button05 {
width: 5em;}
.button06 {
width: 6em;}

.mid06, .mid10, .mid14, .mid18, .mid22, .mid26, .mid30, .mid34, .mid38,  
.mid42, .mid46, .mid50, .mid54, .mid58, .mid62, .mid66  {
margin: 0;
border: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
}
.mid06 {width:  6em;} 
.mid10 {width: 10em;}
.mid14 {width: 14em;}
.mid18 {width: 18em;}
.mid22 {width: 22em;}
.mid26 {width: 26em;}
.mid30 {width: 30em;}
.mid34 {width: 34em;}
.mid38 {width: 38em;}
.mid42 {width: 42em;}
.mid46 {width: 46em;}
.mid50 {width: 50em;}
.mid54 {width: 54em;}
.mid58 {width: 58em;}
.mid62 {width: 62em;}
.mid66 {width: 66em;}

.lineht10 {line-height: 1.0em;}
.lineht11 {line-height: 1.1em;}
.lineht12 {line-height: 1.2em;}
.lineht13 {line-height: 1.3em;}
.lineht14 {line-height: 1.4em;}
.lineht15 {line-height: 1.5em;}
.lineht16 {line-height: 1.6em;}
.lineht18 {line-height: 1.8em;}
.lineht20 {line-height: 2.0em;}
/* line spacers  */
.down05, .down1em, .down2em, .down3em, 
.down4em, .down6em, .down8em, .down16em, 
.down32em, .down64em    {
padding: 0;
margin: 0;
border: 0;
height: 1em;
}
.down05em {height: 0.5em;}
.down2em {height: 2em;}
.down3em {height: 3em;}
.down4em {height: 4em;}
.down6em {height: 6em;}
.down8em {height: 8em;}
.down16em {height: 16em;}
.down32em {height: 32em;}
.down64em {height: 64em;}

/* Section  4:  Misc & Tests  */
.ptest {
color: black;
font-weight:normal;
font-style:normal;
text-align:left;
border: 0em;
margin: 0em;
padding: 0em;
font-size:10em;
border: 1px;
}

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

/* Section  5:  Custom for BGAS - none yet  */