.fl {
	float: left;
}
.fr {
	float: right;
}
.cl {
	clear: left;
}
.cr {
	clear: right;
}
.cb {
	clear: both;
}

#logo {
	margin: 0px;
	font-size: 4em;
}
#logo img {
	border: none;
}
#loginHolder, #mapHolder {
	margin-left: auto;
	margin-right: auto;
	width: 65em;
}
#mapHolder {
	width: 78em;
}
#bar {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0.5em;
	clear: both;
	border-top: solid 3px #83C500;
}
#worldMap, #AfricaMap, #AsiaMap, #AustralasiaMap, #EuropeMap, #MiddleEastMap, #NAmericaMap, #SAmericaMap {
	width: 485px;
	float: left;
	padding-right: 15px;
	margin-top: 0px;
}
#loginHolder > #worldMap, #loginHolder > #AfricaMap, #loginHolder > #AsiaMap, #loginHolder > #AustralasiaMap, #loginHolder > #EuropeMap, #loginHolder > #MiddleEastMap, #loginHolder > #NAmericaMap, #loginHolder > #SAmericaMap {
	margin-top: 0px;
}
#worldMap img, #AfricaMap img, #AsiaMap img, #AustralasiaMap img, #EuropeMap img, #MiddleEastMap img, #NAmericaMap img, #SAmericaMap img {
	border: solid 1px #83C500;
}
#standardForm, .plantInfo, .countryInfo, .treeInfo, .blueBox {
	border: solid 1px #276B9A;
	border-top: 3px solid #276B9A;
	background-color: #DFE9F0;
	padding: 0.25em;
	color: #276B9A;
}
.blueBox {
	margin-bottom: 1em;
}
.whiteBox {
	border: solid 1px #276B9A;
	border-top: 3px solid #276B9A;
	padding: 0.5em;
	color: #276B9A;
	margin-bottom: 1em;
}
.plantInfo img, .countryInfo img, .treeInfo img {
	float: left;
}
.plantInfo h2, .plantInfo p, .plantInfo ul, .countryInfo h2, .countryInfo p, .treeInfo h2, .treeInfo p, .treeInfo ul  {
	margin-left: 175px;
}
.plantInfo {
	margin-left: 500px;
}
.countryInfo {
	margin-left: 500px;
	min-width: 26.5em;
}
.treeInfo {
	min-width: 26.5em;
}
.treeInfo li {
	list-style-image:url(../images/bullet-arrow-trans.gif);
}
#forgottenPwd, .infoBox, .plainBox {
	margin-top: 0px;
	margin-left: 500px;
	margin-bottom: 10px;
	border: solid 1px #83C500;
	background-color: #FFF;
	minimum-width: 23em;
	padding: 0.25em;
	background-image: url(../images/grad.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
html>/**/body #forgottenPwd {
	width: 28em;
	margin-top: 15px;
}
.plainBox {
	background-color: #EDF6D9;
	background-image: none;
}
.plainBox img {
	float: left;
}
.plainBox h2, .plainBox p {
	margin-left: 175px;
}
.registerForm {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
#chooseTreeHolder {
	margin-top: 0px; 
}
#chooseTreeHolder #showTrees, #showTreesTable {
	margin-top: 15px;
	margin-right: 435px;
}
#chooseTreeHolder > #showTrees, #chooseTreeHolder > #showTreesTable {
	margin-top: 0px;
}
#chooseTreeHolder table, #basicMapInstructions table {
	font-size: 0.9em;
}
#chooseTreeHolder table {
	float: left; 
	border: solid 1px #4D7300; 
	margin-right: 0px; 
	width: 12.5em;
}
#chooseTreeHolder table caption, #basicMapInstructions table caption {
	color: #FFF;
	font-size: 1px;
}
#chooseTreeHolder td, #chooseTreeHolder th, #basicMapInstructions td, #basicMapInstructions th {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
}
#chooseTreeHolder th, #basicMapInstructions th {
	text-align: left;
	background-image: url(../images/table-tree-grad.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#chooseTreeHolder .evenTreeRow, #basicMapInstructions .evenTreeRow {
	background-color: #E0F0BF;
}
#chooseTreeHolder tr:hover, #basicMapInstructions tr:hover {
	background-color: #E0F0BF;
}
#chooseTreeHolder th:hover, #basicMapInstructions th:hover {
	background-color: #FFF;
}
#chooseTreeHolder #instructions {
	float: right;
	width: 340px;
}
.chooseTree {
	border-bottom: solid 2px #4D7500;
	padding-bottom: 5px;
}
.treeInfoDiv {
	margin-left: 13em;
	border: solid 1px #83C500; 
	padding: 5px;
}
.treeInfoDiv h2 {
	text-align: center;
}
.treeInfoDiv .treeImgBlock {
	width: 130px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.treeInfoDiv p {
	margin-left: 150px;
	margin-bottom: 20px;
}
.treeConfirmation {
	width: 95%;
	margin-top: 0.5em;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	color: #276B9A;
	padding: 0.3em;
	border-top: 2px solid #4E7500;
	clear: both;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}
.treeConfirmation p {
	color: #1C4D6C;
}
.plantButton {
	width: 6em;
	margin-left: auto;
	margin-right: auto;
}
#loginHolder {
	width: 50em;
	margin-left: auto;
	margin-right: auto;
}
#loginLeftCol {
	width: 16.75em;
	float: left;
}
#loginRightCol {
	margin-left: 17.75em;
}
/* Logged in styles START */

