body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.3;
	color: #343c2d;
	background-color: #999966;
}

div {margin: 0; padding: 0;}
a {color: #343C2D;}
p, ul {margin: 0 0 1em 0;}
ul {margin-left: 2em; padding-left: 0;}
h1, h2, h3, h4, h5 {margin: 1em 0 0 0; color: #5e6639; font-family: Verdana, sans-serif;}
h2 {font-size: 150%; margin-top: 0; margin-bottom: 8px;}
h3 {font-size: 115%;}
h4 {font-size: 105%;}
h5 {font-size: small; font-family: Arial, sans-serif;}
label {display: block; font-weight: bold;}

table {width: 98%; margin:4px; padding:4px; border: 1px solid #ddd; border-collapse: collapse;}
th {font-weight: bold; font-size: 110%; background-color: #343C2D; color: #ffcc66; text-align: left; padding: 2px 4px;}
th.date, td.date {width: 30%; font-weight: bold;}
td {border: 1px solid #ddd; padding: 2px; vertical-align: top;}
td {padding-bottom: 10px;}

.clear {clear: both;}
.squeeze {letter-spacing: -1px;}
img.large {
	float: right;; 
	margin-bottom: 1em;
	margin-left: 10px;
}
img.small, .video {float: right; margin: 0 0 4px 4px;}
.video {width: 240px; margin: 0 0 8px 8px;}
.video p {font-size: 88%; color: #47523e; line-height: 1.2;}
.small-photo {float: right; margin: 0 0 6px 4px; color: #666; font-size: 90%; border-bottom: 1px solid #666;}
.large-photo {
	margin: 0 0 1em 4px; 
	color: #666; 
	font-size: 90%; 
	border-bottom: 1px solid #666; 
	float: right;
	width: 383px;
	margin-left: 10px;
}
.large-photo p {padding-left: 10px;}
.small-photo p, .large-photo p {margin-top: 4px; line-height: 1.1;}
.yes, .no {color: #fff; padding: 2px 1px; font-size: 86%;}
.yes {background-color: green;}
.no {background-color: red;}

.box {background-color: #E8E7D5; padding: 8px; margin-bottom: 1em; clear: right;}
.box h3 {margin-top: 0; color: #343C2D; margin-bottom: 4px; font-size: 110%;}
.box h5 {margin-top: 0; margin-bottom: 8px;}
.box p {margin-bottom: 8px;}
a.doc {
	background: transparent url(/images/doc-word.gif) right 50% no-repeat; 
	padding-right: 16px; 
	display: inline-block;
	vertical-align: middle;
}
a.pdf {background-image: url(/images/doc-pdf.gif); padding-right: 17px;}

#comments {margin-top: 2em; clear: right;}
#comments h3 {border-bottom: 1px solid #999; margin-bottom: 1em;}

.comment {
	margin-bottom: 1em;
	padding: 8px 0 6px 22px; 
	border-bottom: 1px solid #999;
	background: transparent url(/images/comment-quotes.gif) top left no-repeat;
	font-size: 110%;
}

.name-and-location {
	margin-top: 6px;
	font-style: italic;
	text-align: right;
	font-size: small;
}

.news_listing {
	margin: 1em 0 1.5em 0;
	width: 100%; 
	border-top: 1px solid #E8E7D5;
	Xbackground-color: #f8f8f8; 
	Xpadding: 4px 4px 1em 4px; 
	padding-bottom: .5em;
}
.news_story {margin-bottom: 3em; border-top: 1px solid #E8E7D5;}
.news_listing .publish_date, 
.news_story .published_date {font-size: 88%; color: #666; padding: 2px 0 4px 0; }
.news_listing .news_type, 
.news_story .news_type {
	float: right;
	font-size: 88%;
	color: #996633;
	Xbackground-color: #996633;
	background-color: #E8E7D5;
	padding: 1px 2px;
}
.news_listing h3 {margin-top: 0px;}
#news_type_buttons {height: 40px; padding-bottom: 1em;}
#news_type_buttons a.news_type {
	float: left;
	margin-right: 3px;
	font-size: 88%;
	color: #fff;
	background-color: #996633;
	padding: 1px 2px;
	text-decoration: none;
	font-weight: bold;
}
.published_by {
	color: #343C2D;
	Xbackground-color: #E8E7D5;
	background-color: #f9f9f9;
	Xborder-top: 1px solid #eee;
	padding: 2px;
	margin: 4px 0;
}
.published_by a {color: #343C2D;}

#comment_form {background-color: #E8E7D5; padding: 8px;}

.section-navigation { 
	clear: both;
	display: block;
	Xletter-spacing: -.5px;
	font-weight: bold;
	margin: 2em auto 1em auto;
	padding: 1em 0 0 1em;
	
	background: transparent url(/images/section-navigation.jpg) top left no-repeat;
}
.section-navigation h3 {margin-top: 4px;}
.section-navigation a {color: #565F2E;}
.section-navigation ul {margin-left: 1.4em; padding-left: 0;}
.section-navigation div.section-gutter {
	padding: 6px;
	background: transparent url(/images/section-navigation-bottom.gif) bottom center no-repeat;
}
.text, .text_m {width: 98%; padding: 4px; border: 1px solid #777}
.text_m {width: auto;}
div.r {margin-bottom: 8px;}

#wrap {
	width: 798px;
	border: 1px solid #fff;
	margin: 42px auto 11px auto;
}

#page {width: 798px; background-color: #fff; margin: 0;}

#banner {
	position: relative;
	width: 798px; height: 259px;
	background: #fff url(/images/banner.jpg) left bottom no-repeat;
}

#top {
	position: absolute;
	width: 798px; height: 55px;
	top: 0; left: 0;
	background: transparent url(/images/top.gif) left top no-repeat;
}
#top h1 {
	position: absolute;
	width: 293px; height: 55px;
	margin: 0; padding: 0;
	background: transparent url(/images/our-phosphate-risk-logo.gif) left top no-repeat;
}
#top h1 span {display: none;}

#location {
	color: #996633;
	font-size: 90%;
	padding-bottom: 1em;
}
#location a {color: #996633; text-decoration: none;}
#location a:hover {text-decoration: underline;}
body#home #location {padding-bottom: 0;}

#contents {margin-top: 10px;}

#sidebar {float: left; width: 193px;}
body#manager #sidebar {display: none;}

#latest-information {
	Xfloat: left;
	width: 193px;
	background-color: #e8e7d5;
	font-size: 12px;
	color: #666;
	padding-bottom: 2px;
}

#latest-information .gutter {padding: 0 10px;}

#latest-information ul {
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 1em;
	border-bottom: 1px solid #fff;
	list-style: none;
}

#latest-information h3, 
#quick-menu a {
	width: 100%; height: 25px;
	margin-top: 0;
	color: #ffcc66;
	font-size: small;
	line-height: 25px;
	background: transparent url(/images/sidebar-head-bg.gif) top left no-repeat;
}
#latest-information h3 span, #quick-menu a span {padding-left: 12px;}
body#manager #latest-information {display: none;}

#quick-menu a {
	display: block; 
	border-bottom: 1px solid #fff;
	color: #ffcc66;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
#quick-menu a:hover {background: transparent url(/images/sidebar-head-bg.gif) bottom left no-repeat;}


#main {
	width: 590px;
	margin: 0 0px 0 194px;
	Xbackground-color: #eee;
}
#main .gutter {padding: 0 20px 0 24px;}
body#manager #main {width: 792px; margin: 0;}

#footer {}

#back-to-top {clear: both; padding-top: 2em; text-align: center; font-size: 90%; font-weight: bold;}

#bottom-menu, 
#copyright {
	width: 800px;
	margin: 10px auto;
	text-align: center;
	color: #fff;
	font-size: 88%;
}
#bottom-menu a, 
#copyright a {
	color: #fff;
}