body 
{
    color: #676766;
    background-color: #e3e3e1;
    margin: 0px;
    font-family: Trebuchet MS, Helvetica, verdana;
    font-size:14px;
} 
#horizon        
{
    color: white;
    background-color: #0ff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 0px;
    overflow: visible;
    visibility: visible;
    display: block;
} 
#content    
{
    afont-family:Futura Lt BT, sans-serif,Times New Roman, Verdana, Geneva, Arial;
    background-color: #e3e3e1;
    margin-left: -500px;
    position: absolute;
    top: -350px;
    left: 50%;
    width: 1000px;
    height: 700px;
    visibility: visible;
    color:gray;
}
.main_left_container
{
    clear:left;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    height:700px;
    width:860px;
}
.main_right_container
{
    clear:none;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    height:700px;
    width:140px;
}
.gallery_top
{
    clear:left;
    float:left;
    margin:0px 0px 0px 0px;
    padding:59px 0px 0px 0px;
    height:20px;
    width:140px;
}
.gallery_main
{
    clear:left;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 11px 0px 11px;
    height:590px;
    width:118px;
}
.gallery_bottom
{
    clear:left;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    height:31px;
    width:140px;
}
.galley_item
{
    clear:left;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    height:68px;
    width:104px;
    border:5px solid #fff;
}
.gallery_spacer
{
    clear:left;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    height:5px;
    width:104px;
}
.logo_container
{
    clear:left;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 300px;
    height:79px;
    width:560px;
}
.logo
{
    float:left;
    clear:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 284px;
    height: 66px;    
    background-image:url('../Images/logo.jpg');    
    background-repeat:no-repeat;
    background-position:top left;
}
.main_content
{
    clear:left;
    float:left;
    margin:0px 0px 0px 0px;
    padding:10px 0px 0px 10px;
    height:570px;
    width:850px;
    background-color:#fff;
}
.playground
{
    clear:left;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    height:560px;
    width:840px;
}
.bottom_container
{
    clear:left;
    float:left;
    margin:0px 0px 0px 0px;
    padding:10px 0px 0px 0px;
    height:31px;
    width:860px;
}
.menu_container
{
    clear:left;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    height:31px;
    width:860px;    
    background-color:#fff;
}
.menu_left
{
    clear:left;
    float:left;
    margin:0px 0px 0px 0px;
    padding:7px 0px 0px 0px;
    height:24px;
    awidth:500px;
    width:600px;
}
.menu_right
{
    clear:none;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    height:24px;
    awidth:360px;
    width:260px;
}
.menu_item
{
    clear:none;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 10px 0px 10px;
    font-size:12px;    
}
.menu_item_selected
{
    font-weight:bold;
}
.menu_item:link, menu_item:visited
{    
    color:gray;
}
.menu_item:hover
{
    color:#333;
}
.submenu_item
{
    clear:none;
    float:left;
    margin:0px 0px 0px 0px;
    padding:7px 10px 0px 10px;
    font-size:11px;
    font-style:italic;
}
.submenu_item_selected
{
    clear:none;
    float:left;
    margin:0px 0px 0px 0px;
    padding:3px 10px 0px 10px;
    font-size:16px;
    font-style:italic;
}
.menu_item:link, menu_item:visited
{    
    color:gray;
}
.menu_item:hover
{
    color:#333;
}
.playground_copy
{
    clear:left;
    float:left;
    margin:0px 0px 0px 0px;
    padding:20px 0px 0px 20px;
    text-align:left;
    font-size:12px;
}
h1
{
    padding:15px 0px 15px 0px;
    color:#999;
    font-size:24px;
    text-align:left;
}
h3
{
    padding:0px 0px 0px 0px;
    color:#ccc;
    font-size:18px;
    text-align:left;
}


#afooter 
{
    font-size: 11px;
    afont-family: Verdana, Geneva, Arial, sans-serif;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 20px;
    visibility: visible;
    display: block
} 
a:link, a:visited 
	{
	color: gray;
	text-decoration: none
	}
 
a:hover 
	{
	color: #333;
	text-decoration: none
	}
.message
{
    color:#db241e;
}
.button
{
    margin:0px 0px 0px 0px;
    padding:5px 5px 5px 5px;
    font-weight:bold;
    color:red;
    background-color:#ccc;    
}
.textbox
{
    border:1px solid #ccc;
    color:#333;
    font-family: Trebuchet MS, Helvetica, verdana;
    font-size:12px;
}
.footer
{
    clear:left;
    float:left;
    padding:10px 0px 0px 0px;
    width:860px;
    text-align:right;
    font-size:11px;
    color:#999;
}
 
 
 
 
 
/* root element for scrollable */
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 580px;
	width: 115px;
	text-align:left;
}

/* root element for scrollable items */
.scrollable .items {	
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
}