table.microsite_main
{
	background-color: #666666;
	height: 550px;
	width: 720px;
}
table.microsite_header
{
	height: 130px;
	width: 720px; /*background-image:url(../Image/imgTop.gif);*/ /*background-image:url(../Image/top/imgTop_field3.jpg);*/
	/* background-image: url(../Images/frame/Top3_seminar_2.png); */
	background-image: url(../Images/frame/SFTop_4_seminar2.png);
}
table.microsite_header_sfj
{
	height: 171px;
	width: 978px; /*background-image:url(../Image/imgTop.gif);*/
	background-image: url(../Images/top/imgTop_SFJ.jpg);
}
table.microsite_header_sfgj
{
	height: 171px;
	width: 978px; /*background-image:url(../Image/imgTop.gif);*/
	background-image: url(../Images/top/imgTop_SFGJ.jpg);
}

.contentAreaPromoWhiteBold
{
	font-family: MS Gothic;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: -1.5px;
	padding: 0px 3px 3px 0px;
	font-stretch: ultra-condensed;
	outline-style: outset;
	outline-color: #666666;
}

.contentAreaBarGreenLighter
{
	background-color: #e4f5e9;
	font-size: 12px;
	color: #000000;
	margin: 0;
}

.contentAreaBarGold
{
background-color: #af8d31;
font-size:12px;
color:#ffffff;
margin:0;
}

.balkenGold
{
	color: #af8d31;
	background-color: #ffffff;
}
.Gold
{
	color: #af8d31;
}
.GoldBold
{
	color: #af8d31;
	font-weight: bold;
	font-size: 13px;
}

.ShadowForNonMSIE {
	font-size:24px;
	font-weight:bold;
	width:600px;
	height:25px;
	text-shadow: 2px 2px 3px #333;
	color:#ffffff;
	font-family:MS Gothic
}


	#MicrositeMenu li
	{
		display: inline;
		margin: 0;
		padding: 0;
	}
	#MicrositeMenu a
	{
		color: #000;
		float: left;
		background: url(../Image/menuleftoverv4.gif) no-repeat left;
		margin: 0;
		padding: 0 0 0 5px;
		text-decoration: none;
		cursor: pointer;
		font-weight: 700;
	}
	#MicrositeMenu a:hover
	{
		background: url(../Image/menuleftv4.gif) no-repeat left;
	}
	#MicrositeMenu a span
	{
		float: left;
		display: block;
		background: url(../Image/menurightoverv4.gif) no-repeat right;
		padding: 5px 10px 4px 5px;
	}
	#MicrositeMenu a:hover span
	{
		/* color:#00513B; */
		color: #023825;
		background: url(../Image/menurightv4.gif) no-repeat right;
	}
	#MicrositeMenu li.active a
	{
		background: url(../Image/menuleftv4.gif) no-repeat left; /* color:#00513B; */
		color: #023825;
		font-weight: 700;
	}
	#MicrositeMenu li.active a span
	{
		background: url(../Image/menurightv4.gif) no-repeat right;
	}
	
															
/* default setup that everything sees * /
.shadow
{
	/* needed for Internet explorer */
	height: 1em;
	filter: Shadow(Color=#666666,  Direction=135, Strength=5); /* Needed for Gecko */
	line-height: 2em;
	white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before
{
	display: block;
	margin: 0 0 -2.12em 0.15em;
	padding: 0;
	color: #666666;
}

#shadow_1:before
{
	content: 'In shadow';
}
#second_2:before
{
	content: 'Happy Shadowing!';
}

/*\*/
html*.shadow
{ [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

/* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
text-shadow:#6666665px5px5px;

]color:auto;/* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]
{
	clear: both;
}

/*\*/
html*.shadow:before
{ [color:red;/* required by Safari. 
                seen by IE6 */

/* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
display:none;

]color:auto;/* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]
{
	clear: both;
}
