/* 

    root element for the scrollable. 

    when scrolling occurs this element stays still. 

*/ 

div.scrollable { 

 

    /* required settings */ 

    position:relative; 

    overflow:hidden; 

    width: 950px; 

    height:600px; 

} 

 

/* 

    root element for scrollable items. Must be absolutely positioned 

    and it should have a extremely large width to accomodate scrollable items. 

    it's enough that you set width and height for the root element and 

    not for this element. 

*/ 

div.scrollable div.items { 

    /* this cannot be too large */ 

    width:20000em; 

    position:absolute; 

	z-index:5;

	



} 

 

/* 

    a single item. must be floated in horizontal scrolling. 

    typically, this element is the one that *you* will style 

    the most. 

*/ 



div.scrollable div.items div { 

    float:left;

	margin-left:300px;

	width:600px;

	color:white;

	text-align:center;

	line-height:30px;

	font-size:1.3em;

} 



/* you may want to setup some decorations to active the item */ 

div.items div.active { 

    border:1px inset #ccc; 

    background-color:#fff; 

	z-index:5;

}



a{

	color:white;

	text-decoration:none;

	margin-right:10px;

}



a:active{

	color:white;

	text-decoration:none;

	

}

a:hover{

	text-decoration:underline;

}

.left{

	position:relative;

	top:550px;

	left:300px;

	z-index:80;

}

.right{

	position:relative;

	top:550px;

	left:850px;

	z-index:80;

}

html{

background:#005c00;

}

#doc2{

	width:950px;

	height:950px;

}

#hd{

	position:relative;

	height:350px;

	background:url(gradbg.png);

}

#hd img{

	border:1px solid black;

}

#hd #logo{

	position:absolute;

	left:40%;

	top:55%;

	border:none !important;

}

#quote{

	height:110px;



}

#quote p{

	font-size:1.75em;

	text-align:center;

	line-height:35px;

	margin-top:25px;

	color:#B9D464;

}

#bd{

	height:600px;

	background:url(mainback.png);

}

.yui-u.first ul{

	position:absolute;

	margin-top:15px;

	width:250px;

	

	z-index:10000;

}

.yui-u.first ul li{

	height:145px;

	font-size:1.2em;

	margin-left:15px;

	color:#005c00;

	z-index:10000;

}

.yui-u a{

	color:#005c00;

}

.yui-u .items a{

color:white;

}

.yui-u ul li p{

	position:relative;

	left:20px;

	top:34px;

}

.yui-u.first img{

	float:left;

	border:4px solid green;

}

#maintext{

	margin-top:10px;

}

#ticket{

	font-size:1.4em;

	margin:10px 0 10px 0;

}

.hosts{

	float:left;

}

#location,#tix,#vendors{

	color:#b9d464;

}

.titles{

	color:white;

}

.locpara{

	margin-top:25px;

	font-size:0.8em;

}

.locpara li{

	line-height:14px !important;

}

.woodmark{

	font-size:1.3em;

}

#hostcontain{

	border-top:4px solid white;

}

#footer{

	margin-top:20px;

}