body{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	background: #ffffff;
}

h1, h2, h3, h4, h5, h6{color: #336699; width: 100%; float: left;}

h1{font-size: 1.6em;}
h2{font-size: 1.5em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1.0em;}

p{line-height: 1.8em; margin: 10px 0 0 0;}
a{color: #336699; font-weight: 800;}
a:hover{text-decoration: underline;}



.highlight{
	background: #EFEFE0;
}


#wrapper{
	background: #ffffff url(../images/bg_wrapper_tile.gif) repeat-x;
}

#container{
	width: 750px;
	margin: 0 auto 0 auto;
	text-align: left;
}

#sub-container{
	width: 750px;
	float: left;
	margin: 20px 0 30px 0;
	background: #ffffff url(../images/bg_sub_container.gif) repeat-y;
}

body.sub #sub-container, body.member #sub-container{
	background: none;
}

#sub-container a{
	color: #336699;
}

/*---header---*/
#header{
	width: 750px;
	height: 130px;
	float: left;
	position: relative;
	background: transparent url(../images/bg_header.gif) no-repeat;
}

#header img{
	float: left;
	margin: 0 0 0 0;
}

#header h1, #header blockquote{
	position: absolute;
	top: 30px;
	left: 300px;
	font-size: 1.1em;
	font-weight: 800;
	color: #ffffff;
}

#header ul#menu{
	width: 425px;
	height: 33px;
	/*margin: 65px 0 0 0;*/
	position: absolute;
	right: 0;
	bottom: 0;
	/*float: right;*/
	/*z-index: -10;*/
}

#header ul#menu li{
	float: left;
	margin: 0 15px 0 0;
}

#header ul#menu li#postmylisting {margin: 0;}

#header ul#menu li a{
	height: 33px;
	display: block;
	text-indent: -9999em;
	outline: none;
	background: transparent url(../images/menu.gif) no-repeat;
}

#header ul#menu li#whattodo a{width: 105px; background-position: 0 0;}
#header ul#menu li#events a{width: 79px; background-position: -120px 0;}
#header ul#menu li#faq a{width: 58px; background-position: -214px 0;}
#header ul#menu li#postmylisting a{width: 138px; background-position: -287px 0;}

#header ul#menu li#whattodo a:hover{width: 105px; background-position: 0 -33px;}
#header ul#menu li#events a:hover{width: 79px; background-position: -120px -33px;}
#header ul#menu li#faq a:hover{width: 58px; background-position: -214px -33px;}
#header ul#menu li#postmylisting a:hover{width: 138px; background-position: -287px -33px;}

#header ul#menu li#whattodo a:active{width: 105px; background-position: 0 -66px;}
#header ul#menu li#events a:active{width: 79px; background-position: -120px -66px;}
#header ul#menu li#faq a:active{width: 58px; background-position: -214px -66px;}
#header ul#menu li#postmylisting a:active{width: 138px; background-position: -287px -66px;}

#header .login-form{
	width: 256px;
	\width: 300px;
	w\idth: 256px;
	height: auto;
	right: 0;
	top: 28px;
	padding: 10px 20px;
	position: absolute;
	font-size: 0.9em;
	border: 2px solid #6493cd;
	display: none;
	z-index: 100;
	background: #ffffff;
}

#header .login-form label{
	width: 100px;
	float: left;
	margin: 0 0 5px 0;
}

#header .login-form input{
	margin: 0 0 5px 0;
	font-size: 1.1em;
}

#header .login-form a{
	display: block;
	margin: 10px 0 0 0;
	text-decoration: underline;
}

#header .login-form a.close{
	width: 12px;
	height: 12px;
	float: right;
	margin: 0;
	text-decoration: none;
	outline: none;
	text-indent: -9999em;
	background: url(../images/icons/close.gif) no-repeat 0 0;
}

#header p{
	float: right;
	font-size: 1em;
	font-weight: 800;
	color: #BFDBFF;
}

#header p a{
	margin: 0 0 0 15px;
	color: #ffffff;
}

/* loggedin */
.logged-in{
	width: 310px;
	height: 50px;
	padding: 10px 10px;
	float: right;
	color: #A5794C;
	background: url(../images/bg_utility.gif) no-repeat;
}

.logged-in ul{
	width: 310px;
	float: left;
	margin: 0 0 10px 0;
}

.logged-in ul li{
	float: left;
	margin: 0 10px 0 10px;
	display: inline;
}

