body { 
	background: #3b6492 url('http://images.introlinks.net/images/bg-grad-dkblue.jpg') repeat-x top left; 
	font: normal 12px arial, sans-serif; 
	width: 1020px; 
	margin: 0 auto;
}
b { font-weight: bold }
a { font-weight: normal; line-height: normal; color: #114477; }
a:hover { color: #880000; }
h1,h2,h3,h4 { margin-bottom: 10px; border-bottom: 1px solid #cccccc; color: #225588; clear: both; }
h1 { font-size: 16px; margin-top: 3px; }
h2 { font-size: 14px; margin-top: 10px; }
h3 { font-size: 13px; margin-top: 25px; }
h4 { font-size: 12px; margin-top: 0px; }
i { color: #444444; font-weight: normal; }
a img { border: 0px; }

#tnavbar { position: absolute; top: 4px; width: 990px; text-align: right; }
#tnavbar a { text-decoration: none; color: #333333; }
#tnavbar a:hover { text-decoration: underline; color: #000000; }

#head { 
	background-color: #ffffff;
	background-image: url('http://images.introlinks.net/images/header-blutab.gif');
	display: table;
	width: 1012px;
	padding-left: 8px;
}
#logo { float: left; width: 225px; margin-top: 18px; text-align: center; }
#logo b { font-weight: normal; color: #999999; line-height: 16px; letter-spacing: 3px; font-size: 11px; }
#city { 
	float: left;
	background-color: #47718e;
	width: 730px;
	margin: 25px 0 0 5px; 
	padding: 10px 0 10px 20px;
}
#city b { font-size: 24px; color: #ffffff; margin-right: 10px; }
#city i { font-size: 16px; color: #dddddd; }

#cats { clear: both; background-color: #000000; padding: 6px; color: #cccccc; }
#cats a { color: #eeeeee; text-decoration: none; margin-left: 8px; }
#cats a:hover { color: #ffffff; }
#cats b { color: #ffffff; }

/* TOP NAV BAR INCLUDES TOP TABS AND SEARCH ENGINE */
#tn { clear: both; padding-left: 4px; }
#tn a { 
	float: left;
	font-weight: bold;
	margin: 0px 3px 0px 0px;
	padding: 6px 15px 7px 15px;
	text-decoration: none;
	color: #ffffff;
	border-color: #000000;
	border-style: solid;
	border-width: 5px 1px 0 1px;
}
#directory { background-color: #225588; }
#directory:hover { background-color: #336699; }
#classifieds { background-color: #883388; }
#classifieds:hover { background-color: #880000; }
#events { background-color: #338833; }
#events:hover { background-color: #880000; }
#register { background-color: #CC0000; }
#register:hover { background-color: #DD0000; }

#search { 
	float: left;
	background-color: #eeeeee;
	color: #333333;
	border: 1px solid #aaaa99;
	padding: 5px 205px 0 205px;
	height: 26px;
	border-bottom: 0;
}
#search form { margin: 0px; }
#search .terms { width: 250px; }
#search .submit { 
	background-color: #eee; 
	color: #666666;
	padding: 1px 8px 1px 8px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #ffffff;
}
#search .submit:hover { background-color: #ccc; color: #000000; }

#main { 
	width: 1020px;
	margin: auto 0;
	display: table;
	position:relative;
	background-color: #ffffff;
	padding-top: 5px;
}
#left2cols {
	right: 252px;	     /* width of the right column */
	float:left;
	width: 748px;
	position:relative;
}
#leftcol {
	position:relative;
	right: 720px;	      /* width of the middle column */
	float:left;
	width: 1020px;
}
#center, #lside, #rside { position:relative; float: left; padding: 0; overflow:hidden; }

#lside { width: 160px; left: 398px; }

#center { width: 585px; left: 1143px; }
#content { padding: 1px 15px 50px 15px; }

#rside { width: 252px; left: 985px; }

