body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
body {
	background-color: #7e8188;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
img {
	
	border:0px;
}
a {
	font-size: 12px;
	color: #666;
	text-decoration: none;
	
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

a img
{
    cursor:pointer;
}

#wrapper {
    width: 300px;
    margin: 0 auto;
}

#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 300px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    /*height: 300px;*/
    height: 322px;
    width: 300px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 0px;
    height: 300px;
    width: 300px;
}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.navigation li {
    display: inline;
    text-decoration: none;
}

ul.navigation a {
    text-decoration: none;
}

ul.navigation a:hover {
    text-decoration: none;
}

ul.navigation a.selected {
	    text-decoration: none;

}

ul.navigation a:focus {
    text-decoration: none;
}

.scrollButtons {
    position: absolute;
    top: 10px;
    cursor: pointer;
}

.scrollButtons.left {
	display:none;
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
	display:none;
}

.hide {
    display: none;
}

.navBar
{
	padding-right:27px;
	text-align:right;
	font-size:12px;
	color:white;	
	direction:rtl;
}

.navBar a
{
	color:white;
	font-weight:bold;
}


#draggable { width: 150px; height: 150px; padding: 0.5em; }

#layer1 
		{
			position: absolute;
			left:200px;
			top:100px;
			width:250px;
			background-color:#f0f5FF;
			border: 1px solid #000;
			z-index: 50;
		}
		#layer1_handle 
		{
			background-color:#5588bb;
			padding:2px;
			text-align:center;
			font-weight:bold;
			color: #FFFFFF;
			vertical-align:middle;
		}
		#layer1_content 
		{
			padding:5px;
		}
		#close
		{
			float:right;
			text-decoration:none;
			color:#FFFFFF;
		}

.msgroundbox{display:block}
.msgroundbox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#faf28c}
.msgroundbox1{
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6b683c;
  border-right:1px solid #6b683c;
  background:#bbb569}
.msgroundbox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #19180e;
  border-right:1px solid #19180e;
  background:#cac471}
.msgroundbox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #cac471;
  border-right:1px solid #cac471;}
.msgroundbox4{
  border-left:1px solid #6b683c;
  border-right:1px solid #6b683c}
.msgroundbox5{
  border-left:1px solid #bbb569;
  border-right:1px solid #bbb569}
.msgroundboxfg{
  background:#faf28c}
  
.exampleHeader
{
    color:orange;
    font-size:12px;
    font-weight:bold;
}