* { padding: 0; margin: 0; }
option { padding-right: 10px; }
img { border: none; }
.floatr { float: right; } .floatl { float: left; }
.center { text-align: center; } .left { text-align: left; } .right { text-align: right; }
.noborder { border: none !important; }
.clr { display: block; clear: both; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

body {
	text-align: center;
	background: #859ac2 url("../images/bg.gif") repeat-x;
	font: 11px/20px verdana, sans-serif;
	color: #333;
}

input, select, textarea {
	font: 11px/20px verdana, sans-serif;
}

input, textarea {
	background: url("../images/input_bg.gif") no-repeat top left;
	border: 1px solid #a5acb2;
	padding: 3px 4px;
}

.radio {
	border: none;
	padding: none;
	background: none;
}


#header {
	width: 800px;
	height: 136px;
	margin: 0 auto;
	position: relative;
}
	#header h1 {
		display: block;
		width: 136px;
		height: 136px;
	}
	#header h1 a {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 136px;
		height: 136px;
		background: url("../images/logo.gif") no-repeat;
		overflow: hidden;
	}
		#header h1 a:hover {
			background: url("../images/logo-hover.gif") no-repeat;
		}
		#header h1 a span {
			display: none;
		}

	#navigation {
		position: absolute;
		top: 55px;
		right: 20px;
		text-align: center;
		float: right;
		/*Set to "left" or "right" to position menu accordingly*/
		/*border-bottom: 1px solid #999e87; uncomment this line to add bottom border*/
	}
	#navigation ul {
		font: 160% arial, sans-serif;
		text-decoration: none;
		margin: 0;
		padding: 0;
		list-style:none;	
	}
	#navigation li {
		display: inline;
	}
	#navigation a {
		color: #333;
		text-decoration: none;
		margin: 0 15px;
		padding: 0 0 5px 0;
	}
		#navigation a:hover {
			color: #6489d4;
			border-bottom: 2px solid #cc0000;
		}
		#home #nav-home a,
		#about #nav-about a,
		#directories #nav-directories a,
		#advertising #nav-advertising a,
		#contact #nav-contact a {
			color: #6489d4;
			border-bottom: 2px solid #cc0000;
		}
#container {
	background: #fff;
	width: 100%;
}
#promo {
	width: 800px;
	height: 300px;
	background: url("../images/promo.jpg") no-repeat;
	position: relative;
}
	#promo h2 {
		display: none !important;
	}
	#promo a.learn {
		display: block;
		width: 141px;
		height: 26px;
		text-indent: -9999px;
		background: url("../images/learn_more.gif") no-repeat;
		position: absolute;
		top: 185px;
		left: 51px;
	}
		#promo a.learn:hover {
			background: url("../images/learn_more-hover.gif") no-repeat;
		}
	#promo-extra {
		display: block;
		position: absolute;
		top: 235px;
		left: 51px;
		border: 1px solid #ffee6f;
		padding: 10px 20px;
	}
	#promo-extra a {
		color: #cc0000;
		text-decoration: none;
	}
		#promo-extra a:hover {
			color: #f55353;
		}
#promo_green {
	width: 800px;
	height: 300px;
	background: url("../images/promo_green.jpg") no-repeat;
	position: relative;
}
	#promo_green h2 {
		display: none !important;
	}
	#promo_green a.download {
		display: block;
		width: 141px;
		height: 26px;
		text-indent: -9999px;
		position: absolute;
		top: 185px;
		left: 51px;
		overflow: hidden;
	}
#content {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	padding: 0 10px 20px 10px;
}
	#content h2 {
		font: 250%/130% arial, sans-serif;
		color: #cc0000;
		margin: 20px 0;
		height: 50px;
		border-bottom: 1px solid #ccc;
	}
	#content h2 a {
		color: #cc0000;
		text-decoration: none;
	}
		#content h2 a:hover {
			color: #f25252;
			text-decoration: underline;
		}
	#content h3 {
		font: 200%/100% arial, sans-serif;
		color: #7191d4;
		margin: 0 5px 10px 5px;
	}
	#content h4 {
		font: 160%/100% arial, sans-serif;
		color: #fff;
		margin: 10px 0;
		padding: 8px;
		background: #7191d4;
	}
	#content p {
		margin: 10px 5px;
	}
	#content ul, #content ol {
	}
	#content li {
	}
	#content table {
	}
	#content table td {
	}

	#rcol {
		float: left;
		background: #fff;
		width: 180px;
		padding: 0 0 10px 0;
		margin: 0 0 0 0;
		font: 12px/18px arial, sans-serif;
	}
		#rcol a {
			color: #d12c3e;
			text-decoration: none;
		}
		#rcol a:hover {
			color: #9f0415;
		}

		#rcol ul {
			list-style: none;
		}
		#rol ul li {
			display: block;
			width: 180px;
		}
		#rcol ul a {
			text-decoration: none;
			display: block;
			line-height: 30px;
			width: 180px;
			color: #d12c3e;
			text-align: left;
		}
			#rcol ul a span {
				background: url("../images/grey_bullet.gif") no-repeat 8px 50%;
				padding: 0 10px 0 24px;
			}
			#rcol ul a:hover, #rcol ul li.active a {
				background: url("../images/left_nav_bg.gif") repeat-x bottom;
				color: #d12c3e;
			}
			#rcol ul li.active a {
				font-weight: bold;
			}
	#rcol dt {
		font-weight: bold;
		background: url("../images/grey_bullet.gif") no-repeat 0 50%;
		padding: 0 0 0 16px;
		font-size: 120%;
	}
	#rcol dd {
		margin: 0 0 15px 16px;
		font: 12px/17px arial, sans-serif;
	}
