body {
  background-color: #abb884;
  font-family: Geneva, Helvetica, sans-serif;
  font-size: .8em;/*#6ca45f*/
  color: #094079; /*dark blue*/
}

h1, h2, h3 { padding: .2em; }

h1 {
	font-size: 2em;
	border-bottom: 2px solid #094079;
}

h2 { font-size: 1.5em; }

h3 {
	font-size: 1.1em;
	padding-bottom: 0;
	margin-bottom: 0;
}
h3 + p { margin: 0; } /* makes h3 flow with text better-no separation between h3 and the neighbouring paragraph */

p {	padding: .2em; }

/* light green links */
 body a:link, body a:visited, body a:hover { color: #7ba42b; }

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

.clear_left { clear: left; }
.clear_right {clear: right; }
.clear_both { clear: both; } /*prevents content from wrapping around nav menu*/

.no_top_whitespace { /*removes double margin effect*/
	padding-top: 0;
	margin-top: 0;
}
.no_bottom_whitespace { /*removes bottom margin & padding*/
	padding-bottom: 0;
	margin-bottom: 0;
}

/* keeps 2nd line of #purpose-content-right h2 from butting up too tightly against first line */
h2 span.h_2line {line-height: 1.1em; }

div#allcontent {
	width: 64em;
	background-color: #fff;
	line-height: 1.2em;
	margin-left: auto;
	margin-right: auto;
	padding: 0 1em 1em 1em; /* band of white below the footer */
	position: relative; /* for positioning images on homepage */
}

 /* back to top anchor shows no sign of anchor when hovered or otherwise */
div#allcontent div#header a#top:link, div#allcontent div#header a#top:visited, div#allcontent div#header a#top:hover {
	text-decoration: none;
	color: #094079;
	cursor: text;
}

/* ************* Header Specific Styles ************* */
div#header {
	text-align: right; /*right-justifies submenu*/
	width: 64em; /*to float and keep contents from shifting,div width must equal page width*/
	float: left; /*Opera couldn't contain logo without floating the header div*/
}

#logo {
	float: left;
}

ul#submenu {
	padding: 1em 0 3em 3em; /* 0 allows submenu to butt up agains right side */
	font-size: 1em;
	list-style-type: none;
}

ul#submenu li {
	display: inline;
	padding: 0 1em;
	margin: 0;
	border-width: 1px;
	border-color: #fff #437238 #fff #fff; /*creates bar between links*/
	border-style: solid;
}

ul#submenu a:link {
	color: #437238;
	text-decoration: none;
}

ul#submenu a:visited {
	color: #437238;
	text-decoration: none;
}

ul#submenu a:hover {
	text-decoration: underline overline;
}

ul#submenu li.currentpage {
	color: #437238;
	text-decoration: none;
}

ul#submenu li.right_submenu { /*removes the bar divider from the last link*/
	border: 0;
	padding-right: 1em; /* allows submenu to butt up against right side */
}

/* *************   NAVIGATION MENU ************* */
#navigation { /* navigation menu takes up full length of page and stays to the left */
	font-size: 1.3em; /* 12.8 x 1.3=16.64px font size for navigation bar*/
	width: 49em;
	margin: 0;
	padding: 0;
	background-color: #90b8e1;
	/*float: left; if I go with expandable format ie width=100%*/
	}

/* remove bullets and indents from list */
ul#primary_nav { 
	width: 49em; /* WHY??-need to reduce by .5 to fit in #allcontent */
	background-color: #90b8e1;
	margin: 0;
	padding: 4px 0px 3px 5px; /*accommodate top-bottom link padding CSSbook pg223 */
	list-style-type: none;
	float: left;
}

/* make the list horizontal */
ul#primary_nav li { 
	float: left;
	position: relative;
	/*border: 1px solid black;*/
	/*width: 7em; /* prevents wobbly drop downs in Opera*/
}

/* Ref#1: turn links into block elements with concrete width */
ul#primary_nav a:link, ul#primary_nav a:visited, ul#primary_nav a:hover,
/* primary_nav links */
ul#primary_nav ul a:link, ul#primary_nav ul a:visited, ul#primary_nav ul a:hover, /* nav_lev2 links */
ul#primary_nav ul ul a:link, ul#primary_nav ul ul a:visited, ul#primary_nav ul ul a:hover /*nav_lev3 links*/
{
	display: block;
	padding: 3px 2px;
	text-decoration: none;
	/*border: 1px solid black;*/
}