.logged-in ul li.floatright{
	float: right;
	margin: 0 20px 0 0;
	display: inline;
}

.logged-in ul.smaller{
	font-size: 0.9em;
	float: left;
	margin: 0 0 10px 0;
}



/*---utility---*/
#utility{
	width: 750px;
	height: 100px;
	float: left;
}

#utility .search{
	width: 750px;
	height: 100px;
	float: left;
	position: relative;
}

#utility .search select{	
	width: 230px;
	float: left;
	margin: 10px 3px 0 0;
	font: Arial, Helvetica, sans-serif;
	border-top: 1px solid #666666;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #666666;
	/*height: 19px;
	\height: 27px;
	he\ight: 19px;*/
	padding: 3px 5px 3px 5px;
}

#utility .search select option{
	margin: 0 0 3px 0;
}

#utility .search label{
	width: 750px;
	margin: 22px 0 0 0;
	float: left;
	font-weight: 800;
	font-size: 1.2em;
	color: #336699;
}

#utility .search .category{
	width: 200px;
}

#utility .search .subcategory{
	width: 260px;
}



#utility .search .text{
	width: 205px;
	\width: 210px;
	w\idth: 205px;
	height: 21px;
	\height: 25px;
	he\ight: 21px;
	float: left;
	border: none;
	padding: 4px 0 0 5px;
	margin: 10px 0 0 0;
	color: #333333;
	background: transparent url(../images/bg_search_input.gif) no-repeat;
}

#utility .search .button{
	float: left;
	margin: 10px 0 0 0;
}

/*---content---*/
#content{
	width: 450px;
	float: left;
}


#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{
	color: #a5794c;
}

body.member #full-content h1{
	clear: both;
}

body.member #content h2{
	margin: 20px 0 0 0;
}


/*--- full-content ---*/
#full-content{
	width: 750px;
	float: left;
}

/*--- events ---*/
.events h2{
	margin: 20px 0 0 0;
}

.events h3{
	font-size: 0.9em;
	margin: 5px 0;
}

.events p{
	margin: 0;
	clear: both;
}

.events img{
	float: left;
	padding: 3px;
	border: 1px solid #666666;
	margin: 0 20px 0 0;
}

.events hr{
	width: 100%;
	float: left;
	clear: both;
	height: 1px;
	border: none;
	margin: 10px 0;
	background: #396FB6;
}


/*---navigation---*/
#navigation{
	width: 230px;
	float: right;
	margin: 0 10px 0 0;
	display: inline;
}

#navigation a{
	font-weight: 800;
}

#navigation p{
	margin: 10px 0 20px 10px;
}

#navigation h1, #navigation h2, #navigation h3, #navigation h4, #navigation h5, #navigation h6{
	color: #a5794c;
}

#navigation ul{
	clear: both;
	margin: 0;
}

#navigation  li{
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	background: transparent url(../images/icons/bullet_blue.gif) no-repeat 0 50%;
}

#navigation h2, #navigation h3{
	margin: 0 0 20px 0;
}

#navigation #categories{
	width: 230px;
	margin: 0 0 0 0;
}

#navigation #categories li{
	width: 100%;
	padding: 0;
	background: none;
}

#navigation #categories li a{
	margin: 0 0 0 5px;
}

/*---ads--- */
#navigation #ads{
	width: 220px;
	float: left;
	margin: 10px 0 30px 10px;
}

#navigation #ads li{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	background: none;
} 


/*---featured--- */
#navigation #featured{
	width: 220px;
	float: left;
	margin: 0 0 0 10px;
}


/*---categories--- */
#categories{
	width: 450px;
	float: left;	
	margin: 30px 0 0 0;
	padding: 0 0 20px 0;
}

#categories li{
	width: 225px;
	float: left;
	margin: 0 0 15px 0;
}

#categories li img{
	vertical-align: middle;
}

#categories li a{
	margin: 0 0 0 10px;
}



/*---asides---*/
#asides, #short-asides{
	width: 100%;
	clear: both;
	padding: 20px 0 20px 0;
	margin: 15px 0 0 0;
	float: left;
	background: #F7F5ED;
	border-top: 1px solid #ebe8d3;
	border-bottom: 1px solid #ebe8d3;
}

#asides a, #short-asides a{
	color: #336699;
}

#asides ul, #short-asides ul{
	width: 750px;
	margin: 0 auto;
	text-align: left;
}