#content .lcol {
	float: right;
	width: 600px;
	margin: 0;
	padding: 0;
}
#staff {
	list-style: none;
	margin: 0;
	padding: 0;
}
	#staff li {
		display: inline;
		float: left;
		width: 300px;
		min-height: 12em;
		height: auto !important;
		height: 12em;
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
		border-bottom: 1px solid #eee;
		background: url("../images/staff_bg.gif") no-repeat bottom right;
	}
	#staff li img {
		float: left;
		margin: 0 15px 2em 0;
	}
	.staff_title {
		line-height: 1.4em;
		margin: 0 0 10px 0;
		font-size: 120%;
	}
	.staff_title em {
		color: #856851;
	}
	.staff_info {
		line-height: 1.7em;
	}
	.staff_info a.email {
		background: url("../images/email.gif") no-repeat 0 20%;
		padding: 0 0 0 20px;
	}
	.staff_info a.vcard {
		background: url("../images/vcard.gif") no-repeat 0 20%;
		padding: 0 0 0 20px;
	}
#alpha ul {
	list-style: none;
	width: 676px;
	margin: 0 0 0 36px;
	padding: 0 0 15px 0;
	float: left;
}
	#alpha li {
		display: inline;
	}
	#alpha li a {
		display: block;
		width: 22px;
		height: 22px;
		line-height: 22px;
		float: left;
		color: #cc0000;
		text-decoration: none;
		text-align: center;
		border: 1px solid #fff;
		margin: 0 1px;
	}
	#alpha li a:hover, #alpha li.current a {
		color: #cc0000;
		background: #fafafa;
		border: 1px solid #ccc;
	}

#content .submit_btn {
	width: 141px;
	height: 26px;
	background: url("../images/submit_form_btn.gif") no-repeat;
	border: none !important;
}
	#content .submit_btn:hover {
		background: url("../images/submit_form_btn.gif") no-repeat 0 -26px;
		cursor: pointer;
	}

.data {
	margin-bottom: 10px;
}

.data table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border: 0;
	margin: 0 0 20px 0;
}
	.data table td {
		padding: 6px 8px;
		vertical-align: top;
	}
	.data table td a {
		color: #cc0000;
		text-decoration: none;
	}
		.data table td a:hover {
			color: #f55353;
		}
	.data table td.bullet {
		background: url("../images/bullet.gif") no-repeat 8px 50%;
		padding-left: 25px;
	}

	.data table tr.alt td.bullet {
		background: #fffef1 url("../images/bullet.gif") no-repeat 8px 50%;
	}

	.data table td.nest {
		background: url("../images/nest.gif") no-repeat 11px 0px;
	}
		
	.data table th {
		padding: 3px 8px;
		background: url("../images/th.gif") repeat-x bottom;
		color: #8c6239;
	}
	.data table tr.alt td {
		background: #fffef1;
		border-top: 1px solid #fff9b4;
		border-bottom: 1px solid #fff9b4;
	}
	.data table .clickable:hover {
		color: #666;
	}
	.data table table {
		margin: 5px 5px 10px 30px;
		color: #192f6e;
	}
	.data table table th {
		background: #becce6;
		color: #f3f6fd;
	}
	.data table table tr.alt td {
		background: #f3f6fa;
		border-top: 1px solid #dbe4f3;
		border-bottom: 1px solid #dbe4f3;
	}
	.data table table td a {
		color: #6891e7;
	}
		.data table table td a:hover {
			color: #3a599a;
		}
	.data table table tr.alt td.bullet {
		background: #f3f6fa url("../images/bullet.gif") no-repeat 8px 50%;
	}
	.data table p {
		margin: 0;
	}
