/* Layout CSS by Stu Nichols at http://www.cssplay.co.uk */

html, body {margin:0px; padding:0px; font-family:verdana; font-size:12px; color:#000;}
/* The header and footer */
.head {display:block; color:#000; text-align:left;  border-bottom:1px solid black;  color:#fff;}
.foot {display:block; color:#000; text-align:left;  border-top:1px solid black;  color:#fff;}

/* This bit does all the work */
#container {position:relative; display:block; border-left:200px solid white; border-right:200px solid white; overflow:visible; color:black;}
#left {float:left; position:relative; width:198px; margin-left:-197px; display:inline; border-right:1px solid black;  color:black;}
#right {float:right; position:relative; width:198px; margin-right:-197px; display:inline; border-left:1px solid black;  color:black;}

.clear {clear:both;height:1px;overflow:hidden;}

#wrapper {width:550px; height:300px; margin:10px auto; background:#fff; border-top:4px solid #eee; border-left:4px solid #eee; padding:20px}
#scroll {position:relative; width:550px; height:300px; overflow:auto}
#scrollcontent {position:absolute; width:525px; z-index:200}
#scrollbar {float:right; position:relative; display:none; width:15px; height:300px; z-index:100; background:url(images/scroll-bg.gif)}
.scroller {position:absolute; top:0; width:15px; cursor:pointer; background-color:#3366ff; background-image:url(images/scroll-arrows.gif); background-position:50% 50%; background-repeat:no-repeat}
.buttonclick {background-color:#ffcc00}




<!--[if IE]>

#container {display:inline-block;}
#left {width:197px;}

<![endif]-->



* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

h1 {
	line-height: 1em;
	font-family: "Times New Roman", Times, serif;
	color: #666;
	font-style: italic;
	text-align: center;
	padding: 0px 0 0 0;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 8px 0;
}

h3 {
	font-family: Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight:90;
	font-size:18px;
	text-shadow: 2px 2px 2px #333;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.5em;
	margin: 0 0 0px 0;
	padding: 0px 0 0 0;
	clear: both;
	text-align: center;
	color: #666;
}

#content-slider {
	width: 625px;
	overflow: hidden;
	height: 350px;
	margin: 0px 0 0 0;
	border: solid 1px #666;
}

#content-slider-inside {
	list-style: none;
	height: 350px;
	overflow: hidden;
	overflow-y: hidden;
}

	#content-slider-inside li {
		width: 625px;
		background: url("/images/linebg.jpg") repeat;
		height: 350px;
		color: #fff;
		font-size: 10px;
		font-family: "Tahoma", Times, serif;
		font-style: none;
		text-align: left;
		line-height: 12px;
	}
	
#navigation {
	list-style: none;
	margin: 5px 0 0 0;
	float: right;
}

#navigation li {
	float: right;
	width: 8px;
	height:8px;
	text-align: center;
	margin: 0;
	border: solid 1px #ccc;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 5px;
}

#navigation li a, #navigation li a:link, #navigation li a:visited {
	text-decoration: none;
	display: block;
	height: 8px;
	background: #3366ff;
	color: #fff;
}

#navigation li a.selected, #navigation li a.selected:link, #navigation li a.selected:visited {
	background: #fff;
	color: #3366ff;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #fff;
	color: #3366ff;
}