/* .5em left border starts out same color as background but changes to light green when mouse hovers over the link */
ul#primary_nav a/*:link*/ { 
	color: #eff3f9;
	margin: 0 1.5em 0 1.2em; 
	border-left: .5em solid #90b8e1;
	/*border: 1px solid black;*/
}

/* The block span replaces the block anchor in the case of the .currentpage dead link. Without this nested span the drop down boxes appear to be positioned slightly higher and to the right of their parent list items in good browsers and the effect is amplified in ie6 to the point where the drop down disappears before the mouse reaches it. Unfortunately this adds some extra fat that may not be necessary but for the time being there is no other options*/
li.currentpage span {
	display: block; /* imitates the Ref#1 rule above */
	color: #094079; /* link always appears dark blue like visited links */
	padding: 3px 2px;
	margin: 0 1.5em 0 1.2em; 
	border-left: .5em solid #437238; /*dead links have dark green left border*/
}

/* dark blue text for visited links--space primary_nav buttons with margins */
ul#primary_nav a:visited {
	color: #094079;
	margin: 0 1.5em 0 1.2em; /* maintain same margins for all forms of link */
	border-left: .5em solid #90b8e1; /* hover effect remains off */
}

/* hover effect for primary_nav */
ul#primary_nav li:hover a:link, ul#primary_nav li.iehover a:link, ul#primary_nav li:hover a:visited, ul#primary_nav li.iehover a:visited {
	padding: 3px 2px;
	border-left: .5em solid #cdf15d; /* light green bar to the left of link */
	margin: 0 1.5em 0 1.2em;
}

/* position nav_lev2 drop downs out of sight */		
ul#primary_nav ul {
	border: 1px solid #eff3f9; /* white border around drop down boxes */
	background: #7392b1; /*slightly darker blue background for drop down boxes*/
	list-style-type: none;
	position: absolute;
	z-index: 500; /* make sure drop downs don't fall behind anything */
	margin: 0;
	padding: 0;
	left: -999em; /* drop downs out of sight before hover effect */
}

/* position the nav_lev3 drop down to the right of the nav_lev2 drop down */
ul#primary_nav ul ul {
	position: absolute;
	top: 0em;
	right: -8em;
	width: 9em;
}

/* bring nav_lev2 drop downs in view when primary_nav list item is hovered */
ul#primary_nav li:hover ul, ul#primary_nav li.iehover ul {
	left: auto;
}

/* hover effect off for nav_lev2, nav_lev3 drop downs when not inside boxes */
ul#primary_nav li:hover ul a:link, ul#primary_nav li.iehover ul a:link, ul#primary_nav li:hover ul li:hover ul a:link, ul#primary_nav li.iehover ul li.iehover ul a:link, /* unvisited nav_lev2, nav_lev3 links */
ul#primary_nav li:hover ul a:visited, ul#primary_nav li.iehover ul a:visited, ul#primary_nav li:hover ul li:hover ul a:visited, ul#primary_nav li.iehover ul li.iehover ul a:visited /* visited nav_lev2, nav_lev3 links */
{
	padding: 3px 2px;
	border-left: .5em solid #7392b1; /*same color as drop down background*/
	margin: 0 1.5em 0 1.2em;
}

/* hover effect on for nav_lev2, nav_lev3 drop downs when inside boxes */
ul#primary_nav li:hover ul li:hover a:link, ul#primary_nav li.iehover ul li.iehover a:link, ul#primary_nav li:hover ul li:hover ul li:hover a:link, ul#primary_nav li.iehover ul li.iehover ul li.iehover a:link,
/* unvisited nav_lev2, nav_lev3 links */
ul#primary_nav li:hover ul li:hover a:visited, ul#primary_nav li.iehover ul li.iehover a:visited, ul#primary_nav li:hover ul li:hover ul li:hover a:visited, ul#primary_nav li.iehover ul li.iehover ul li.iehover a:visited
/* visited nav_lev2, nav_lev3 links */
{
	padding: 3px 2px;
	border-left: .5em solid #cdf15d; /*light green border*/
	margin: 0 1.5em 0 1.2em;
}