#success h3 {
	font: 20px/20px arial, sans-serif;
	color: #cc0000;
}
#success {
	border: 1px solid #fff79e;
	background: #fffcd7;
	padding: 30px;
}
#success p {
	font-size: 130%;
	margin: 10px 0;
}
.lcol ul, .lcol ol {
	margin: 20px 25px;
}
.lcol a {
		color: #cc0000;
		text-decoration: none;
	}
		.lcol a:hover {
			color: #f55353;
		}
	

#contact_box {
	display: block;
	width: 600px;
	height: 197px;
	background: transparent url("../images/contact_box.gif") no-repeat;
	margin: 0 0 15px 0;
}
#contact_businesses, #contact_users {
	width: 300px;
	height: 197px;
	float: left;
}
#contact_businesses h4, #contact_users h4 {
	font: bold 19px arial, sans-serif;
	background: none;
	margin: 15px 15px 5px 15px;
	padding: 0;
}
#contact_businesses h5, #contact_users h5 {
	font: bold 12px arial, sans-serif;
	background: none;
	margin: 7px 25px;
}
#contact_businesses ul, #contact_users ul {
	list-style: none;
	margin: 0 25px;
}
	#contact_businesses ul li, #contact_users ul li {
		margin: 5px;
	}
#contact_businesses {
	color: #fff;
}
#contact_users, #contact_users h4 {
	color: #8c6239;
}
p.error {
	padding: 15px;
	border: 1px solid #ed1c24;
	background: #ffeced;
}

p.success {
	padding: 15px;
	border: 1px solid #39b54a;
	background: #e8ffebt;
}

#viewer_nav {
	width: 800px;
	height: 41px;
	background: transparent url("../images/viewer_nav_bg.gif") repeat-x;
	margin-bottom: 10px;
	position: relative;
}
	#viewer_nav ul {
		list-style: none;
		position: absolute;
		left: 30px;
	}
	#viewer_nav ul li {
		display: inline;
	}
	#viewer_nav ul a {
		display: block;
		width: 144px;
		height: 41px;
		float: left;
		text-align: center;
		line-height: 41px;
		text-decoration: none;
		color: #cc0000;
		margin: 0 2px;
		font-weight: bold;
	}
		#viewer_nav ul a:hover {
			background: transparent url("../images/viewer_nav_tab_over.gif") no-repeat;
			color: #6489e0;
		}
		#viewer_nav ul li.current a, viewer_nav ul li.current a:hover {
			background: transparent url("../images/viewer_nav_tab.gif") no-repeat;
			color: #6489e0;
			font-weight: bold;
		}
#directory_cover_cont, .book_cont {
	display: block;
	width: 165px;
	height: 236px;
	background: transparent url("../images/book_bg.gif") no-repeat;
	margin: 0 auto;
}
	#directory_cover_cont img, .book_cont img {	
		margin: 20px 0 0 20px;
	}
#content a.shiny_btn {
	background: transparent url("../images/shiny_btn_r.gif") no-repeat right;
	color: #fff;
	padding: 8px 30px 8px 0;
	font-weight: bold;
	border: 0;
	text-decoration: none;
}
	#content a.shiny_btn span {
		background: transparent url("../images/shiny_btn_l.gif") no-repeat 0 50%;
		padding: 8px 0 8px 20px;
	}

	#content a.shiny_btn:hover {
		background: transparent url("../images/shiny_btn_r_over.gif") no-repeat right;
	}
		#content a.shiny_btn:hover span {
			background: transparent url("../images/shiny_btn_l_over.gif") no-repeat 0 50%;
		}

#footer {
	width: 750px;
	margin: 0 auto 20px auto;
	text-align: left;
	color: #e1eafb;
	padding: 20px 10px;
}
	#footer a {
		color: #e1eafb;
	}
		#footer a:hover {
			color: #fff;
		}
	#footer p {
	}
	#info {
		float: right;
		background: #7d93bc;
		width: 230px;
		padding: 10px 15px;
		margin: 0 0 0 20px;
	}
.p-shadow {
	float: left;
	background: url("../images/shadowAlpha.png") no-repeat bottom right !important;
	background: url("../images/shadow.gif") no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
	}

.p-shadow div {
	float: left;
	background: none !important;
	background: url("../images/shadow2.gif") no-repeat left top;
	padding: 0 !important;
	padding: 0 6px 6px 0;
	}

.p-shadow p {
	float: left;
	color: #777;
	background-color: #fff;
	font: italic 1em georgia, serif;
	border: 1px solid #a9a9a9;
	padding: 5px;
	margin: -6px 6px 6px -6px !important;
	margin: 0;
	}
.p-shadow img {
	float: left;
	}