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

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

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

/*----------Interns----------*/

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

#main h1 {
	background:url(images/interns_h1.gif) no-repeat;
	padding-bottom:15px;
	margin-bottom:5px;
	width:500px;
}

#main p {
	width:520px;
	font:normal 14px/1.4em arial;
}

#benefits {
	float:left;
	margin-top:30px;
	border:solid 1px #ccc;
	border-top:solid 5px #3E8E54;
	width:544px;
	height:622px;
	padding:25px;
	background:url(images/lg_pnl.jpg) repeat-y;
}

#benefits h1 {
	float:left;
	width:540px;
	height:23px;
	margin:0;
	padding:0 0 15px 0;
	border-bottom:1px dotted #999;
	background:url(images/interns_h2.gif) no-repeat;
}

#benefits ul {
	float:left;
	list-style:square;
	list-style-position:inside;
	font:normal 13px/1.8em arial;
	padding:10px 0 0 0;
	margin:0 0 0 0px;
	border:0;
}

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

.sm_pnl#contact {
	padding:0;
	width:314px;
	height:285px;
}

.sm_pnl h1 {
	height:23px;
	width:268px;
	margin-bottom:5px;
	padding:0 0 15px 0;
	border-bottom:1px dotted #999;
}

.sm_pnl h2 {
	float:right;
	padding:0 0 0 230px;
	margin:0;
	border:0;
	height:30px;
	width:84px;	
	background:url(images/side_hdr.gif) no-repeat right -5px;
	font:normal 13px arial;
	color:#fff;
}

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

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

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

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

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

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

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


a.lnk {
	background:url(images/arw4.gif) no-repeat left center;
	padding:5px 0 10px 20px;
	font:bold 13px/1.8em arial;
	color:#3E8E54;
}

p.titles {
	margin:10px 0 10px 0;
	float:left;
	clear:left;
}

#benefits p#big {
	float:left; 
	clear:left; 
	font:bold 13px arial; 
	margin:10px 0 5px 0;
	padding:0;
	width:540px;
}

.input {
	margin:10px 0 5px 0;
	float:right;
	clear:right;
}

#form {
	float:left;
	width:540px;
	margin:15px 0 0 0;
}

#submit {
	float:right;
	clear:both;
	margin:10px 0 0 0;
}

#planning {height:320px;margin-top:30px;}
#planning h1 {background:url(images/interns_h3.gif) no-repeat;}

.listsmall {
	padding:10px 0 10px 0;
}

.listsmall li {
	margin:0 15px 0 15px;
	font:normal 13px/1.7em arial;
	list-style:square;
	list-style-position:outside;
	padding:8px 0 8px 0;
}