/* keeps nav_lev3 drop downs out of sight before hover effect */
ul#primary_nav li:hover ul ul, ul#primary_nav li.iehover ul ul {
	left: -999em;
}

/* brings nav_lev3 drop downs in view when nav_lev2 list item is hovered */
ul#primary_nav ul li:hover ul, ul#primary_nav ul li.iehover ul {
	left: auto;
}

/* ****************AboutUs.php **************** */
#aboutus-content {
	padding: 1px .2em 1em .2em;
}

/* *************** Purpose.php *************** */
#purpose-content {
	padding: 1px; /* prevents top margin from collapsing */
}

#purpose-content-left {
	width: 30em;
	float: left;
	padding: 1px .2em;
}

#purpose-content-right {
	margin-left: 32em; /* use margin of 2em to separate columns */
	padding: 1px .2em 1em .2em; /* 1px to prevent top margin collapse */
}

/* ************* Philosophy.php *************** */
#philosophy-content {
	padding: 1px;
}

div#philosophy-content-left {
	margin-right: 24em; /* 22 + 2em to separate columns */
	margin-top: 0;
	padding: 0 0 1em .2em;
}

/* Right column containing links of interest for user */
div#philosophy-resources {
	width: 22em;
	/*height: 25em; /* 3em height per link (25-10margin)/5 */
	background-color: #fff;
	float: right;
}

div#philosophy-resources ul {
	background-color: #99cc33; /* dark green background color */
	list-style: none;
	margin-top: 6em; /* space between primary_nav and resources ul */
	padding: 0;
	border: 1px solid #274121;
}

div#philosophy-resources ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #274121;
}

/* each list item acts as a link */
div#philosophy-resources ul li a {
	display: block; /* permits margins, padding adjustment for links */
	margin: 0;
	padding: 1em;
	color: #094079;
	text-decoration: none;
}

/* remove top margin/padding for resources list h3 only */
div#philosophy-resources h3 {
	margin-top: 0;
	padding-top: 0;
}

div#philosophy-resources h4 {
	font-weight: normal;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}
div#philosophy-resources p {
	font-family: times; /* looks better at small sizes */
	font-size: .9em;
	line-height: 1em;
	padding-left: 0; /* lines up p with h4 */
	margin: 0;
}

/* hover effect for resource links */
div#philosophy-resources ul li a:hover {
	background-color: #cdf15d;
}

/* unique style for titles of resource lists */
div#philosophy-resources ul li.list_title {
	text-align: center;
	background-color: #274121;
	padding: 1em;
	color: #cdf15d;
}

/* *************** Investments.php ***************** */

#investment-content {
	padding: 1px;
}

/* separate intro p from descriptions */
div#investment_descriptions { margin-top: 3em; }

div#investment_descriptions div#left_col {
	width: 28em;
	float: left;
	padding: 1px 0 0 2em;
}

div#investment_descriptions div#right_col {
	margin-left: 34em; /* use margin of 2em to separate columns */
	padding: 1px 2em 1em .2em; /* 1px to prevent top margin collapse */
}

div#investment_descriptions h2 {
	padding: 4px;
	border: 1px solid #939fab;
	margin: 0;
	background-color: #ddedad;
}
/* ************** Partnership.php ***************** */

/* float the diagram to the right */
div#howrfworks {
	padding: 1px; /* prevent collapsing top margin */
	float: right;
	width: 30em;
	height: 55em;
}

#howrfworks h2 {
	border-bottom: 2px solid #7392b1; /* top part of the blue border that envelops the entire howrfworks-body */
	padding: 0 0 .25em 0; /* only span carries the light green background so we take away any white parts of the h2 exept the bottom which pushes the bottom h2 border below the span giving it a continuous appearance around the entire section */
}

#howrfworks h2 span#h_tab {
	padding-right: .25em;
	padding-left: .25em;
	margin: 0;
	background-color: #cdf15d;
	border-width: 2px 2px 0 2px;
	border-color: #7392b1;
	border-style: solid;
}

