/* Visual Element Styling */
/* Reference "structural.css" for site layout styling */

body {
	background: url("../images/background.gif") top repeat-x #a59173;
	font-size: 80%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	}

a, a:link, a:visited {
	color: #1f82a9;
	text-decoration: none;
	cursor: pointer;
	}
a:hover {
	color: #006699;
	text-decoration: underline;
	}

#body {
	font-size: .85em;
	color: #514e41;
	line-height: 1.5em;
	}

	ul#currentPosts {
		position: relative;
		margin: 10px 0 0 5px;
		padding: 0;
		}
		ul#currentPosts li {
			position: relative;
			margin: 0;
			padding: 0;
			list-style-type: none;
			}

	#body h1 {
		font: normal 2em "Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height: 42px;
		background: url("../images/dots.gif") bottom repeat-x;
		padding-bottom: 15px;
		margin-bottom: 15px;
		}
	
	#body h2 {
		font: normal 1.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
	
	#copy {
		line-height: 170%;
		}
	
	#copy p {
		margin: 0;
		padding-bottom: 1.5em;
		}
		
	#copy h4 {
		margin: 10px 0 10px 0;
		padding: 10px 0 10px 0;
		font: normal 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
		background: url("../images/dots.gif") left bottom repeat-x;
		font-weight: bold;
		}
	
	#copy h5 {
		font-size: 1em;
		}

	#copy .footNote {
		font-size: 10px;
		color: #999999;
		text-transform: uppercase;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}

	#copy h4.build, #copy h2.build {
		color: #CC3333;
		}
		#copy h4.build a, #copy h4.build a:link, #copy h4.build a:visited, #copy h2.build a, #copy h2.build a:link, #copy h2.build a:visited {
			color: #CC3333;
			}
		#copy h4.build a:hover, #copy h2.build a:hover {
			color: #FF3333;
			text-decoration: none;
			}
	#copy h4.market, #copy h2.market {
		color: #FF9933;
		}
		#copy h4.market a, #copy h4.market a:link, #copy h4.market a:visited, #copy h2.market a, #copy h2.market a:link, #copy h2.market a:visited {
			color: #FF9933;
			}
		#copy h4.market a:hover, #copy h2.market a:hover {
			color: #FFCC33;
			text-decoration: none;
			}
	#copy h4.grow, #copy h2.grow {
		color: #669933;
		}
		#copy h4.grow a, #copy h4.grow a:link, #copy h4.grow a:visited, #copy h2.grow a, #copy h2.grow a:link, #copy h2.grow a:visited {
			color: #669933;
			}
		#copy h4.grow a:hover, #copy h2.grow a:hover {
			color: #66CC33;
			text-decoration: none;
			}

	#copy .highlight {
		padding: 10px;
		background: #FFFFCC;
		border: 1px solid #EEEEEE;
		color: #000000;
		}
	
	.black {
		color: #000000;
		}
	
	#copy ul li {
		margin: 10px 0 10px 0;
		}
		ul.build li, li.build {
			list-style-image: url("../images/bullet_build.gif");
			}
		ul.market li, li.market {
			list-style-image: url("../images/bullet_market.gif");
			}
		ul.grow li, li.grow {
			list-style-image: url("../images/bullet_grow.gif");
			}
		ul.multiple li, li.multiple {
			list-style-image: url("../images/bullet_multiple.gif");
			}
	
	div.popUp {
		font-size: .85em;
		line-height: 1.5em;
		}
		div.popUp a, div.popUp a:link, div.popUp a:visited {
			color: #FFFFFF;
			text-decoration: none;
			}
		div.popUp a:hover {
			text-decoration: underline;
			}
	#infoBuild {
		color: #ffbba3;
		}
	#infoMarket {
		color: #ffecd9;
		}
	#infoGrow {
		color: #def0cc;
		}

	.features h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
		}
	.features h4 {
		font-size: 1em;
		}
	
	#copy table td {
		padding: 5px 0 5px 0;
		}
		
#footer {
	font-size: 11px;
	color: #666666;
	background: url("../images/footer_back.gif") left top no-repeat
	}
	#footer a, #footer a:link, #footer a:visited {
		color: #1f82a9;
		text-decoration: none;
		border-right: 1px solid #666666;
		padding-right: 5px;
		margin-right: 5px;
		}
		#footer a.last, #footer a.last:link, #footer a.last:visited {
			border: none;
			}
	#footer a:hover {
		text-decoration: underline;
		}
	
	#footer .footer_bottom a, #footer .footer_bottom a:link, #footer .footer_bottom a:visited {
		border-right: 1px solid #ffffff;
		color: #FFFFFF;
		}
		#footer .footer_bottom a.last, #footer .footer_bottom a.last:link, #footer .footer_bottom a.last:visited {
			border: none;
			}
	#footer .footer_bottom a:hover {
		text-decoration: underline;
		}