#asides li, #short-asides li{
	width: 190px;
	\width: 230px;
	w\idth: 190px;
	padding: 0 40px 0 0;
	float: left;
}

#asides h4, #short-asides h4{
	margin: 0 0 20px 0;
}

#asides li{
	width: 190px;
	\width: 230px;
	w\idth: 190px;
	padding: 0 40px 0 0;
	float: left;
}

#asides #weather{
	width: 290px;
	\width: 290px;
	w\idth: 250px;
	padding: 0 40px 0 0;
}


/* ---footer--- */
#footer{
	width: 750px;
	clear: both;
	padding: 20px 0;
	margin: 0 auto;
	text-align: left;
}

#footer blockquote{
	width: 750px;
	height: 62px;
	line-height: 62px;
	text-align: center;
	background: #ffffff url(../images/bg_caption.gif) no-repeat;
}

#footer blockquote a{
	color: #336699;
}

#footer p.links{
	width: 450px;
	float: left;
	font-size: 0.9em;
	color: #cccccc;
	padding: 10px 0 30px 0;
}

#footer p.links a{
	margin: 0 10px;
	color: #993333;
}

#footer p.copyright{
	width: 300px;
	font-size: 0.9em;
	float: right;
	text-align: right;
	color: #999999;
	padding: 10px 0 30px 0;
}

#footer p.copyright a{
	color: #999999;
}


/* --- form elements --- */
.mini, .tiny, .short, .medium, .long, .extralong{
	padding: 2px 3px;
	border-top: 1px solid #7C7C7C;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #DDDDDD;
	color: #333333;
	background: #FFFFFF;
}

.mini{width: 40px;}
.tiny{width: 80px;}
.short{width: 120px;}
.medium{width: 200px;}
.long{width: 300px;}
.extralong{width: 420px;}

.form{
	width: 100%;
}

.form label {
	width: 100%;
	display: block;
	float: left;
	margin: 15px 0 0 0;
	font-weight: 800;
	color: #2059A8;
}

.form br {
	clear: both;
}
	
.message{
	font-size: 0.9em;
	margin: 0;
	float: left;
	height: 18px;
	line-height: 18px;
	position: relative;
	color: #EA5200;	
	
}

.inline-error{
	padding: 0 0 0 15px;
	background: #ffffff url(../images/icons/inline-cancel.gif) no-repeat 0 50%;
}

.form ul{
	width: 100%;
	float: left;
}

.form ul li{
	float: left;
	margin: 15px 10px 0 0;
}

.form ul li label{
	display: inline;
	float: none;
	
}

.form .radiobutton{
	float: left;
}

.form .radiobutton label{
	width: auto;
	float: none;
	display: inline;
	margin: 5px 10px 0 0;
	font-weight: 100;
}

.form .mceEditorContainer table{
	clear: both;
}

.checkboxlist{
	width: 100%;
}

.checkboxlist td{
	padding: 3px 0;
}

.checkboxlist label{
	padding: 0 0 0 2px;
}

.buttons{
	width: 100%;
	float: left;
	clear: both;
	margin: 10px 0 10px 0;
}

.buttons_left{
	float: left;
	margin: 10px 0 10px 0;
}

#buttons_right{
	float: right;
	text-align: right;
	margin: 10px 0 10px 0;
}

fieldset{
	margin: 10px 0 0 0;
	padding: 10px;
	border: none;
	border: 1px solid #cccccc;
	background: #fffcef;
}

fieldset legend{
	color: #2059A8;
	font-weight: 800;
}

/*--- dl.info ---*/
dl.info{
	margin: 10px 0 0 0;
}

dl.info dt{
	font-weight: 800;
}

dl.info dd{
	margin: 0 0 10px 0;
}

/*--- packages ---*/
#packages{
	width: 750px;
	float: left;
	line-height: 1.6em;
	margin: 10px 0 20px 0;
	border: 1px solid #EBE8D3;
	background: #FDFDFB;
}

#packages td{
	width: 187px;
	vertical-align: top;
	border-right: 1px solid #EBE8D3;
}

#packages table{
	float: left;
}

#packages table td{
	padding: 10px;
	border-right: none;
}

#packages td.type{
	font-weight: 800;
	font-size: 1.1em;
	color: #2059A8;
	background: #EBE8D3;
}

#packages td.price{
	height: 25px;
	font-weight: 800;
	padding: 0 10px;
	font-size: 1.1em;
	background: #EBE8D3;
}

