body {
	margin:0;
	padding:38px 0;
	background:#c0e2f9 url(http://leavingthefolks.com/images/bg.png) top repeat-x;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	}


	#rightnav ul { margin: 0 0 10px 0; padding: 0; border: 0; list-style: none; }
#rightnav ul li { text-align: left; margin: 0 0 0 0; font: normal 12px Verdana, Arial, sans; border-top: 1px solid #e3e1e1; }
#rightnav ul li a { width: 223px; display: block; margin: 0; color: #336699; padding: 7px 5px 7px 10px; text-decoration: none; }
#rightnav ul li a:hover { color: #fff; background: #336699; }

#rightnav .header { margin: 0 0 1px 0; color: #c34602; text-transform: bold;  border-top: 0; padding:18px 5px 12px 10px;  font: normal 11px VERDANA; }
#rightnav .header a { width: 220px; display: block; color: #333333; margin: 0; border-top: 0; padding:0; }
#rightnav .header a:hover { color: #ccc; background: none; }


div#cardinfo {

	border: 1px solid #ccc;

	margin: 0 0 20px;

	padding: 1px;

	width: 519px;

}

#cardinfo table {

	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;

	text-align: center;

}

#cardinfo th, #cardinfo td { padding: 5px 10px; }

#cardinfo th {

	background-color: #018c00;

	border-right: 1px solid #fff;

	color: #fff;

}

#cardinfo td { border-top: 1px solid #ccc;}

#cardinfo tr:hover td,

#cardinfo tr.over td {

	background-color: #ffffcc;

}

#cardinfo .ccname {

	font-weight: bold;

	text-align: left;

	line-height: 16px;

	width: 110px;

}

.content .comments {
	background-color: #f5fafe;
	border-top: 1px solid #dde6f1;
	border-bottom: 1px solid #dde6f1;
	margin-left: 1px;
	margin-right: 0px;
	border-left: 1px solid #dde6f1;
	border-right: 1px solid #dde6f1;
	padding: 10px;
	font-size: 12px;
	color: #336699;
	}

	h5 {
	color:#336699;
	font-size:11pt;
	line-height:23px;
	
	padding: 0px 0px 3px 0;
	}

	
.content .comment {
	line-height:18px;
	font-size: 12px;
	}

	h5 {
	color:#336699;
	font-size:11pt;
	line-height:20px;
	margin:0;
	}




h1 {
	color:#5a771e;
	font-size:25px;
	line-height:26px;
	margin:0;
	font-weight: bold;
	font-family: Arial;
	}

h3 {
	color:#333;
	font-size:17px;
	line-height:20px;
	margin:0;
	}
			