div#howrfworks-body {
	border-width: 0 2px 2px 2px;
	border-color: #7392b1;
	border-style: solid;
	background-color: #cdf15d;
	padding-top: 1px;
	padding-right: .5em;
	margin-top: 0px;
	overflow: auto;
}

#howrfworks p {
	font-size: .9em;
	line-height: 1.1em;
	margin-left: 6em; /*space between image and text*/
}

p#hrfw_res { padding-top: .5em; }
p#hrfw_vote { padding-top: 0; margin-top: -.5em;}

p#hrfw_foll { padding-top: 2em; }

p#hrfw_sell { padding-top: 0; }

div#partnership-content {
	padding: 1px;
}

div#howrfworks img {
	float: left;
	padding-top: 0;
	padding-bottom: 1em;
	border-top: 1px solid #cdf15d;
}

div#partnership-content-left {
	margin-right: 32em; /* margin of 2em to separate columns */
	padding: 1px; /* prevent collapsing top margin */
}

/* ************** Members.php *************** */

div#member-content {
	padding: 1px; /* prevent collapsing top margin */
}

/* styles for the list of executive members and bios */
ul#member-list {
 	list-style-type: none;
 	padding: 0 4em; /* indents the list items on both sides by 4em */
 	margin: 0; /*  default indent = 0, ie uses margin to indent list items */
}

#member-list li {
	padding: 1px; /* prevents top margin collapse between list items */
	margin-bottom: 1em;
}

/* make container div the base for positioning nested elements */
div#president, div#treasurer, div#vice-president, div#webmaster, div#sacoordinator {
	position: relative;
	min-height: 100px;
}

/* some space between intro paragraph and first li */
div#president { margin-top: 2em; }

img.member-photo {
	border: 1px solid #094079;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

/* styles for blocks containing name, position and email address */
p.info {
	position: absolute;
	margin: 0; /* simplify placement of p */
	padding-bottom: 0; /* flush with bottom of photo */
	padding-left: 1em; /* some padding between photo and text */
	bottom: 0; /* flush with bottom of container div */
	left: 75px; /* width of photo is 60px */
}

p.bio { font-size: .9em; } /* smaller text for biographies */

/* add envelope icon to member's email links */
a.email_address {
	background: #fff url(../Images/icon-mail.gif) no-repeat scroll top left;
	padding-left: 23px; /* space between mail icon and address */
}

/* ***************** Meetings.php ****************** */

div#meetings-content {
	padding: 1px; /* prevent collapsing top margin */
}

div#meetings-content-left {
	margin-right: 15em; /* 13 + 2em to separate columns */
	margin-top: 0;
	padding: 0 0 1em .2em;
}

/* Right column containing meeting archives */
div#meetings-archives {
	width: 13em;
	/*height: 25em; /* 3em height per link (25-10margin)/5 */
	background-color: #fff;
	float: right;
}

div#meetings-archives ul {
	background-color: #99cc33; /* dark green background color */
	list-style: none;
	margin-top: 2em; /* space between primary_nav and archives ul */
	padding: 0;
	border: 1px solid #274121;
}

div#meetings-archives ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #274121;
}

/* each list item acts as a link */
div#meetings-archives ul li a {
	display: block; /* permits margins, padding adjustment for links */
	font-size: 1.2em;
	color: #094079;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: .5em;
}

/* remove top margin/padding for archives list h3 only */
div#meetings-archives h3 {
	margin-top: 0;
	padding-top: 0;
}

/* hover effect for archive links */
div#meetings-archives ul li a:hover {
	background-color: #cdf15d;
}

/* unique style for the title of the list */
div#meetings-archives ul li.list_title {
	text-align: center;
	background-color: #274121;
	padding: 1em;
	color: #cdf15d;
}

/* ************** Archives Navigation .html ************* */

ul#archives_nav {
	list-style-type: none;
	display: table; /*shrink-wraps the ul for centring purposes*/
	font-size: 1em; /* 12.8 x 1.3 = 16.64px -- same as main navigation*/
	padding: 0; /*removes ul indentation*/
	margin: .5em auto; /* centre horizontally with some top and bottom space*/
}