.box, .probox { 
	margin-bottom: 6px; 
	border: 1px solid #cccccc; 
	background-color: #eeeeee; 
} 
.box div { padding: 5px; }
.box div div { padding: 0; }
.box div ul { padding: 4px; margin: 0px; list-style-type: none; }
.box div ul li { color: #222222; line-height: 18px; }

.boxtop { 
	background: #225577 url('http://images.introlinks.net/images/boxtop-grad-blue-bg.jpg') repeat-x left top; padding-left: 7px; font-size: 13px; color: #eeeeee; height: 15px;
}

/* Top left side box with state icon */
div.stateicon { display: table; width: 150px; color: #225577; }
div.stateicon div { float: left; padding: 2px 6px 2px 2px; }
div.stateicon img { border: 1px solid #cccccc; }
div.stateicon h3 { padding: 0; margin: 0; font-weight: normal; font-size: 36px; line-height: 32px; color: #225577; }
div.jump2zip { text-align: center; }

.dlinks { width: 500px; margin: 0px auto; margin-bottom: 20px; margin-top: 20px; }
.dlinks ul { margin-left: 0; padding-left: 0; list-style: none; margin: 0; }
.dlinks li { padding-left: 22px; background-image: url("http://images.introlinks.net/images/folder.gif"); background-repeat: no-repeat; background-position: 0 .1em; padding-bottom: 12px; color: #aaaaaa; text-style: italic; }
.dlinks li:hover { background-image: url("http://images.introlinks.net/images/hard-folder.gif"); } 
.dlinks a { font-weight: bold; color: #114477; font-size: 14px; padding-bottom: 4px; }
.dlinks a:hover { color: #880000; }

div.sectionheading {
	background: #eeeeee; 
	color: #114477; 
	font-size: 1.1em;
	width: 100%;
	padding-left: 10px;
	border-color: #114477;
	border-width: 1px 0px 1px 0px;
	border-style: solid solid solid solid;
}

/* Page Title, description and Last Upate info and Should your business be listed here */
.pageinfo, .inote { background-color: #eeeeee; border: 1px dashed #aaaa99; margin-bottom: 10px; line-height: 16px; }
.inote { clear: both; text-align: center; padding: 20px; font-size: 16px; }

div.stars h2 { 
	border: 0; margin: 0; padding: 0;
	font-weight: normal;
	font-size: 12px;
	color: #555555;
}
div.stars h2 span { color: #333333; font-weight: normal; }

/* NEW LISTING CSS */
#list { color: #333333; font-size: 13px; }
#list div { border: 1px solid #CCCCCC; margin-bottom: 20px; }

/* section headers */
#list h2 { 
	font-weight: normal; font-size: 12px; color: #555555; 
	padding: 5px 2px 2px 10px; 
	background-color: #EEEEEE; 
	border: 0; margin: 0; 
	border-bottom: 1px solid #DDDDCC; 
	margin-bottom: 8px; 
}

/* PREMIUM SECTION ALTERATIONS */
#list #premium { background-color: #ffffdd; border: 1px solid #DDDDCC; }
#list #premium h2 { background: #FFFFDD url('http://images.introlinks.net/images/lipsys/icons/stars-5.0.gif') no-repeat center right; }
#list #sponsor h2 { background-color: #ffffdd; }

#list td { position:relative; vertical-align:top; }
#list td p { position:relative; top:0px; padding:0; margin: 0; margin-right: 10px; } 
#list img { margin: 0 10px 10px 10px; border: 1px solid #CCCCCC; }

/* For 3-4 star listings that link to websites vs profile */
#list img.dex {
	margin: 0; padding: 0; border: 0; 
	display: inline;
	margin-bottom: -3px;
	margin-left: 2px;
	vertical-align: bottom;
}
#list a { font-size: 15px; font-weight: bold; }

#list #basic { border: 0; padding: 0; }
#list #basic h2 { background-color: #ffffff; border: 0; }
#list #basic ul { margin: 0; padding: 0 0 0 16px; }
#list #basic li {
	list-style-type: none;
	background: url('http://images.introlinks.net/images/dex.gif');
	background-repeat:no-repeat;
	background-position: 5px 5px;
	vertical-align:top;
	padding-left: 28px;
	padding-bottom: 12px;
	margin: 0 20px 0 0;
	padding-top: 5px;
	padding-right: 5px;
}
#list #basic li:hover { background-color: #eeeeee; }
#list #basic li.lehr { background-image: none; border-top: 1px solid #CCCCCC; padding-bottom: 5px; }
#list #basic li.le { 
	background: url('http://images.introlinks.net/images/2star-bullet.gif'); 
	background-repeat:no-repeat;
	background-position: 0 2px;
	vertical-align:top;
}
#list #basic li.le a { font-weight: bold; }
#list #basic li a { font-weight: normal; font-size: 13px; }

#list #promo { background-color: #ffffdd; border: 1px solid #DDDDCC; }
#list #promo h2 { background-color: #FFFFDD; }
#list #promo ul { margin: 0; padding: 0 0 0 16px; }
#list #promo li {
	list-style-type: none;
	background: url('http://images.introlinks.net/images/dex.gif');
	background-repeat:no-repeat;
	background-position: 0 2px;
	vertical-align:top;
	padding-left: 24px;
	padding-bottom: 15px;
	margin: 0 20px 0 0;
}
#list #promo li.lehr { background-image: none; border-top: 1px solid #CCCCCC; padding-bottom: 5px; }
#list #promo li.le { 
	background: url('http://images.introlinks.net/images/2star-bullet.gif'); 
	background-repeat:no-repeat;
	background-position: 0 2px;
	vertical-align:top;
}
#list #promo li.le a { font-weight: bold; }
#list #promo li a { font-weight: bold; font-size: 14px; }

span.newlink {
	color: #880000;
	font-style: italic;
	font-weight: bold;
}

#pagenav { text-align: center; border: 1px solid #dddddd; background-color: #eeeeee; padding: 5px; }

a.ws { font-size: 13px; text-decoration: underline; }

div.swb {
	font-weight: normal;
	font-style: normal;
	padding: 2px;
	background-color: #ffffff;
	border-color: #ffffff;
	border-width: 4px 1px 0px 1px;
	border-style: solid solid solid solid;
}

#rsban {
	float: left;
	width: 160px;
	border: 1px solid #333333;
	text-align: right;
}

div.lt {
	background-color: #eeeeee;
	border: 1px solid #eeffee;
	padding: 2px;
}

div.lt {
	border: 1px solid #cccccc;
	padding: 2px;
}

hr.listhead {
	padding: 0px;
	color: #cccccc;
	height: 1px;
	margin: 10px;
}

hr.ld {
	padding: 0px;
	color: #cccccc;
	height: 1px;
	margin: 5px;
}

div.footer {
	text-align: center;
	font-size: 11px;
	color: #eeeeee; 
	padding: 8px; 
}
.footer a { color: #eeeeee; }
.footer a:hover { color: #ffffff; }

a.formtip { text-decoration: none; }
a.formtip:hover { text-decoration: underline; } 
a.mn { font-size: 13px; text-decoration: underline; font-weight: bold; }
a.mn:hover { color: #880000; }

a.fpmini {
	color: #888888;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
a.fpmini:hover {
	color: #880000;
	text-decoration: underline;
}

a.lt {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #446688;
}

a.pts {
	font-style: normal;
	text-decoration: none;
	color: #666666;
}

a.bn {
	color: #cccccc; 
	font-weight: normal;
	text-decoration: underline;
}
a.bn:hover { 
	color: #ffffff;
}

a.small { 	
	color: #000033; 
}

p,li,dt {
	color: #333333; 
	font-weight: normal;
	font-style: normal;
}

p { text-align: justify; }

p.quote {
	text-indent: 0;
	color: #333333; 
	text-align: left; 
	font-weight: normal;
	font-style: normal;
}

input.readonly {
	readonly: readonly;
	background-color: #eeeeee;
}

input.button {
	background: #ddddcc;
}

#lnav { 
	background-image: url('http://images.introlinks.net/images/layout/lnav-bg.jpg');
	background-repeat: no-repeat;
	background-color: #000000;
	margin: 0 auto; 
	width: 970px; 
	margin-top: 10px;
	background-color: #eeeeee;
	padding: 20px 25px 20px 25px;
}
#lnav span { font-weight: bold; color: #333333; }
#lnav ul { margin: 5px 0 12px 0; }
#lnav a { color: #666666; }
#lnav span a { color: #333333; text-decoration: none; font-weight: bold; }

#lnavstates {
	color: #BBBBBB;
	padding: 5px 0 15px 0; 
} 
#lnavstates a {
	color: #666666;
}

div.center { 
	text-align: center;	
}

div.formbox { 
	background-color: #eeeeee;
	border: 1px solid #335577;
	border: 1px solid #335577;
	padding: 10px; 
	margin-top: 0px;
}
.formboxtab {
	background-color: #114477;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}
.formboxtab:hover { color: #ffffff; }

ul.biglist li { font-size: 13px; }
ul.short li { font-size: 12px; padding-bottom: 3px; }

input,textarea,select {
	background: #ffffff url('http://images.introlinks.net/images/field_bg.png');
	font-family: arial;
	padding: 2px;
	border: 1px solid #999999;
	margin: 1px;
	letter-spacing: 0px;
	color: #222222;
	font-size: 13px;
	padding-left: 3px;
	padding-right: 3px;
}

input.actionButton2 {
	background: #ffffff url('http://images.introlinks.net/images/field_bg.png');
	font-family: arial;
	padding: 3px 8px 3px 8px;
	border-top: 1px solid #999999;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	border-left: 1px solid #999999;
	margin: 0;
	margin-top: 2px;
	letter-spacing: 0px;
	color: #222222;
	font-size: 13px;
}
input.actionButton2:hover {
	background-color: #eeffee;
	border-top: 2px solid #999999;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 2px solid #999999;
}

a.actionButton2 {
	background: #ffffff url('http://images.introlinks.net/images/field_bg.png');
	text-decoration: none;
	font-family: arial;
	padding: 4px 8px 4px 8px;
	border-top: 1px solid #999999;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	border-left: 1px solid #999999;
	margin: 0;
	letter-spacing: 0px;
	color: #222222;
	font-size: 13px;
}
a.actionButton2:hover {
	background-color: #eeffee;
	border-top: 2px solid #999999;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 2px solid #999999;
}

.actionButton {
	font-family: arial;
	background-color: #ffffff;
	padding: 2px;
	padding-right: 8px;
	padding-left: 8px;
	color: #333333;
	letter-spacing: 0px;
	text-decoration: none;
	border-left: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #333333;
	border-bottom: 2px solid #333333;
	line-height: 25px;
	margin-top: 5px;
	margin-bottom: 0px;
	background-image: none;
}
.actionButton:hover {
	background-color: #eeeeee;
}
.actionButton:active {
	background-color: #eeeeee;
	color: #333333;
	text-decoration: none;
	border-left: 2px solid #333333;
	border-top: 2px solid #333333;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
}

.tyouter { border: 1px solid #999999; padding: 10px; margin: 15px; background-color: #eeeeee; margin-bottom: 200px; }
.tyinner { border: 1px solid #999999; padding: 30px; margin: 15px; background-color: #ffffff; text-align: center; }
.tyinner h2 { border: 0; font-size: 17px; margin: 0; padding: 0 0 10px 0; }

#faq h3 { color: #336699; font-size: 14px; border-left: 15px solid #336699; padding-left: 6px; }
#faq li { color: #666666; font-size: 12px; }
#faq li b { color: #222222; font-size: 14px; font-weight: normal; }

span.u { text-decoration: underline; }
div.clr { clear: both; }

.features th { background-color: #336699; color: #ffffff; text-align: center; font-weight: bold; }
.features td { background-color: #ffffff; }
.features td.section {
	text-align: center;
	font-weight: bold;
}
.features td.val {
	color: green;
	background-color: #eeffee;
	text-align: center;
}
.features td.on {
	color: green;
	background-color: #eeffee;
	text-align: center;
	background-image: url('/images/checkmark.png');
	background-repeat: no-repeat;
	background-position: center center;
}
td.gold {
	color: green;
	background-color: #eeffff;
	text-align: center;
	background-image: url('/images/checkmark.png');
	background-repeat: no-repeat;
	background-position: center center;
}
.features td.off { color: #666666; text-align: center; }

#update {
	margin-top: 40px;
	border-top: 1px solid #999999;
	padding-top: 4px;
	text-align: left;	
	font-style: italic;
	color: #666666;
}

.formbox .sep {
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #999999;
	height: 1px;
	margin-top: 2px;
	margin-bottom: 4px;
}

#rside div img { 
	border: 1px solid #999999;
	padding: 0; margin: 0;
	margin-bottom: 8px; 
}
#rside div.int {
	position: relative; 
	background-image: url('http://images.introlinks.net/images/directory_promo/blue-clip-bg.jpg'); 
	width: 250px; 
	border: 1px solid #999999;
	height: 125px; 
	margin-bottom: 10px;
}
#rside div.int div.ad { 
	padding: 10px; 
	margin: 0; 
	background-color: transparent; 
	color: #ffffff; 
	font-size: 15px; 
	text-align: right;
	border: 0;
}
#rside div.int div.screen {
	position: absolute; 
	top: 0; left: 0; 
	border: 0; 
	background-color: transparent; 
	margin: 0;
}

#content .listcols { width: 95%; margin: 0 auto; display: table; background-color: #eeeeee; border: 1px solid #cccccc; margin-bottom: 20px; }
#content .listcols .title { margin: 4px 0 2px 8px; color: #224466; font-style: italic; }
.lcol { float: left; diplay: inline; position: relative; margin: 0 auto; width: 30%; margin-right: 6px; }
#content .listcols ul { padding: 0; padding-left: 20px; margin: 5px 0 10px 0; list-style-type: none; }
#content .listcols ul li { margin: 0; padding: 0; padding-bottom: 4px; font-size: 13px; }
#content .listcols ul li a { font-size: 13px; }
#content .listcols ul li i { color: #999999; font-size: 13px; }

/* Get local zoom in box - could be done better */
#lcol { float: left; width: 160px; } 

.left { float: left; }
.right { float: right; }
.bizcard { display: table; position: relative; width: 540px; background-color: #ffffff; }
.bizcard img { margin-right: 10px; border: 1px solid #999999; background-color: #eeeeee; }
.bizcard .contact { display: table; position: relative; width: 400px; }
.bizcard h1 { border: 0; margin: 2px 0 2px 0; }
.nomarg { margin: 0; }
.ucard { background-color: #eeeeee; padding: 0; margin: 0; border-top: 0; }
.ucard div { padding: 0; margin: 0; }


#erank { display: table; float: left; border: 1px solid #999999; background-color: #ffffff; }
#erank .left { border: 1px solid #999999; height: 6px; margin-top: 2px; margin-left: 5px; }
#erank .left .bar { background-color: #EE9911; height: 6px; }
#erank .right { padding: 0 4px 0 4px; border: 1px solid #CCCCCC; margin-left: 3px; }