/*-------------------------------------------------
Payrolling.com Stylesheet

version: 1.0
author: ehab alatrebi
email: ehab@payrolling.com
website: http://www.payrolling.com

-------------------------------------------------*/

/*----------Community----------*/

#main {
	background:url(images/community.jpg) no-repeat;
	border:0;
	width:923px;
	height:238px
}

#main h1 {
	background:url(images/community_h1.gif) no-repeat;
}

.community {
	float:left;
	margin-top:10px;
	border:solid 1px #ccc;
	border-top:solid 5px #3E8E54;
	width:594px;
	background:url(images/lg_pnl.jpg) repeat-y;
}

#komen {margin-top:30px;height:400px;}
#cleanwater {margin-top:10px;height:360px;}
#dress4success {margin-top:-75px;height:445px;}
#compassion {margin-top:10px;height:360px;}
#lighthouse {margin-top:10px;height:275px;}
#events {margin-top:30px;height:400px;}


#komen h1, #compassion h1, #cleanwater h1 {
	float:left;
	width:543px;
	margin:15px 0 20px 25px;
	padding:0 0 20px 0;
	border-bottom:1px dotted #999;
}

#dress4success h1, #lighthouse h1, #events h1 {
	float:left;
	width:265px;
	margin:20px 0 15px 25px;
	padding:0 0 15px 0;
	border-bottom:1px dotted #999;
}

#cleanwater h1 {
	height:35px;
	background:url(images/cw_logo.gif) no-repeat;
}

#komen h1 {
	height:30px;
	background:url(images/kmn_logo.gif) no-repeat;
}

#events h1 {
	height:22px;
	background:url(images/events_hdr.gif) no-repeat;
}

#lighthouse h1 {
	height:35px;
	background:url(images/lth_logo.gif) no-repeat;
}

#dress4success h1 {
	height:30px;
	background:url(images/dfs_logo.gif) no-repeat;
}

#compassion h1 {
	height:35px;
	background:url(images/cmp_logo.gif) no-repeat;
}

#events img {
	border:solid 10px #d1d1d1;
	margin-left:25px;
}

#events p {
	margin-top:10px;
	margin-bottom:5px;
}

.sm_pnl {
	float:right;
	margin-top:10px;
	border:solid 1px #ccc;
	border-top:solid 5px #3E8E54;
	width:314px;
	background:url(images/sm_pnl3.jpg) repeat-y;
}

#dress4success p, #lighthouse p {
	font:normal 13px/1.5em arial;	
	margin:30px 25px 0 25px;
	color:#333;
}

#compassion p {
	font:normal 13px/2em arial;	
	margin:0 25px 0 25px;
	color:#333;
}

#cleanwater p {
	font:normal 13px/2em arial;	
	margin:0 25px 0 25px;
	color:#333;
}

#komen p {
	font:normal 13px/2em arial;	
	margin:0 25px 0 25px;
	color:#333;
}

.sm_pnl p {
	font:normal 13px/1.8em arial;	
	margin:30px 25px 0 25px;
	color:#333;	
}

.sidepanel#contact {
	background: url(images/sm_pnl1.jpg) no-repeat;
	height:244px;
	margin-top:10px;
	clear:right;
}

.sidepanel h1 {
	font:normal 12px arial;
}

#sp_left {
	float:left;
	margin:55px 0 0 30px;
}

#sp_left li {
	font:normal 13px arial;
	margin-bottom:30px;
}

#sp_left a {
	font:normal 13px arial;
}

#sp_right {
	float:right;
	margin:55px 20px 0 0;
}

a.btn {
	display:block;
	width:113px;
	height:30px;
	padding:7px 0 0 0;
	margin:0 0 7px 0;
	text-align:center;
	text-decoration:none;
	font:normal 12px arial;
	background:url(images/btn.gif) no-repeat;
}

#sp_right a:hover {
	text-decoration:underline;
}

a#chat {
	display:block;
	margin:0 0 20px 5px;
}

a.cpy_lnk {
	float:right;
	display:block;
	height:30px;
	width:113px;
	margin:-70px 5px 0 0;
	padding:5px 0 0 15px;
	background:url(images/btn.gif) no-repeat;
	font-weight:normal;
	text-decoration:none;
}

a.cpy_lnk:hover {
	text-decoration:underline;
}

#walk {
	width:1000px;
	height:750;
}

span.hilite {
	display:block;
	font:italic 12px arial;
}