ul#archives_nav li {
	display: inline;
	padding: .1em .5em;
	border-right: 1px solid #094079;
	border-left: 1px solid #fff;
	margin: 0;
}

ul#archives_nav li.no_bar { border-right-color: #fff; }

ul#archives_nav li.currentarchive span {
	padding: 0;
	margin: 0;
}

/* **************** Archives200*.php ************** */

#archives-content {
	padding: 1px 0 2em 0;
}

ul#meetinglogs {
	list-style-type: none;
	margin-left: 2em; /*indent main list on left and right side*/
	margin-right: 2em;
	padding: 0; /* only margin is used for indentation purposes */
}

/* increase space between monthly entries */
ul#meetinglogs li { margin-bottom: 2em; }

#meetinglogs h3 {
	border-bottom: 1px solid #094079;
	margin-bottom: .5em; /*some space between heading and ordered list*/
}

#meetinglogs ol {
	list-style-type: upper-roman;
	margin-left: 4em;
	margin-right: 4em;
	padding: 0;
}

/* restore default spacing between ol list items */
#meetinglogs ol li { margin-bottom: auto; }

#meetinglogs blockquote {
	font-style: italic;
	margin: 1em 4em 1em 0;
}


/* *************** Agreement.php ***************** */

div#agreement-content {
	padding: 1px 1em 1em 1em; /* prevents collapsing top margins and gives extra room on left and right for large roman numerals as they become long */
}

/* defines position of links for pdf & printer versions of a page */
div.alt_version {
	float: right;
	font-size: .7em;
	margin: 0;
	padding-top: 0;
}

/* give some space between bottom of alt_version and top of list */
ol#agreement { padding-top: 1em; }

/* list items are spaced out by 1em */
div#agreement-content li {
	margin-bottom: 1em;
}

/* clauses that contain clause titles without accompanying paragraphs are followed directly--without a space--by the nested ordered list, but the clauses that contain a clause title AND are accompanied by a paragraph of text ARE followed by a space of 1em */
div#agreement-content ol span.clause + ol {
	margin-top: 1em;
}

div#agreement-content ol {
	list-style-type: upper-roman;
}

div#agreement-content ol ol {
	list-style-type: upper-alpha;
}

div#agreement-content ol ol ol {
	list-style-type: decimal;
}

div#agreement-content ol ol ol ol {
	list-style-type: lower-alpha;
}

.clause_title {
	font-size: 1.1em;
	font-style: italic;
}

/* ************** Portfolio.php **************** */

div#portfolio-content {
	padding: 1px; /* prevent collapsing top margin */
}

div#growth-income {	padding: 1px; }

/* Remove margin from paragraphs to reduce space between top and 2 cols */
div#growth-income p {
	margin: 0;
}

div#portfolio-content h2 {
	font-size: 1.2em;
	margin: 0;
}

.left_col {
	padding: 1px;
	float: left;
	width: 25em;
	margin: 0 0 1.5em 3em; /* separates last paragraph and .left_col */
}

.right_col {
	width: 25em;
	margin-left: 32em;
	padding: 1px;
}

/* **************** Growth.php/Income.php *************** */

div#growth-income-content { 
	padding: 1px; /* prevent top margin collapse */
}

/* Generalized Rules for tables in portfolio pages */
#growth-income-content table {
	border-collapse: collapse; /* remove double borders of cells */
	font-size: .9em; /* smaller font size for tables */
	color: #094079; /* dark blue text for table text */
	margin-top: 2em; /* space between nav bar and table */
	margin-left: auto; /* center the table within #portfolio-table */
	margin-right: auto;
}

#growth-income-content a:link, #growth-income-content a:visited, #growth-income-content a:hover { text-decoration: none; }

#growth-income-content a:link, #growth-income-content a:visited {
	color: #094079; /* dark blue text for links for consistency */
}

#growth-income-content a:hover {
	color: #fff; /* white tr link-text hi-lighter */
}

/* table head tr is dark blue with white text and doesn't have hover effect */
#growth-income-content table thead tr, #growth-income-content table thead tr:hover {
	border: 1px solid #094079;
	background-color: #094079;
	color: #fff;
}