/* column styles START */
#mainContent {
	margin-left: 10.5em;
	margin-right: 13.25em;
}
#midLeftContent {
	width: 250px;
	float: left;
}
#midRightContent {
	margin-left: 260px;
}
#rightContent {
	float: right;
	border: solid 1px #82C500;
	width: 12.5em;
	background-color: #EDF6D9;
	color: #507800;
}
/* column styles END */

.borderedBox, .greenBorderedBox {
	border: solid 1px #276B9A;
	padding: 5px;
	margin-top: 0.75em;
}
.greenBorderedBox {
	border: solid 1px #83C500;
	background-color: #EDF6D9;
}
.myInfo {
	border: solid 1px #276B9A;
	background-color: #DFE9F0;
}
.userInfo {
	margin-left: 8em;
}

/* Tab styles START */
#wholeTabs {
	margin: 0px;
	margin-top: 0.75em;
	margin-bottom: 31px;
	display: block;
}
html>/**/body #wholeTabs {
	margin-bottom: 30px;
}
#wholeTabs ul {
	margin: 0px;
	list-style: none;
	padding-left: 3px;
}
html>body #wholeTabs ul {
	padding-left: 0px;
}
#wholeTabs li {
	float: left;
	margin-right: 0.25em;
	padding-bottom: 0.5em;
}
.tabs a, .tabs a:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #276B9A;
	background-image: url(../images/tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 0.75em;
	padding-bottom: 0.5em;
}
html>/**/body .tabs a {
	padding-top: 0.15em;
}
#wholeTabs .notSelected a {
	background-color: #DFE9F0;
	background-image: url(../images/tr-ns.gif);
	color: #276B9A;
}
.tabs a span {
	background-image: url(../images/tl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 0.75em;
}
html>/**/body .tabs a span {
	padding-top: 0.15em;
}
#wholeTabs .notSelected a span {
	background-color: #DFE9F0;
	color: #276B9A;
	background-image: url(../images/tl-ns.gif);
}
html>/**/body .tabs .notSelected a span {
	background-image: url(../images/tl-ns.gif);
	background-color: #DFE9F0;
	color: #276B9A;
}
/* START rounded corner divs (c/o Webcredible...!) */
.t {
	background: url(../images/dot.gif) 0 0 repeat-x #276B9A;
	color: #FFF;
}
html>/**/body .t {
	clear: left;
}
.b {
	background: url(../images/dot.gif) 0 100% repeat-x;
}
.l {
	background: url(../images/dot.gif) 0 0 repeat-y;
}
.r {
	background: url(../images/dot.gif) 100% 0 repeat-y;
}
.bl {
	background: url(../images/bl.gif) 0 100% no-repeat;
}
.br {
	background: url(../images/br.gif) 100% 100% no-repeat;
}
.tl {
	background: url(../images/tl.gif) 0 0 no-repeat;
}
.tr {
	background: url(../images/tr.gif) 100% 0 no-repeat; 
	padding:10px;
}
/* END rounded corners */

/* Tab styles END */

#profileOptions ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	padding: 0px;
}
#profileOptions li {
	background-color: #EDF6D9;
	border-bottom: dashed 1px #83C500;
	border-left: dashed 1px #83C500;
	padding: 0.15em;
	list-style-type: none;
}
#profileOptions li:hover {
	background-color: #F2F9EF;
}
#profileOptions a {
	text-decoration: none;
}
#profileOptions a:hover {
	color: #276B9A;
}
#profileOptions a:visited:hover {
	color: #83C500;
}
.treeImg {
	float: left;
	width: 250px;
	margin: 0.5em;
	border: solid 1px #276B9A;
}
#messages {
	padding: 0.5em;
}
.box, .bigBox {
	border: solid 1px #276B9A;
	width: 49%;
}
.bigBox {
	width: 98%;
}
.box embed, .bigBox embed, .box object, .bigBox object {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
html>/**/body #rightBox {
	margin-left: 51%;
}
.custChart {
	padding-left: 0.5em;
	padding-bottom: 0.5em;
}
#contextMenu {
	margin-bottom: 0.75em;
	border: solid 1px #276B9A;
	background-color: #DFE9F0;
	padding: 0.5em;
	height: 1.5em;
}
#contextMenu ul {
	margin: 0em;
	padding: 0em;
}
#contextMenu li {
	list-style-type: none;
	display: block;
	background-color: #DDD;
	border: solid 1px #276B9A;
	float: left;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.15em;
	padding-bottom: 0.15em;
	margin-right: 1em;
	font-weight: normal;
}
#contextMenu li a {
	text-decoration: none;
	color: #276B9A;
}
.searchFrm {
	width: 23.2em;
	padding-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
}
#thoughtForDay {
	padding: 0.5em;
	margin-top: 0.75em;		
}
#thoughtForDay a {
	font-size: 0.85em;
	margin-bottom: 0em;
}
.accountOptions {
	background-color: #DFE9F0;
	border: solid 1px #276B9A;
	padding: 0.5em;
}
.searchNav {
	margin-top: 0.75em;
	text-align: center;
}
#iPhone {
	margin-top: 1em;
}
#iPhoneLeft {
	width: 200px;
}
#iPhoneLeft img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 66px;
}
#iPhoneRight {
	width: 420px;
}
/* Logged in styles END */
