/* ArabLounge.com stylesheet */

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #666666;
	background: url(pageBkgd.jpg) repeat-x #00834D;
}

h3 { margin: 0 0 6px 0; padding: 0; font-weight: normal; text-align: left; }

img { border: 0; }

#wrapper {
	width: 772px;
	margin-left: auto;
	margin-right: auto;
	background: url(pageAreaFill.gif);
}

#header {
	float: right; /* float entire container so it will enclose all floated elements within it */
	width: 772px;
}

#header dl {
	float: right; /* same as above */
	width: 742px; /* fixes IE/Mac width bug */
	margin: 0 15px 15px 15px;
	padding: 0; /* zero out any default padding */
	font-size: 90%;
	display: inline; /* fixes IE/Win double margin bug */
}

#header dt {
	float: left;
	padding: 0;
}

#header dd {
	margin: 0;
	padding: 3px 0;
	text-align: right;
}

#header input {
	font-size: 90%;
}

#header a { text-align: right; font-size: 90%; color: #00834D; text-decoration: none; }

.loginButton {
	font-size: 85%;
	color: #FFFFFF;
	background: #00834D;
}

#mainBanner {
	clear: both;
	width: 742px;
	height: 245px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
}

#mainBanner table {
	margin: 0;
	padding: 0;
	width: 742px;
	height: 245px;
}

.colLeftBanner {
	float: left;
	width: 200px;
	padding: 10px;
	text-align: left;
}

.colRightBanner {
	float: right;
	width: 220px;
	padding: 10px;
}

#joinHome {
	width: 200px;
	margin: 0 0 0 15px;
	text-align: left;
}

#joinHome dl {
	width: 200px; /* fixes IE/Mac width bug */
	margin: 0;
	padding: 0; /* zero out any default padding */
	display: inline; /* fixes IE/Win double margin bug */
}

#joinHome dt {
	margin: 8px 0;
	padding: 0;
	font-size: 135%;
	font-weight: bold;
}

#joinHome dd {
	margin: 8px 0;
	padding: 0;
}

#browseHome {
	float: left; /* float entire container so it will enclose all floated elements within it */
	width: 200px;
}

#browseHome dl {
	float: left; /* same as above */
	width: 200px; /* fixes IE/Mac width bug */
	margin: 4px 0;
	padding: 0; /* zero out any default padding */
	text-align: left;
	display: inline; /* fixes IE/Win double margin bug */
}

#browseHome dt {
	float: left;
	width: 49%;
	margin: 4px 0;
	padding: 0;
	text-align: right;
	color:#fff;
}

#browseHome dd {
	float: right;
	width: 49%;
	margin: 0;
	padding: 0;
	text-align: left;
	color:#fff;
}

#browseHome input {
	font-size: 85%;
	color: #FFFFFF;
	border: 1px solid #666666;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background: #0F9D65;
}

.capTop { width: 347px; height: 11px; margin: 0; padding: 0; }
.capBot { clear: both; width: 347px; height: 11px; margin: 0; padding: 0; border: 0; }

.features { margin: 15px; padding: 0; }
.featuresBkgd { padding: 0 10px; vertical-align: top; background: #F3EFF0; }
.featuresLeft { vertical-align: top; border-left: 1px solid #008450; background: #F3EFF0; }
.featuresRight { vertical-align: top; padding: 0 10px 0 0; border-right: 1px solid #008450; background: #F3EFF0; }

.features dl {
	margin: 0;
	padding: 0;
	display: inline; /* fixes IE/Win double margin bug */
}

.features dt {
	margin: 0 0 8px 0;
	padding: 0;
	text-align: left;
	font-size: 125%;
	color: #A52547;
	border-bottom: 1px solid #CCCCCC;
}

.features dd {
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
	font-size: 85%;
}

.features a { color: #008450; text-decoration: underline; }

#footer {
	width: 772px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 85%;
	line-height: 125%;
	color: #fff;
}

/* Universal formatting declarations */

.columnLeft {
	float: left;
	padding: 15px 7px 15px 15px;
}

.columnRight {
	float: right;
	padding: 15px 15px 15px 7px;
}

.headerStyle1 {
	text-align: left;
	font-size: 125%;
	font-weight: bold;
	color: #fff;
}

.copyStyle1 {
	clear: both;
	margin: 0;
	padding: 0 15px 5px 15px;
	text-align: left;
	font-size: 85%;
}

.copyStyle1 h3 {
	font-size: 120%;
	font-weight: normal;
}


div #join_now_button a{
	background-image: url(joinnow.gif);
	background-repeat:no-repeat;
	padding-left:50px;
	width: 130px;
	height: 70px;
	padding-top: 3px; 
	text-align: center; 	
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	margin-top: 10px;
	display:block;
	text-align:left;
	text-decoration:none;
	color:#FFF;
}

div #join_now_button a:hover{
	background-image: url(joinnow_hover.gif);
	color: #FF6;	
}