/* CSS Document */
/*  */

* {
	margin:0;
	padding:0
}
body {
/*text-align: center;*/
	background: #ccc url("images/body_bg.jpg") fixed no-repeat -5px 0;
	color:#333333;
	font:71%/1.4 tahoma,arial,verdana,sans-serif
}
img {border:none}

.clear {
	display:block;
	clear:both;
	position:relative;
	height:0px;
	line-height:0px
} 




/* main position */

#wrapper {

	position: relatve;
	width:780px;
	margin: 0 auto 0 auto;
	padding: 90px 80px 50px 80px;
	background: #fff;
}
    #content {
		margin-left: 5px;
		margin-right:5px;
	}
		 #main {
			 width:620px;
			 float:left;
			 padding-right: 20px;
			 border-right: 1px solid #000;
		 }
		 #tools {
		 	width:120px;
			float:right;
			margin-top:-210px;
			clear:right
		 }
			#tools ul {
				margin:0;

				list-style-type:none;
				text-align:left;
				background-color:#cdcc02;
			}
				#tools ul li{
					margin:0;
					padding:5px;
					text-align:left;
					background-color:#cdcc02;
					border-bottom: 1px solid #fff;
			    }
		 #sidebar {
		 	width:120px;
			float:right;
			margin-top:0px;
			/* margin-top:-20px; */
		 }
		 	#sidebar h2 {border-bottom: 1px solid #333;}
			#sponsor {margin-top: 22px;}

	#footer {
		clear:both;
		width: 640px;
		margin-top:30px;
	}
		#footer p {
		color:#fff;
		background:#333333;
		text-align:left;
		font-size:86%;
		padding: 5px;	
	}
.weather{margin-right: 50px; float: right; margin-top: -50px; position:relative;  }
.logo { float: left; margin-top: -90px; position:relative}
/* header and top nav */
#header {
	height:175px;
	width: 640px;
	background-repeat: no-repeat;
}

/* body id for each page -- add, change image here*/
#home #header {
	background-image: url(../images/home2_top.jpg);
}
#aboutus #header {
	background-image: url(../images/food_top.jpg);
}
#communities #header {
	background-image: url(../images/community_top.jpg);
}
#events #header {	
	background-image: url(../images/home_top.jpg);
}

#travel #header {
	background-image: url(../images/travel_top.jpg);
}
#restaurants #header {
	background-image: url(../images/restaurant_top.jpg);
}
#food #header {
	background-image: url(../images/food_top.jpg);
}
#contact #header {
	background-image: url(../images/contact_top.jpg);
}

/* for setting to display promotion banner*/
/*
#home #promotion, #events #promotion, #aboutus #promotion {
	height:175px;
	width: 240px;
	margin-left: 400px;
	background-image: url(../images/top_notice1.jpg);
	background-repeat: no-repeat;
	cursor:hand;
}
*/




