textarea#styled {
        width: 600px;
        height: 120px;
        border: 3px solid #cccccc;
        padding: 5px;
        font-family: Tahoma, sans-serif;
        background-image: url(bg.gif);
        background-position: bottom right;
        background-repeat: no-repeat;
}

body
{
	margin:0;
	padding:0;
	background-color:#1a1e20;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
}
.bullet
{
	list-style-type:none;
}
div#main
{
	margin-left: auto;
	margin-right: auto;
	width: 1261px;
	background:url(images/background.png) repeat-y top center;
	height:1540px;
	position:relative;
	text-align: left;
}
div#header
{
	position:absolute;
	top:0;
	left:126px;
	width: 980px;
	background:url(images/header.jpg) no-repeat top center;
	height:202px;
	float:left;
}
#scroller
{
	
}
#menu
{
	position:absolute;
	right:0;
	top:0;	
}
#footer {
	width:968px;
	height:949px;
	float:left;
	left:126px;
	position:absolute;
	top:592px;

	color:white;
	padding-left:10px;
	background-color:#1a1e20;
}
h1 {
	font-size:21px;	
}
#footer #leftPanel
{
	width:630px;
	float:left;
	padding-right:10px;
		font-size:19px;
}
#footer #righttPanel
{
	float:right;
}


/*scrollable*/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	
	/* required settings */
	left:126px;
	top:202px;
	float:left;
	position:absolute;
	overflow:hidden;
	width: 980px;
	height:389px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	
	display:block;
		cursor:pointer;
	font-size:1px;
	/*
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
	*/
}

/* right */
a.right 				{  
width:93px;
	height:57px;
clear:right; 
margin-right: 0px;
position:absolute;
left:1054px;
top:342px;
background:url(images/right.png) no-repeat;
}



/* left */
a.left				{ 
margin-left: 0px; 
position:absolute;
left:82px;
	top:342px;
	background:url(images/left.png) no-repeat;
	width:85px;
	height:57px;
	} 




/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}