html, body { /* saves you from the "centering jump" on short pages */
	min-height: 100%;
	margin-bottom: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
}
#container {
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	text-align: left;
	border: 1px solid #CCCCCC;
	padding: 1em;
}
p {
	margin: 0 0 1.2em 0;
}

h1 {
	font-size: 1.5em;
	color: #660000;
	font-weight: bold;
	text-align: center;
}

h2 {
	color: #666666;
	text-align: center;
	font: italic 1.5em "Times New Roman", Times, serif;
	
}

h3 {
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 1em;
	font-weight: bold;
	color: #FF9900;
}
h4
{
	margin-bottom: 0.5em;
	font: 1.2em Arial, Helvetica, sans-serif;
	
}



em {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: italic;
	color: #666666;
}



/* footer styles */
#footer {
	padding: 2em 1px 1px;
	border-top: 1px solid #999999;
	font-size: 80%;
	color: #736B5E;  /* This background color covers the faux column effect that spans the entire holder div */
	clear: both;
}
}
#periodical_topbar {
	text-align: center;
	padding: 0px;
	width: 700px;
}
#periodical_content {
	padding: 15px;
	text-align: justify;
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}
#periodical_content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}
#periodical_holder {
	padding: 2px 15px 15px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	background-position: center;
}

#periodical_content strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	
}
#issueNo {
	color: #999999;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
.ivories_title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #FC0;
	text-align: center;
	font-weight: bold;
	line-height: 2em;
}
.img_right { margin: 0 1em 0 0.5em;
}
/* floating images left and right START*/
.image_left {
	float: left;
	margin-right:1em;
	
}
.image_right_float {
	float: right;
	margin-left:1em;
}
/* floating images left and right END*/
/* content boxes is a style theat holds the main content START*/
.content_boxes { 
	clear: both;
	margin:1em 0 0 0;
}
.vert_align_amber {
	vertical-align: top;	
	
}
/* content boxes is a style theat holds the main content END*/

/*float caption with dotted border START. IMPORTANT I am using a span tag in the rigt float and a div on the left float*/
.caption_right_float {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	float: right;
	width: 200px;
	color: #333333;
	font-style: italic;
	border: thin dotted #999999;
	margin: -8em 6em 2em 4em;
	padding: 1em;
}
/* variation of the caption float for the cherry amber page START*/
.caption_right_float_amber {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	float: right;
	width: 200px;
	color: #333333;
	font-style: italic;
	border: thin dotted #999999;
	margin: -6em 24.5em 2em 4em;
	padding: 0.4em 0.5em 0.5em 0.5em;
}
/* IE workaround verson of above*/
html>body .caption_right_float_amber {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	float: right;
	width: 200px;
	color: #333333;
	font-style: italic;
	border: thin dotted #999999;
	margin: -6em 28em 2em 4em;
	padding: 0.4em 0.5em 0.5em 0.5em;
}
/* variation of the caption float for the cherry amber page END*/
.caption_left_float {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	float: left;
	width: 200px;
	color: #333333;
	font-style: italic;
	border: thin dotted #999999;
	margin: 3em 6em 0 8em;
	padding: 1em;
}
/*float caption with dotted border END*/
.caption_left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0 0 1em 0;
	color: #333333;
	clear: both;
	float: left;
	font-style: italic;
}

.caption_right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0 0 1em 0;
	color: #333333;
	clear: both;
	float: right;
	font-style: italic;
}

/* IE 6 workaround this make the caption sit correctly under the image in fire fox*/
html>body .caption_left{
	margin: 0 0 1em 0;
}