/* cell padding */
#growth-income-content table th, #growth-income-content table td {
	padding: 0 .7em 0 0; /* padding separates coloums to the right*/
	text-align: left;
}

/* only want horizontal,light green borders */
#growth-income-content table tr {
	padding: 0; /* reduce whitespace in tr */
	margin: 0; /* reduce whitespace */
	border-top: 1px solid #c7e887;
	border-bottom: 1px solid #c7e887;
}

/* light green zebra stripes for EVEN tr */
#growth-income-content tr.odd_tr + tr {
	background-color: #c7e887;
}

/* table tr hover effect -- light blue tr:hover */
#growth-income-content table tr:hover, #growth-income-content tr.odd_tr + tr:hover, #growth-income-content table tr.iehover2 {
	background-color: #90b8e1;
}

/* Centre the checkmarks/crosses in the research column */
#growth-income-content table td.centre { text-align: center; }

/* next 2 rules are for hover effect for check marks to indicate link */
#growth-income-content table td.centre a:link, #growth-income-content table td.centre a:visited {
	padding-right: 7px;
	padding-left: 7px;
}

#growth-income-content table td.centre a:hover {
	padding: 0 5px;
	border-left: 2px solid #437238;
	border-right: 2px solid #437238;
}

/* remove borders around check marks */
div#portfolio-table td img { border: 0; }

/* container for performance & sector tables */
div#table-container {
	display: table; /* shrink wrap tables */
	margin-left: auto; /* center both tables below portfolio table */
	margin-right: auto;
	padding-bottom: 1em; /* some extra room above footer */
}

/* 2 column lay out for performance & sector tables */
div#performance-table {
	float: left;
	width: 15em;
	padding-left: 1em; /* indent slightly from left edge of portfolio table */
	padding-top: 1px; /* prevent collapsing top margin */
}

div#performance-table table {
	width: 100%; /* table fills entire div */
}

div#sector-table {
	margin-left: 23em; /* room for performance table plus separation */
	width: 15em; /* sector table is same width as performance table */
	padding-top: 1px; /* prevent collapsing top margin */
}

div#sector-table table {
	width: 100%; /* table fills entire div */
}

.footnote { font-size: .8em; }

#table-container tr.align_right td { text-align: right; }

/* erases green border from this tr.no_border and tr.no_border+tr so that the top border of tr.no_border+tr does not look like at bottom border of tr.no_border */
#table-container tr.no_border, #table-container tr.no_border + tr { border: 0; }

/* merged cell that contains the date below the heading has different colour and has no hover effect */
#table-container tr.sub_head, #table-container tr.sub_head:hover {
	background-color: #d6e7f9; /* light blue background */
	border-left: 1px solid #d6e7f9; /*keeps left side flush with title*/
}

/* ***************** FAQ.php ******************* */

#faq-content {
	padding: 1px; /* prevent collapsing top margin */
}

#faq-content ul {
	list-style-type: none;
	margin: 0; /* remove list indent from all browsers */
	padding: 0;
}

/* give each faq/faq_ans it own space */
#faq-content li { margin: 3em 2em 0 2em; }

#faq-content li a { color: #094079; }

/* question is bold and blue */
#faq-content span.faq { 
	color: #094079;
	font-size: 1.2em;
	font-weight: bold;
}

#faq-content a img { border: 0; }

#faq-content span a:link, #faq-content span a:visited {
	color: #7ba42b;
	font-weight: normal;
}

#faq-content span a:hover {
	text-decoration: underline;
}

/* answer is indented and dark green */
#faq-content div.faq_ans {
	color: #437238;
	padding: .2em .2em 0 .2em;
	margin: 0 2em 0 2em;
}

/* ************** JoinUs.php ********************** */

#joinus-content {
	padding: 1px; /* prevents top margin from collapsing */
}

#joinus-content ol, #joinus-content ul {
	padding: 0;
	border: 0;
	margin: 1em 4em 3em 4em; /*indent 4em on each side space at top/bottom */
}

#add_withdraw ul { list-style-type: none; }

/* *************** ImportantForms.php ***************** */
#importantforms-content img {
	border: 0;
}

/* *************** ContactUs.php ******************* */

#contactus-content {
	padding: 1px;
}

