
/* CSS Document */

.HomeBanner { margin-left:240px }
.eventBanner { margin-top:15px; overflow:hidden; width:962px; height:102px; background:url(../images/event-banner.png) no-repeat; _background-image:url(../images/event-banner.png) }
.eventBanner .name { display:block; font-family:"Times New Roman"; font-size:26px; line-height:100px; width:246px; text-align:center; color:#FFF; letter-spacing:-1px }
.eventBanner .logos { width:550px; height:40px; margin-right:40px; margin-top:20px }

div#pageLeft { width:239px; overflow:hidden }

.formSearch .title { width:239px; height:44px; overflow:hidden; background:url(../images/form-title-bg.png) no-repeat; _background-image:url(../images/form-title-bg.gif) }
.formSearch .title span { display:block; line-height:44px; margin-left:40px; margin-right:10px; text-transform:uppercase; color:#FFF }
.formSearch .body { width:239px; overflow:hidden; background:url(../images/form-bg.jpg) repeat-y }
.formSearch .body table { margin-top:10px }
.formSearch .body table td { padding:3px }
.formSearch .body td.label { text-align:right; padding-right:3px; color:#FFF; font-size:11px }
.formSearch .frmelem input { border:1px solid #70aafd; width:128px; padding:3px }
.formSearch .frmelem select { border:1px solid #70aafd; width:136px; height:21px; color:#333 }
.formSearch .frmelem button { width:auto; border:0; background:none; color:#FFF; font-size:12px; border-bottom:1px solid #FFF; padding:0; margin-right:10px }
.formSearch .end { width:239px; height:9px; overflow:hidden; background:url(../images/form-end-bg.png) no-repeat; _background-image:url(../images/form-end-bg.gif) }

.leftMenuArea { margin-top:0px }
.leftMenuArea .title { width:239px; height:46px; overflow:hidden; background:url(../images/form-title-bg.png) no-repeat; _background-image:url(../images/form-title-bg.gif) }
.leftMenuArea .title span { display:block; line-height:46px; margin-left:40px; margin-right:10px; text-transform:uppercase; color:#FFF }
.leftMenuArea .body { width:239px; overflow:hidden; background:url(../images/left-bg.jpg) repeat-y }
.leftMenuArea .end { width:239px; height:10px; overflow:hidden; background:url(../images/left-end.png) no-repeat; _background-image:url(../images/left-end.gif) }

.leftVideo { width:239px; margin-top:10px; background:#d3d3d3; padding-bottom:5px }
.leftVideo #VideoPlayer { width:239px; height:165px; overflow:hidden }
.leftVideo #PlayList { width:239px; height:85px; overflow:hidden }
.leftVideo ul.PlayList { margin:7px 0; margin-left:-15px }
.leftVideo ul.PlayList li { padding-bottom:5px }
.leftVideo ul.PlayList a { font-size:11px; color:#646464 }
.leftVideo ul.PlayList a:hover, .leftVideo ul.PlayList a.active { color:#C30 }

div#pageCenter { width:700px; margin-left:18px }
div#pageCenter .body { overflow:hidden; border:1px solid #e1e1e1; border-bottom:0; background:#FFF; margin-top:2px }
div#pageCenter .end { width:700px; height:11px; background:url(../images/center-end.png) no-repeat; _background-image:url(../images/center-end.gif) }


/* Set style for Project MenuBar*/
#eventMenuBar, #eventMenuBar ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:21px;
z-index:97;
text-align:left;
white-space:nowrap;
cursor:default;
float:right;
margin-top:-27px;
margin-right:23px;
}
#eventMenuBar a {
display:block;
padding:0px;
width:100px;
color:#08272f;
text-decoration:none;
font-size:12px;
text-align:center;
font-family:Arial;
margin-left:2px;
height:50px;
line-height:50px;
}
#eventMenuBar img { height:50px; border:0; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6 }
#eventMenuBar li a:hover, #eventMenuBar li.current a { color:#06C }
#eventMenuBar li a:hover img, #eventMenuBar li.current img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1 }

#eventMenuBar li { float:left; position:relative }

#eventMenuBar ul {
position:absolute;
display:none;
width:13.9em;
top:50px;
padding:0;
border:1px solid #EEE;
border-top:0;
overflow:hidden;
}

#eventMenuBar li ul li a, #eventMenuBar li.current ul li a{
width:13.9em;
float:left;
line-height:23px;
background:#F5F5F5;
filter: alpha(opacity=90);
-moz-opacity: 0.90;
-khtml-opacity: 0.90;
opacity: 0.90;
text-transform:none;
padding-left:18px;
border:0;
border-top:1px solid #CCC;
color:#666;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-align:left;
margin:0;
}
#eventMenuBar li ul li a:hover { background:url(../images/menubar/sub-item-active.jpg) no-repeat left #F4F4F4; color:#333 }

#eventMenuBar ul ul{ top:auto; line-height:23px }

#eventMenuBar li ul li{ width:15em; float:left }
#eventMenuBar li ul li a { line-height:23px }
#eventMenuBar li ul ul { left:14.3em; _left:14.4em }

#eventMenuBar li:hover ul ul, #eventMenuBar li:hover ul ul ul, #eventMenuBar li:hover ul ul ul ul{ display:none }
#eventMenuBar li:hover ul, #eventMenuBar li li:hover ul, #eventMenuBar li li li:hover ul, #eventMenuBar li li li li:hover ul { display:block }
/* End MenuBar*/

/* List logo scroller */
.custom { /* Applied to container DIV */
	height: 40px;
	padding-left:10px;
}
.custom .simply-scroll-clip { /* Applied to clip DIV */
	width: 550px;
	height: 40px;
}

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top:0;
	left:0;
	z-index:1;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
	height:40px;
}
	
.simply-scroll-list li {
	padding:0;
	margin:0;
	list-style: none;
}

#partner-logo-scroller {
	padding:0;
	margin:0;
	list-style: none;
	float:right	
}

#partner-logo-scroller .section {
	float:left;
	height:40px;
	text-align:center;
	overflow:hidden;
}
#partner-logo-scroller .section img {
	border: none;
	display: block;
}

/* Left Menu*/
ul.ui-accordion-container { margin:10px 0 0 18px; padding:0; list-style:none; width:100% }
ul.ui-accordion-container li { padding:0; cursor:default; margin-bottom:10px }
ul.ui-accordion-container li a.ui-accordion-link { display:block; height:25px; color:#002262; font-size:12px; font-weight:bold; text-decoration:none; line-height:25px; overflow:hidden }
ul.ui-accordion-container li a.ui-accordion-link:hover { color:#F60 }
ul.ui-accordion-container li.active a.ui-accordion-link { color:#eb0305 }
ul.ui-accordion-container li.active a.acc1 { color:#002262 }

ul.ui-accordion-container li a.acc1 { cursor:default }

ul.ui-accordion-container ul { margin:0px 20px; *margin-left:20px; padding:0; list-style:none; width:100%; position:relative }
ul.ui-accordion-container li ul li { margin:0; *margin-left:18px; *list-style-image:url(../images/bullist-2.gif) }

ul.ui-accordion-container li ul li a.ui-accordion-link { color:#08272f; padding-left:0px; font-weight:normal; display:inline; *line-height:25px }
ul.ui-accordion-container li ul li:hover a.ui-accordion-link { color:#F93 }
ul.ui-accordion-container li.active ul li a.ui-accordion-link { font-weight:normal; color:#08272f }
ul.ui-accordion-container li.active ul li.active a.ui-accordion-link { color:#eb0305 }

ul.ui-accordion-container ul li ul { margin:0px 15px; *margin-left:0px; padding:0; list-style-image:url(../images/bullet.png); width:100%; position:relative }
ul.ui-accordion-container li ul li ul li { *margin-left:17px; *list-style-image:url(../images/bullet-2.gif); *overflow:hidden; *height:25px }
ul.ui-accordion-container li ul li ul li a.ui-accordion-link { color:#08272f; text-transform:none }
ul.ui-accordion-container li ul li ul li a.ui-accordion-link:hover { color:#F93 }
ul.ui-accordion-container li ul li:hover ul li a.ui-accordion-link { color:#08272f }
ul.ui-accordion-container li ul li:hover ul li a.ui-accordion-link:hover { color:#F93 }
ul.ui-accordion-container li.active ul li.active ul li a.ui-accordion-link { font-weight:normal; color:#08272f }
ul.ui-accordion-container li.active ul li.active ul li.active a.ui-accordion-link { color:#F60 }

