.wrapper {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}


.head {
	background: #FFFFFF;
	height: 88px;
}
.dates {
	font: 700 18px Arial, Helvetica, sans-serif;
	color: #BB3800;
	padding-top: 10px;
}

.pagename {
	font: 800 18px Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	border-bottom: 6px double #F7BE56;
	margin: 8px 5px 5px 2px;
}
.bodytable {
	color: #444A80;
	background: #ffe8a4;
	margin-top: -1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	clear: both;
}
.bodytable td {
	font: 12px Arial, Helvetica, sans-serif;
	border-color: #FFFFEA;
}


.seminar {
	width: 290px;
	border: 1px solid #D2D293;
	padding: 8px;
	background: #FFFFEA;
	margin: 3px 5px 5px 3px;
}
.bluebx {
	background: #D1E0EF;
	padding: 8px;
	margin: 3px 5px 5px 3px;
	border: 1px dotted #335B98;
	color: #0C4574;
}

.seminarW {
	border: 1px solid #D2D293;
	padding: 8px;
	background: #FFFFEA;
	margin: 3px 5px 5px 3px;
}
.seminar p {
	margin-bottom: 0px;
}


.coffee {
	font-size: 14px;
	font-style: italic;
	font-weight: 700;
	color: #1165aa;
}
.lgRed {
	font: 700 18px Verdana, Arial, Helvetica, sans-serif;
	color: #BB3800;
}
.red {
	font-weight: 700;
	color: #BB3800;
}

.smbold {
	font-size: 12px;
	font-weight: 800;
	color: #000000;
}

.lgBlue {
	font: 700 18px Arial, Helvetica, sans-serif;
	color: #1165AA;
}
.glance {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #1067AC;
	margin: 5px;
}
.glance TH {
	font-size: 14px;
	background: #0099CC;
}
.list {	
	border: 1px solid #D2D293;
	padding: 8px;
	background: #FFFFEA;
	margin: 3px 5px 5px 3px;}
.bodytable .list UL {
	margin-bottom: 0px;
	padding-bottom: 0px;
	list-style-type: none;
	margin-left: 10px;
	padding-left: 10px;
}
.list li {
	padding-bottom: 3px;
}

.list TD{
	font-size: 10px;
}
.bluebx ul {
	margin-left: 10px;
	padding-left: 10px;
}
body {
	background: #397AB8 url(/events/vision08/images/stars.gif);
	font-family: Arial, Helvetica, sans-serif;
}
.header {	background: #F7BE56 url(/events/vision08/images/bg-gold.jpg);
	width: 950px;	height: 100px;}
.logodate {
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right: 0px;
	margin-top: 0px;
	float: right;
	width: 600px;

}
.logodate .city {
	padding: 8px 5px 5px;
}

.menu {
	width:529px;
	height:26px;
	font-size:0.85em;
	position:relative;
	z-index:100;
	margin-right: auto;
	margin-left: auto;
	border-right:1px solid #666;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:530px; w\idth:529px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {
	width:132px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:132px;
	position:relative;
	text-align: center;
}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:1em;text-decoration:none; color:#666666; width:132px; height:25px; border:1px solid #666; border-width:1px 0 1px 1px; background:#F9C768; line-height:25px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:132px; w\idth:132px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:26px;left:0; width:125px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:25px;t\op:26px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#FFE8A4; color:#000; height:auto; line-height:1em; padding:3px 5px; width:122px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:122px;w\idth:122px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#333333; background:#FFE8A4;}


.menu :hover > a, .menu ul ul :hover > a {color:#333333;background:#FFDF80;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
.bodytable img {
	border: 4px solid #FFFFFF;
}