#packages ul li{
	padding: 0 0 0 20px;
	background: transparent url(../images/icons/bullet_blue.gif) no-repeat 0 1px;
}

/*--- table.display ---*/
table.display{
	clear: both;
	width: 750px;
	margin: 10px 0 10px 0;
	font-size: 0.9em;
}

table.display caption{
	text-align: left;
	margin: 0 0 0 20px;
}

table.display thead th, table.display tr.header th{
	padding: 5px 5px;
	border-bottom: 1px solid #eae4ce;
	background: #ebe8d3;
}

table.display tbody th, table.display tfoot th{
	padding: 10px 5px;
	border-bottom: 1px solid #eae4ce;
}


table.display tbody td, table.display tfoot td{
	padding: 10px 5px; 
	border-bottom: 1px solid #eae4ce;
}

table.display tfoot td.alignright{
	text-align: right;
}

table.display td.index{
	width: 40px;
}

/*--- tabs ---*/
#tabs{
	width: 750px;
	clear: both;
	float: left;
	border-bottom: 2px solid #cccccc;
	font-size: 0.9em;
	margin: 10px 0 20px 0;
}

#tabs li{
	float: left;
	margin: 0 10px 0 10px;
	display: inline;
}

#tabs li a{
	padding: 5px 10px 5px 10px;
	display: block;
	font-weight: 800;
	text-decoration: none;
	border: 1px solid #cccccc;
	border-bottom: none;
}

#tabs li.ui-tabs-selected a{
	color: #a5794c;
	border: 1px solid #cccccc;
	border-bottom: none;
	background: #f7f5ed url(../images/tab_pyram.gif) no-repeat 50% 100%;
}

.ui-tabs-hide{
	display: none;
}

/*--- tooltip ---*/
.balloonstyle{
	position:absolute;
	top: -500px;
	left: 0;
	padding: 5px;
	visibility: hidden;
	border: 1px solid #cccccc;
	line-height: 18px;
	z-index: 100;
	color: #000000;	
	font-weight: 100;
	width: 200px;
	font-size: 11px;
	background: #FFF2CF;
}

.balloonstyleimage{
	position:absolute;
	top: -500px;
	left: 0;
	padding: 5px;
	visibility: hidden;
	border: 1px solid #cccccc;
	line-height: 18px;
	z-index: 100;
	color: #000000;	
	font-weight: 100;
	width: 343px;
	background: #FFF2CF;
}

#arrowhead{
	z-index: 99;
	position:absolute;
	top: -500px;
	left: 0;
	visibility: hidden;
}


/*--- activities ---*/
#activities{
	width: 750px;
}

#activities td{
	padding: 20px 0 20px 0;
	vertical-align: top;
	border-bottom: 1px solid #EDEAD7;
}


#activities td.description{
	width: 550px;
	padding: 10px 50px 10px 0;
}

#activities td.description h2{
	margin: 10px 0 20px 0;
}

#activities td.description img{
	float: left;
	margin: 10px 10px 10px 0;
}

#activities td.additional{
	width: 200px;
	font-weight: 800;
}

#activities ul{
	float: left;
	margin: 10px 0 0 0;
}

#activities ul li{
	float: left;
	margin: 0 5px 0 0;
}

#activities tr:last-child td{
	border-bottom: none;
}


/* --- ads --- */
#ads{
	width: 750px;
	clear: both;
	margin: 0 auto;
	text-align: left;
}

#ads h5{
	width: 750px;
	text-align: center;
	font-size: 0.9em;
	font-weight: 100;
	color: #666666;
}

#ads ul{
	width: 750px;
	float: left;
	margin: 10px 0;
}

#ads ul li{
	float: left;
}

/* --- listing --- */
#listing{
	width: 450px;
	clear: both;
	line-height: 1.4em;
}

#listing td, #listing th{
	padding: 10px 10px;
	vertical-align: top;
	border-bottom: 1px solid #dddddd;
}

#listing tr:hover{
	background: #f8f7f0;
}

#listing address{
	clear: both;
	font-style: normal;
}

#listing .tel{
	font-weight: 800;
	margin: 0 0 0 0;
}

#listing ul{
	font-size: 0.95em;
}

#listing ul li{
	float: left;
	margin: 4px 10px 0 0;
}

#listing .vcard{
	color: #333333;
}

#listing .vcard h3 a{
	color: #993333;
}

