/* @override http://luke-hartmans-computer.local/~luke/interestgrows/styles.css */

html,body{margin:0;padding:0;}
body{font: 76% arial,sans-serif; background: #79B30B;}
p{margin:0 0 10px}
div#header h1{height:120px;line-height:60px;margin:0;
  padding-left:30px; color: #79B30B; display:inline; font-size: 250%;}
div#container{text-align:left;}
div#content p{line-height:1.4;}

div#footer{background: #fff;color: #FFF}
div#footer p{margin:0; padding:5px 10px}

div#container{width:800px;margin:0 auto; background: white;}
div#wrapper{float:left;width:100%}
div#content{
	margin: 0 140px;
	/*border-right: 1px #ccc dashed;
	border-left: 1px #ccc dashed;*/
	padding: 3px;
}
div#navigation{float:left;width:120px;margin-left:-120px}
div#extra{float:left;width:120px;margin-left:-800px}
div#footer{clear:left;width:100%;text-align:center;}

/*
Below is Luke's CSS
*/

a{
	color: #79B30B;
}

div#header img{
	padding-left: 20px;
}

/*Removes border from images*/
img{border:0;}
img.inset{
	float: left;
	padding: 5px;
}
h2{
	color: #999;
	padding-bottom: 0;
	margin-bottom: 0;
}

h2 a
{
	color: inherit;
}

/* @group Contact Us */

/* The three below are for the contact us page */

dt{
	margin-top: 5px;
	font-weight: bold;
}

dt span{
	font-weight: normal;
	font-size: 80%;
	color:  gray;
}

dd{
	padding-left: 0;
	margin-left: 0;
}



/* @end */

/* Styles for the navigation link */
#navigation ul{
padding: 0;
margin: 0;
}

#navigation li{
	list-style: none;
	border: 1px solid white;
	border-top: solid 1px #999;
	margin: 0;
	padding: 0;
}
#navigation a{
	display: block;
	font-weight: bold;
	color: #79B30B;
	text-decoration: none;
	padding: 10px 0;
	margin: 0;
}
#navigation a:hover{
	background: #79B30B;
	color: white;
}

/*Below are styles for the calculator pages*/
input
{
	width: 90px;
	font-size: 76%;
}

select, option
{font-size: 100%;}

/* Div containing area for snowball */

/* @group snowball */

/* styles for div containing individual loans*/
#loans > div
{
	background: #79B30B;
	margin: 3px;
	padding: 3px;
}


/* put the results over to the right */
#loans div.results {
	width: 45%;
	float: right;
}

/* @end */

#content span{
	width: 8em;
	display: block;
	float: left;
}

#content span *{
	border: 1px red solid;
}

/* @group Lightbox Styles */

/*lightbox show instructions styles*/

.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 1em;
	border: 1em solid #B8B8B8;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: auto;	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }
#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }

#container { 
	width: 50%;
	margin: 0 auto;
	text-align: left;
}

.footer {
	background-color: #000;
	padding: 0.5em;
}



/* @end */