/* Copyright 2006 - Arts Events, Inc. */
/* All these files used in layout for International Bayfest */

/* Main Elements */
	body { margin: 0px; padding: 0px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }
	body .listing {line-height:18px;  }
	p {line-height: 16px}
		body.bayfest { background: url("/bayfest/images/bg_body.gif") repeat-x;}
			body.bayfest a {color:#004b86; text-decoration: none; border-bottom: 1px solid #e4dfdd}
			body.bayfest a:hover {border-bottom: 1px solid #004b86}
		
		body.artigras { background: url("/artigras/images/bg_body.gif") repeat-x;}
			body.artigras a {color:#481E65; text-decoration: none; border-bottom: 1px solid #e4dfdd}
			body.artigras a:hover {border-bottom: 1px solid #481E65}
			
		body.artstreet { background: url("/artstreet/images/bg_body.gif") repeat;}
			body.artstreet a {color:#7D000E; text-decoration: none; border-bottom: 1px solid #e4dfdd}
			body.artstreet a:hover {border-bottom: 1px solid #7D000E}
			
		body.artstudio { background: url("/artstudio/images/bg_body.gif") repeat;}
			body.artstudio a {color:#7D000E; text-decoration: none; border-bottom: 1px solid #e4dfdd}
			body.artstudio a:hover {border-bottom: 1px solid #7D000E}
			
		body.common { background: url("/common/images/bg_body.gif") repeat-x;}
			body.common a {color:#996633; text-decoration: none; border-bottom: 1px solid #e4dfdd}
			body.common a:hover {border-bottom: 1px solid #996633}
		
	img { border: 0px; text-decoration:none;}
		
	img.imageFader{position:relative; filter:alpha(opacity=30); -moz-opacity:50%;} 
	#wrapper { width: 750px; margin: 0px auto; padding:10px;}
	#main { float: left; background: #fff; margin-bottom:200px;}

/* Top Elements */
	#top { float: left; width: 746px; border-top: 1px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; }
	#top div { float: left; }
	#top img.hdnarea { position: absolute; z-index:150 }
	#top .h { height: 41px; width: 746px; }
	#top .hb { height: 197px; width: 746px; }
	#top .hb .hdn_links { position: absolute; margin: 150px 0px 0px 15px; z-index: 100;}
	#top .hb .hdn_links a { margin-right: 10px; text-transform: uppercase; font: bold 12px Arial, Helvetica, sans-serif}

/* Left Elements */
	#left { float: left; width: 205px; border-left: 2px solid #fff; }
	#left div { float: left; }
	#left .news {background:#F2F1EF url("/common/images/new_bg.jpg") no-repeat bottom;}
	#left .logos {margin-left: 15px;}
	#left .news h2 { margin: 5px 0px 0px 0px; }
	#left .news dl { margin: 0px 0px 0px 15px;}
	#left .news dt { color: #333; font: bold 12px Arial, Helvetica, sans-serif; overflow: hidden;padding: 2px 0px 0px 20px; background: url("/common/images/ico_thumbtack.gif") no-repeat; }
	#left .news dd { color: #6C6C6C; padding: 0px 0px 10px 20px; font-size: 10px; margin: 0px; padding-right:5px; line-height:16px;}
	#left img { padding: 5px; }

/* Right Elements */
	#right .body { float: left;  padding: 20px 25px 20px 10px; width: 490px;} 
	#right .body h2 { margin: 0px; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; font-size:18px;}
	#right .body h2 .pagetitle { margin-left: -2000px; }
	#right .body p { padding: 0px 0px 10px 0px; line-height:18px;}
	#right .body a.nolink, #right .body a.nolink:hover { border-bottom: 0px; text-underline: none;}	
	#right .logo_lg {float:left; width: 140px; padding:5px;}
	#right .contact .GMapEZ { float: left; width: 280px; height: 150px}

/* Bottom Elements */
	#btm { float: left; color: #666; background: #E4DFDD no-repeat url("/common/images/bg_btm.jpg"); width: 746px; border-right: 2px solid #fff; border-bottom: 1px solid #fff; border-left: 2px solid #fff;}
	#btm .copyright { float: left; padding: 15px; width: 580px;}
	#btm .hg { float: left; padding-top: 10px;}
	#btm a { border:none; color: #666; text-decoration: underline;}

/* Index Elements */
	body.common .main{ padding-bottom:30px; border-bottom:2px #999999 solid;}
	body.common .event { float:left; width: 525px; margin-bottom:25px; }
	body.common .event .logo{ width:177px; float:left;}
		body.common .event .logo a, body.common .event .logo a:hover { border:none; text-decoration: underline;}

	body.common .event .txt { width: 315px; padding-left:10px; float:left; font-size:14px; font-family: Georgia, "Times New Roman", Times, serif;}
		body.common .event .fade	{left; color: #999999; font-size:12px;}
		body.common .event .fade:hover {color:#000000; cursor: default;}