#listing .vcard .title{
	width: 74%;
	float: left;
}

#listing .vcard .utility{
	width: 26%;
	float: right;
}


/*--- page functions - title, sorting ---*/
ul.page-functions{
	width: 550px;
	float: left;
}

ul.page-functions li {
	float: right;
	margin: 0 0 0 15px;
	font-size: 0.9em;
}

ul.page-functions li.title{
	width: 350px;
	float: left;
	margin: 0;
	font-size: 1.1em;
}

/*--- ul.infoDisplay - pagers, listing type - list/tile ---*/
ul.info-display{
	width: 450px;
	float: left;
	padding: 0 12px;
	margin: 10px 0 0 0;
}

ul.info-display li{
	margin: 7px 20px 0 0;
	float: left;
}

ul.info-display li.pager{
	margin: 7px 0 0 0;
	float: right;
}

ul.info-display li ul{
	width: auto;
	height: auto;
	padding: 0;
	float: left;
	border: none;
	background: none;
}

ul.info-display li li{
	margin: 0 0 0 10px;
	border: none;
}

ul.info-display li li a{
	text-indent: -9999em;
}

ul.info-display li li.first a{
	width: 22px;
	height: 22px;
	display: block;
	background: transparent url(../images/pager_first_on.gif) no-repeat;
}

ul.info-display li li.first a.disabled{
	background: transparent url(../images/pager_first_off.gif) no-repeat;
}

ul.info-display li li.prev a{
	width: 70px;
	height: 22px;
	display: block;
	background: transparent url(../images/pager_prev_on.gif) no-repeat;
}

ul.info-display li li.prev a.disabled{
	background: transparent url(../images/pager_prev_off.gif) no-repeat;
}

ul.info-display li li.next a{
	width: 70px;
	height: 22px;
	display: block;
	background: transparent url(../images/pager_next_on.gif) no-repeat;
}

ul.info-display li li.next a.disabled{
	background: transparent url(../images/pager_next_off.gif) no-repeat;
}


ul.info-display li li.last a{
	width: 22px;
	height: 22px;
	display: block;
	background: transparent url(../images/pager_last_on.gif) no-repeat;
}

ul.info-display li li.last a.disabled{
	background: transparent url(../images/pager_last_off.gif) no-repeat;
}


/* --- breadcrumb --- */
#breadcrumb{
	width: 750px;
	float: left;
	font-size: 0.9em;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #cccccc;
}

#breadcrumb img{
	padding: 0 2px 0 0;
	vertical-align: middle;
}

/* --- business details --- */
#business-details{
	width: 430px;
	float: left;
	line-height: 1.6em;
}

#business-image{
	float: right;
	margin: 20px 0 20px 20px;
}

#business-details .links{
	margin: 20px 0 0 0;
	float: left;
	line-height: 2em;
}

#business-details .links img{
	vertical-align: middle;
	padding: 0 3px 0 0;
}

#business-details .link div{
	margin: 0;
	padding: 0;
}

#business-details a{
	font-weight: 800;
	color: #993333;
}

#business-details address{
	clear: left;
	font-style: normal;
	margin: 20px 0 0 0;
}

#business-details p{
	clear: both;
}

#business-details h3{
	width: 100%;
	margin: 20px 0 0 0;
}

#business-details ul{
	clear: both;
}


#business-details li{
	padding: 0 0 0 20px;
	background: url(../images/icons/bullet_blue.gif) no-repeat 0 50%;
}

/* --- faq --- */
#faq-list{
	width: 450px;
	line-height: 1.8em;
}

#faq-list h3{
	margin: 20px 0 0 0;
}

#faq-list p{
	clear: both;
	margin: 0;
}

#faq-list ul{
	margin: 0 0 20px 20px;
}

#faq-list ul li{
	padding: 0 0 0 20px;
	background: #ffffff url(../images/icons/bullet_blue.gif) no-repeat 0 50%;
}


/* --- note --- */
#note{
	clear: both;
	width: 750px;
	padding: 10px 0 0 0;
	margin: 20px 0 10px 0;
	border-top: 1px solid #cccccc;
	color: #666666;
}

#member-tasks{
	height: 25px;
	margin: 0 0 20px 0;
	line-height: 25px;
	border: 1px solid #4081CF;
	background: #6493CD;
}

#member-tasks li{
	float: left;
	margin: 0 20px 0 5px;
	display: inline;
}

#member-tasks li a{
	color: #ffffff;
}