html, body, form
{
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana;
	font-size: small;
	color: black;
}

#mainbody 
{
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana;
	font-size: small;
	color: black;
	background-image: url(/images/layout/bg-main.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #b63d97;
}

#adminbody
{
	
}

img
{
	border: 0;
}

h1, h2, h3, h4
{
	color: #b63d97;
}

a, a:visited
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	text-decoration: underline;
}

#wrapper
{
	width: 808px;
	margin: 48px 0 0 149px;
	/*border: solid 1px black;*/

}

#adminbody #wrapper
{
	width: 1000px;
	margin: 5px auto;
}

#header
{
	width: 740px;
	margin: 0 34px 0 34px;
	height: 100px;
	
}

	#header #logo
	{
		background-image: url(../images/layout/logo-The-Piazza.gif);
		background-position: top left;
		background-repeat: no-repeat;
		text-indent: -5000px;
		width: 152px;
		height: 89px;
		float: left;
	}
	
	#header #banner
	{
		width: 550px;
		height: 95px;
		float: right;
		background-color: #eeeeee;	
	}

#menu
{
	width: 740px;
	margin: 0 34px 0 34px;
	background-color: #c8cacc;
	color: #221e1f;
}

	#menu #rightsection
	{
		float: right;
		padding: 5px 6px 5px 6px;
	}
	
	#menu ul
	{
		display: inline;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	#menu ul li
	{
		float: left;
		margin: 0;
		padding: 5px 8px 5px 6px;
		background-image: url(/images/layout/menubar.gif);
		background-position: right center;
		background-repeat: no-repeat;
	}
	
	#menu ul li.menulast
	{
		background-image: none;
	}
	
	#menu ul li.current
	{
		/*background-color: #232020;*/
	}
	
	#menu ul li a
	{
		color: #221e1f;
		font-weight: bold;
		text-decoration: none;
		text-transform: lowercase;
	}
	
	#menu ul li.current a
	{
		color: #b63d97;
	}
	
	#menu ul li a:hover
	{
		text-decoration: underline;
	}
	
	
#mainbody #wrapper #content
{
	width: 740px;
	padding: 8px 34px 0 34px;
	background-image: url(/images/layout/bg-stretch.gif);
	background-position: 1px 350px;
	background-repeat: no-repeat;
	/*margin-bottom: 5px;	*/
}

	#content #rightcol
	{
		float: right;
		width: 190px;
		margin: 0px 0 0px 0;
		color: white;
		font-weight: bold;
		font-size: 14px;
		min-height: 345px;
	}
		
		#content #rightcol #latest
		{
			background-image: url(/images/layout/bar-yel.gif);
			background-position: right top;
			background-repeat: repeat-y;
			background-color: #bbbdbf;	
			height: 116px;
			border-bottom: solid 2px white;
			text-align: right;
			padding: 6px 14px 0 4px;
			line-height: 18px;
		}
	
			#content #rightcol #latest .newsheader
			{
				text-align: right;
				padding: 4px 0 0 0;
			}
			
			#content #rightcol #latest a
			{
				color: Black;
			}
		
		#content #rightcol .item
		{
			height: 24px;
			background-color: #bbbdbf;
			border-bottom: solid 2px white;
			text-align: right;	
			padding: 11px 14px 0 4px;
		}
		
			#content #rightcol .b1
			{
				background-image: url(/images/layout/bar-1.gif);
				background-position: right top;
				background-repeat: repeat-y;
			}
			
			#content #rightcol .b2
			{
				background-image: url(/images/layout/bar-2.gif);
				background-position: right top;
				background-repeat: repeat-y;
			}
			
			#content #rightcol .b3
			{
				background-image: url(/images/layout/bar-3.gif);
				background-position: right top;
				background-repeat: repeat-y;
			}
			
			#content #rightcol .b4
			{
				background-image: url(/images/layout/bar-4.gif);
				background-position: right top;
				background-repeat: repeat-y;
			}
			
			#content #rightcol .b5
			{
				background-image: url(/images/layout/bar-5.gif);
				background-position: right top;
				background-repeat: repeat-y;
			}
			
			#content #rightcol .b6
			{
				background-image: url(/images/layout/bar-6.gif);
				background-position: right top;
				background-repeat: repeat-y;
			}
			
		#content #rightcol img
		{
			margin-bottom: 2px;
		}
		
		#content #rightcol a
		{
			color: White;
		}
	
	#content #leftcol
	{
		width: 539px;
		padding: 0px 0px 0px 0px;
		margin: 0;
		min-height: 344px;
	}
	
	#content #admin
	{
		padding: 10px;
	}
	
	#content .contactpanel
	{
		width: 350px;
		padding-top: 10px;
	}

#navbottom
{
	width: 743px;
	height: 53px;
	padding: 10px 31px 10px 34px;
	background-image: url(/images/layout/bg-stretch.gif);
	background-position: center bottom;
	background-repeat: repeat-y;
}

	#navbottom img
	{
		margin-right: 3px;
	}

#shops
{
	width: 740px;
	/*height: 35px;*/
	padding: 5px 34px 80px 34px;
	background-color: #b63d97;
	background-image: url(/images/layout/bg-footer.gif);
	background-position: center top;
	background-repeat: no-repeat;
}

	#shops .scroller
	{
		background-color: #e9e9e9;	
	}


.event
{
	margin-top: 8px;
	padding-bottom: 10px;
}

	.event .eventimage
	{
		width: 115px;
		height: 113px;
		float: left;
	}
	
	.event .eventsummary
	{
		float: left;
		width: 412px;
		height: 105px;
		padding: 3px;
		position: relative;
		border: solid 1px #d1d3d4;
		margin-bottom: 5px;	
		overflow: hidden;
	}
	
		.event .eventsummary .head
		{
			color: #b63d97;
			font-weight: bold;
		}
	
		.event .eventsummary .eventmore
		{
			position: absolute;
			bottom: 0;
			right: 0;
			text-align: right;
		}

#popwrapper
{
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana;
	font-size: small;
	color: #6d6f71;
	background-color: #dddddd;
	width: 598px;
	margin: 0 auto;
	background-color: White;
}

#popheader
{
	width: 598px;
	height: 187px;
	background-image: url(../images/Profile_header.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -5000px;
}

#popcontent
{
}
#popcontent #rightcol
	{
		float: right;
		width: 250px;
		padding: 0;
		margin: 8px 0 8px 0;
	}
		
		#popcontent #rightcol img
		{
			margin-bottom: 2px;
		}
	
	#popcontent #leftcol
	{
		width: 340px;
		padding: 8px 2px 20px 0px;
		margin-bottom: 8px;
		float: left;
	}
	
	#popcontent #leftcol .contactname
	{
		font-size: 36px;
		color: Black;
	}
	
	#popcontent #leftcol .contactposition
	{
		font-size: 30px;
		color: #c41130;
		padding-bottom: 10px;
	}
	
	
#popfooter
{
	background-color: #c41130;
	color: White;
	padding: 0;
	font-size: 70%;
	height: 25px;
	width: 598px;
}


/*.popupMenu
{
	width: 300px;
	max-height: 250px;
	overflow-x: auto;	
}*/

.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color: #ababab; /*#f0f0f0;*/
	border: solid 1px #d2d2d2;
	/*opacity:.9;
	filter: alpha(opacity=90);*/
	z-index: 9999;
	margin: 0;
	padding: 0;
	margin-top: 2px;
}
	.popupMenu .srchrow
	{
		height: 22px;
		padding: 2px 3px 1px 3px;
		display: block;
		text-align: left;
	}
	
	.popupMenu a
	{
		color: #f0f0f0;
	}

/* Custom Class */

.right
{ 
	float: right;
}

.left
{
	float: left;
}

.clear
{
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 0;
}

.textright
{
	text-align: right;
}

/* Form classes */

.formline
{
	clear: left;
	padding: 10px 0 10px 0;
}

	.formline .formleft
	{
		float: left;
		width: 130px;
	}
	
	.formline .formright
	{
		float: left;	
	}
	
.thinbox
{
	border: solid 1px #757575;
}

.w400
{
	width: 400px;
}

.w330
{
	width: 330px;
}

.w340
{
	width: 340px;
}

.w200
{
	width: 200px;
}

.h150
{
	height: 150px;
}

.s80
{
	font-size: 90%;
}

.red
{
	color: #c41230;
	font-weight: bold;
}

.bluetitle
{
	font-weight: bold;
	color: #0053a0;
}