form#contactform {
	/*border: 1px solid black;*/
	display: table;
	margin: 3em auto;
}

/* light green border with light blue background for text fields */
input#name, input#email, textarea {
	border: 1px solid #99cc33;
	background-color: #eff3f9;
}

/* green and blue send button */
input#send {
	border: 2px outset #99cc33;
	background-color: #eff3f9;
	font-family: Geneva, Helvetica, sans-serif;
	color: #094079;
}

/* butt the field titles flush with the text fields */
#contactform_layout th {
	text-align: right;
}

/* centre the contact info below the contact form */
#contactinfo-container {
	display: table; /* shrink wrap the div to centre it */
	border: 1px solid #094079;
	margin: 1em auto 3em auto; /* centre div */
}

#contactinfo-container h2 {
	background-color: #cdf15d;
	margin-top: 0;
	border-bottom: 1px solid #094079;
}

/* reduce space between Contact Info h2 and subsequent h3s */
#US_contactinfo h3, #Japan_contactinfo h3 { margin-top: 0;}

#email_contactinfo {
	padding: .2em; /* space between container border and text */
	margin: 2em 0 2em 0;
}

/* 2 column layout for US and Japan contact info */
#US_contactinfo {
	width: 20em;
	padding-left: .2em; /* space between container border and text */
	float: left;
}

#Japan_contactinfo {
	margin-left: 22em;
}

/* ***************** Resources.php ****************** */

#resources-content {
	padding: 1px;
}

ul#resources, ul#resources ul { list-style-type: none; }

ul#resources ul {
	margin: 1em;
	padding: 0;
}

ul#resources h3 {
	margin-bottom: 0;
	padding-bottom: 0;
}

ul#resources ul {
	margin-top: 0;
}

/* ******************* SiteMap.php ****************** */

#sitemap-content {
	padding: 1px; /* prevent collapsing top margin */
	line-height: 1.4em; /* space list items out */
}

/* no bullets in site map list */
#sitemap-content ul {
	list-style-type: none;
}

/* all links are dark blue with no underline */
#sitemap-content a {
	color: #094079;
	text-decoration: none;
	padding-left: .3em; /* some space between text and hover effect */
	border-left: 5px solid #fff /* invisible side border until hover effect */
}

/* light green bar to left of link on hover */
#sitemap-content a:hover {
	border-left: 5px solid #cdf15d;
}

ul#sitemap {
	padding-left: 4em; /* give lots of room to left of main list */
	margin-left: 0; /* makes sure all browsers use padding to indent this ul */
}

ul.sitemap_lev2 {
	padding-left: 1.5em; /* reduce the indent for nested sitemap lists */
	margin-left: 0; /* makes sure all browsers use padding to indent this ul */
}

ul#sitemap > li {
	margin-bottom: 1em;/* give effect of grouping between top tier list items */
	font-weight: bold; /* heavier weight for top tier list items */
	/*border-bottom: 1px solid #094079;*/ /* underline effect for top tier li */
	width: 22em; /* shortens underlines */
}

/* Created this special h4 because Opera doesn't make this font-family bold */
ul#sitemap h2 {
	font-size: 1em;
	padding: 2px;
	border: 1px solid #939fab;
	margin: 0;
	background-color: #ddedad;
}

/* special rule for li with nested ul so that underline does not appear below nested ul */
ul#sitemap > li.no_border { border: 0; }

/* underline effect for top tier li with nested ul */
ul.sitemap_lev2 {
	/*border-top: 1px solid #094079;*/
	font-weight: normal; /* over-ride bold text in nested lists */
}
/* ******************* Legal.php ****************** */
/* ************** Footer Specific Styles ************* */
#footer {
	position: relative; /* allows absolute positioning of div#aiso */
	text-align: center; /* centres paragraph text */
	font-size: .8em;
	line-height: 1.1em;
	height: 50px; /* make footer big enough to contain aiso img */
	background-color: #90b8e1;
	border: 1px solid #094079;
}

#footer p { margin-top: .8em; }

/* absolutely position the aiso link image to the far left of footer*/
div#aiso {
	width: 148px; /*fit to img size*/
	height: 44px;
	position: absolute;
	left: 0;
	top: 2px;
}

#aiso img { border: 0; }