/* IE 6 workaround end*/
/* special caption for one image*/
.caption_right_align {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333333;
	padding-left: 30em;
	padding-top: 2em;
	font-style: italic;
}
/* special caption for one image on the looking after organic gems page*/
.caption_right_align_looking {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333333;
	padding-left: 20em;
	padding-top: 2em;
	font-style: italic;
}
/* styling the top credits on the looking after organic gems page*/
#look_after_top_credits {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333333;
	text-align: center;
	margin-right: 0;
	margin-bottom: 2em;
	margin-left: 0;
}
#look_after_top_credits em {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
}ol {
	list-style: none;
}
/* Non-geographical numbers table info*/
#bone table {
	width: 440px;
	vertical-align: top;
	
}
#bone caption{
	margin: 1em 0 0 0.4em;
	font-size: larger;
	font-weight: bold;
	text-align: left;
}
#bone td {
	padding: 0;
	border1px solid #787a6b;
	background: #CCCCCC;
	color: #000000;
	text-align: left;
	vertical-align: top;
	font-size: 0.8em;
	padding: 0.8em;
	border: 1px solid #999999;
}
#bone th {
	padding: 0;
	border1px solid #787a6b;
	background: #0D6D9E;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	font-size: 0.8em;
	padding: 0.8em;
	border: 1px solid #999999;
}
#table_div {
	width: 440px;
	float: left;
}
#bone strong {
	font-weight: bold;
	color: #01679B;
}

/*Non-geographical numbers table info end*/
/* paymentform table info*/
#sub table {
	width: 440px;
	vertical-align: top;
	
}
#sub caption{
	margin: 1em 0 0 0.4em;
	font-size: larger;
	font-weight: bold;
	text-align: left;
}
#sub td {
	padding: 0;
	border1px solid #787a6b;
	background: #CCCCCC;
	color: #000000;
	text-align: left;
	vertical-align: top;
	font-size: 0.8em;
	padding: 0.8em;
	border: 1px solid #999999;
}
#sub th {
	padding: 0;
	border1px solid #787a6b;
	background: #0D6D9E;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	font-size: 0.8em;
	padding: 0.8em;
	border: 1px solid #999999;
}
#table_div {
	width: 440px;
	float: left;
}
#sub strong {
	font-weight: bold;
	color: #01679B;
}

/*paymentformtable info end*/
/* members payment form table info*/
/*#memsub table {
	width: 440px;
	vertical-align: top;
	
}*/
#memsub caption{
	margin: 1em 0 0 0.4em;
	font-size: larger;
	font-weight: bold;
	text-align: left;
}
#memsub td {
	padding: 0;
	border1px solid #787a6b;
	background: #CCCCCC;
	color: #000000;
	text-align: left;
	vertical-align: top;
	font-size: 0.8em;
	padding: 0.8em;
	border: 1px solid #999999;
}
#memsub th {
	padding: 0;
	border1px solid #787a6b;
	background: #0D6D9E;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	font-size: 0.8em;
	padding: 0.8em;
	border: 1px solid #999999;
}
/*#table_div {
	width: 440px;
	float: left;
}*/
#memsub strong {
	font-weight: bold;
	color: #01679B;
}

/*members payment form table end*/

img {
	border: 1px solid #63331D;
}

#top_image {
	border: 0px solid #63331D;
}
#subscribe_button {
	border: 0px solid #63331D;
}
#footer a:link { 
	color: #736B5E;
	text-decoration: none;
	font-weight: bold;
}
#footer a:visited { 
	color: #666;
}
#footer a:hover, #nav a:active, #nav a:focus {  
	color: #333;
}
#top_nav {
	background: #ECECEC;
	text-align: center;
	padding: 3px;
	margin-top: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	width: 680px;
}
a.periodical:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}
a.periodical:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
a.periodical:hover {
	font-size: 10pt;
	font-weight: bold;
	color: #FDAA07;
}
.periodical_sub_heads {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #660000;
	font-weight: bold;
}
.orange_highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FDA904;
}
.centre_sub {
	text-align: center;
}
.periodical_sub_heads_centre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #660000;
	font-weight: bold;
	text-align: center;
}
hr {
	text-align: center;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}
.Arial_italic_black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000;
	font-style: italic;
}
.Arial_italic_gray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
	font-style: italic;
}