h4 {
	color:#5a771e;
	font-size:18px;
	line-height:15px;
	margin:0;
	}

	A:link {text-decoration: none; color: #1c4388;}
A:visited {text-decoration:  none; color: #2b68d5;}
A:active {text-decoration: underline; color: #1c4388;}
A:hover { text-decoration: underline; color: #1c4388;}

.top img { float:left;    
overflow:hidden;
 position:absolute; 

left:0; 

bottom:5px}

img {
	border:none;
	}
.clear {
	clear:both;
	}
.floatLeft {
	float:left;
	margin-top: 3px;
	}
.floatRight {
	float:right;
	padding:0px 0px 0px 0px;
	
	}

/* The Wrapper */

.wrapper {
	width:983px;
	margin:0 auto;

	}

/* The Top */

.top {  
height:33px; 
position:relative; 

line-height:33px; 
overflow:hidden; 

}


.top h1 {
	float:left;
	color:#fff;
	font-size:19px;
	font-weight:normal;
	text-transform:uppercase;
	}
.top ul {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	}
.top li {
	float:left;
	padding-left:9px;
	background:#336699 url(images/tabLeft.png) top left no-repeat;
	margin-left:9px;
	}
.top li a {
	display:block;
	float:left;
	height:33px;
	padding:0 33px 0 14px;
	color:#fff;
	text-decoration:none;
	background:url(images/tabRight.png) top right no-repeat;
	}

.top li a:visited {
	display:block;
	float:left;
	height:33px;
	padding:0 33px 0 14px;
	color:#fff;
	text-decoration:none;
	background:url(images/tabRight.png) top right no-repeat;
	}

.top li:hover {
	background:#1e3d5b url(images/tabLeftHover.png) top left no-repeat;
	}
.top li a:hover {
	background:#1e3d5b url(images/tabRightHover.png) top right no-repeat;
	}
.top li.current {
	background:#1e3d5b url(images/tabLeftHover.png) top left no-repeat;
	}



.top li.current a {
	color:#fff;
	background:#1e3d5b url(images/tabRightHover.png) top right no-repeat;
	}

/* The Center */

.centerTop {
	height:16px;
	background:#fff  top left no-repeat;
	}
.center {
	background:#fff;
	padding:0 16px 16px 16px;
	width:951px;
	position:relative;
	}
.centerInner {
	background:url(images/centerInner.png) left repeat-y;
	}
.topLeft {
	height:10px;
	width:10px;
	overflow:hidden;
	}
.bottomLeft {
	position:absolute;
	left:0;
	bottom:0;
	height:10px;
	width:10px;
	overflow:hidden;
	background:url(images/bottomLeft.png);
	}
.bottomRight {
	position:absolute;
	right:0;
	bottom:0;
	height:10px;
	width:10px;
	overflow:hidden;
	background:url(images/bottomRight.png);
	}

ul {  
list-style:disc; 

}

.li {line-height:1.5em;}


/* The Content */

.content {
	float:left;
	width:524px;
	margin-right:21px;
	overflow:hidden;
	list-style-type: circle;

	}


.content .location {
	font-size:10px;
	height:23px;
	color:#808080;
	border-bottom:1px solid #e2e2e2;
	padding-top:3px;
	margin-bottom:10px;
	list-style-type: circle;
	}


.content .timestamp {
	font-size:10px;
	color:#000000;
	padding-top:10px;

	}

.content .line {
	height:1px;
	overflow:hidden;
	background:#e2e2e2;
	}
.content h2 {
	font-size:18px;
	margin:3px 0 10px 0;
	color:#8cbe28;
	font-family: arial;
	}

.content h3 {
	font-size:14px;
	margin:3px 0 17px 0;
	color:#7d19a2;
	}

.content p, .content ul, .content li, .content table {
	line-height:1.4em;
	}

/* The Sidebar */

.sidebar {
	float:left;
	width:239px;
	border-top:0px solid #d2d2d2;
	background:#f8f8f8;
	margin-right:15px;
	padding:6px 14px;
	overflow:hidden;
	}
.sidebar h2 {
	font-size:14px;
	padding-top: 0px;
	}
.sidebar ul {
	margin:0;
	padding:0px 0 20px 0;
	list-style:none;
	line-height:1.6em;
	font-size:13px;
	border-bottom:0px solid #d2d2d2;
	}
.sidebar p {
	line-height:1.6em;
	color:#000;
	font-size:13px;
	}

/* The Ad Bar */

.adbar {
	float:left;
	width:120px;
	padding-left: 04px;
	overflow:hidden;
	}

/* The Footer */

.footer {
	text-align:center;
	font-size:11px;
	}
.footer ul {
	margin:0;
	padding:20px 0 10px 0;
	list-style:none;
	}
.footer li {
	display:inline;
	padding:0 3px;
	}

input.submit { font-size:16px; padding: 5px; } 

	

#stats {
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 10px 0;
	width: 358px;
}
#stats p { margin: 0 0 12px; }
#stats table {
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 20px;
}
#stats table.expenses {
	background-color: #ffe293;
	border-top: 1px solid #ffcc00;
	border-bottom: 1px solid #ffcc00;
}
#stats table.expenses td {
	border-bottom: 1px solid #f2d68c;
	padding: 3px 5px;
	vertical-align: top;
}
#stats table.expenses tr.last td {
	border-bottom: none;
}
#stats table.expenses td.col {
	width: 50%;
}
#stats table.expenses td.left {
	background-color: #f7db8e;
	border-bottom: 1px solid #ead087;
}
#stats table.expenses span {
	font-weight: bold;
}
#stats table.expenses span.green {
	color: #22a800;
}
#stats table.expenses span.red {
	color:  #ff0000;
}
#stats h4 {
	background-color: #999;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	color: #fff;
	font: bold 12/16px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 12px;
	padding: 5px 10px;
}

#account {
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 10px 0;
	width: 358px;
}
#account p { margin: 0 0 12px; }
#summary {
	background-color: #bee5ff;
	border: 1px solid #0099ff;
	margin: 0 0 20px;
	padding: 10px;
}
#summary h4 {
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 12px;
}
#summary p {
	margin: 0;
}
#account table {
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 20px;
}
#account table colgroup.item {
	width: 250px;
}
* html #account table colgroup.item {
	width: 230px;
}
#account table colgroup.amount {
	width: 108px;
}
* html #account table colgroup.amount {
	width: 88px;
}
#account table.majorline td {
	background-color: #e0eddb;
	border-top: 1px solid #94b189;
	border-bottom:  1px solid #94b189;
	font-weight: bold;
	padding: 10px;
}
#account table.category {
	background-color: #fff;
	border: 1px solid #579047;
}
#account table.category tr.alt td {
	background-color: #e0eddb;
}
#account table.category th,
#account table.category tr.total td {
	background-color: #bbdbae;
	color: #000;
	font-weight: bold;
	text-align: left;
	padding: 2px 10px;
}
#account table.title {
	width: 100%;
}
#account table.title th {
	background-color: #999;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	color: #fff;
	padding: 5px 0;
}
#account table td {
	padding: 2px 10px;
}
#piechart {
	padding: 0 0 0 10px;
	
div.addbudget form {
	margin: 0;
	padding: 0;
}
div.addbudget table td.incomecol {
	text-align: right;
}
div.addbudget table.majorline input,
div.addbudget table th input,
div.addbudget table tr.total td input {
	margin-left: -1px;
}