#header a, #header a:link, #header a:visited, #header a:hover, #header a:active {padding:0} 



	#navcontainer {
		height:34px;
		width:640px;
		padding-bottom:4px;
		
	}
		#navcontainer div {
			float:left;
			margin-left: -35px;
			font-weight: bold;
			color: #666;
			text-transform:uppercase;
	   }

		#navcontainer ul {
			margin:0;
			padding:0;
			list-style-type:none;
			text-align:left;
			background-color:#333333;
		}

		#navcontainer ul li { display: inline; margin:0;
			padding:0;}

		#navcontainer ul li a {
			text-decoration:none;
			padding: .1em .8em;
			color:#fff;
			background-color:#333;
		}
		#navcontainer ul li a:hover {
			color:#fff;
			background-color:#666;
		}
		/* hight light menu on each page*/
	#home li#nav-home a, 
	#aboutus li#nav-aboutus a, 
	#communities li#nav-communities a, 
	#events li#nav-events a, 
	#food li#nav-food a, 
	#restaurants li#nav-restaurants a, 
	#travel li#nav-travel a, 
	#webboard li#nav-webboard a, 
	#contact li#nav-contact a
	{color:#fff; background-color:#E3B104;}

/* text */

h1, h2 {
text-transform:uppercase;
}

h1 {font-size:1.4em; margin-top:1em;}

h2 { font-size:1.1em}

	
h3 {font-size:1em}

h4 {font-size:1em; font-weight: bold;}

	h4.date {margin: 10px 0 0;color:#000}

h5 {}

	.subheading {margin-top:0}
#content span{ margin-left: 5px; color:#E3B104}

#main ul, #main ol {margin: 5px 5px 10px 18px}

#main ul {list-style: url(../images/dot.gif) circle }

#main ul li {padding-left:5px; margin-bottom: 1.5em; background:url(../images/dot.gif) no-repeat 5px -100px}


p {margin: 0 0 1.9em}

hr {background:#D1B68F;height:1px;color:#D1B68F;border:none;margin: 0}
hr.clear {background:#fff;height:1px;color:#fff;border:none;margin: 0}
#main hr { clear:both}





.section { 
	clear:both; 
	margin-top: -10px;
}
	.section h2 {margin-top: 15px; margin-bottom: 5px}
	.section img {
		padding: 5px; 
		border: 1px solid #cccccc;
		float:left;
		margin: 0px 10px 10px 0;
	}
	.section .groupimg {
	    width: 243px; 
		float:left;
		margin: 0px 10px 10px 0;
	}
		.section .groupimg img {
			margin: 1px 1px 0px 0px;
			padding: 4px; 
		}	
	.section p {margin-left: 0px;}

.dishfood {
		float:right;
		padding: 5px; 
		border: 1px solid #cccccc;
		margin: 0px 0px 20px 20px;
		width: 300px;
	}
	.dishfood img{ clear: float; }
.rest-sponsor {
		float:right;
		padding: 5px; 
		border: 1px solid #cccccc;
		margin: -150px 0px 20px 20px;
		width: 300px;
	}
	.rest-sponsor img{ clear: float; }

/* for restaurants search*/

#restaurants div.pmember h2 {
	padding:0;
	margin:0;
	border-bottom: 1px solid #D1B68F;	
	background-repeat: no-repeat;
}
#restaurants div.pmember  h2 span {
	padding: 0.5em 0.5em 0.0em 0.5em;
	margin:0;
 	background-color: #D1B68F;
	text-transform: capitalize;
	color:#FFFFFF;
}

#restaurants div.nmember h2 {
	padding:0;
	margin:0;
	border-bottom: 1px solid #cccccc;	
	background-repeat: no-repeat;}
#restaurants div.nmember  h2 span {
	padding: 0.5em 0.5em 0.0em 0.5em;
	margin:0;
 	background-color: #cccccc;
	text-transform: capitalize;
	color:#FFFFFF;
}
.pmember{border-bottom: 1px dotted #ababab;}
	.pmember h4 {color:#003300}
	.pmember img { float: right; margin-top: -70px; border:0;}
.nmember{border-bottom: 1px dotted #ababab;	}
	.nmember h4 {color:#333333}


#restaurants div.suburb h2 {
	padding:0;
	margin:0;
	border-bottom: 1px solid #cccccc;	
	background-repeat: no-repeat;}
#restaurants div.suburb  h2 span {
	padding: 0.5em 0.5em 0.0em 0.5em;
	margin:0;
 	background-color: #cccccc;
}



/*
dl {margin-top: -10px}

dt {font-size: 145%;background: #fff url("images/sprites.gif") no-repeat 0 -400px;margin-top: 25px;font-weight:bold;padding-left: 40px}

dd {padding-left: 40px}
*/



/* =LINKS */

#main a,#main a:visited,#main a:link, #main a:active,#main a:hover {padding: 0 2px;background:transparent;text-decoration:underline;cursor:pointer} 

#main a:link {color:#99B4F3} 

#main a:visited {color:#99B4F3}  /* change to 666 before sending live */

#main a:hover {color:#fff;background:#99B4F3;text-decoration:none} 

#main a:active {color:#99B4F3} 

#sponsor a, #sponsor a:link, #sponsor a:visited,#sponsor a:active, #sponsor a:hover { color: #ffffff; background:none;}