/* Layout Stylesheet */ 

body {
 background:#FFF;
 background-image: url('images/body-bkg_tile.gif');
 background-repeat: repeat-x;
 color: #333333;
 text-align:center;
 padding:0;
 margin:0px;
 }

img.brand {
  border: 1px solid #ADCDE0; 
}

.col {width: 140px; float: left;}

.col2 {width: 230px; float: left; background-color: #FFF;}

#demo{ margin:0px 0px 0px 10px;padding:10px; height:370px; width:600px;background-color: #FFF; background-image: url('images/demo-bkg_tile.gif'); border: 1px solid orange; }


/* EveryScape Player API */

#PlayerContainer{
 background: #000;
 border:1px solid #FF9933;
 height:340px;
 margin: 0px;
 padding: 0px;
 width:645px;
 }

/* End EveryScape Player API */

#outer {
 text-align:left;
 width:850px;
 margin:auto;
 }

#form{
	background-color: #FFFFDD;
	border: 1px dashed #FFCC66;
	text-align:left;
	margin:20px;
	padding: 10px 20px 20px 20px;
}
#form ul{
	position: relative;
	left: 25px;
	margin: 0px;
	padding: 10px 30px 10px 20px;
	list-style:none;
}

#form li{
	margin: 5px;
	padding: 0px 0px 10px 0px;
	list-style:none;
}


#form h1{
	margin: 0px 0px 10px 0px;
	padding: 20px;
}

#hdr-logo {
 height:70px;
 width:186px;
 background-image: url('images/logo.gif');
 background-repeat: no-repeat;
 }


#hdr {
 height:70px;
 }

/* Header Tabs */

.navtab1 {
  float: left;
}

.navtab1 a:link{color:#333;}
.navtab1 a:hover{color:#333;}
.navtab1 a:visited{color:#333;}


.navtab2 {
  float: left;
}

/* End Header Tabs */

#hdr ul {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 }

#hdr ul li{
 display: inline;
 }


#bodyblock {
 position:relative;
 background:#eef6fb;
 background-image:url('images/left-nav_tile.gif');
 background-repeat: repeat-x;
 padding:0px;
 width: 850px;
 }

#l-col {
 background-image:url('images/bdy-leftround_blue.gif');
 background-position: top left;
 padding: 0px;
 margin: 0px; 
 background-repeat: no-repeat;
 color: #333;
 float:left;
 clear: both;
 }

#l-col ul {
list-style-type: none;
padding: 0px;
margin: 0px 0px 0px 10px;
width: 150px;
 }

#l-col li{
 border:dotted #BFD6E6;	
 border-width: 0px 0px 1px 0;
padding: 12px 0px 12px 0px;
margin: 0px 0px 0px 0px;
 }

#l-col li img{
padding: 0px 0px 10px 0px;
 }

div#next {
 clear:both;
 height: 50px;
 padding: 0px;
 margin: 0px;
}

#next img {
 margin: 0px 5px;
 padding: 0px;
}

#next ul{
 padding: 0px;
 margin: 25px 0px;
}

#next li{
 padding: 0px;
 margin: 0px;
 line-height: 2.5em;
 list-style-image: none;
 list-style-type: none;
 float: left;
}


#next a,#next a:visited{
 padding: 0px;
 margin: 0px;
 font-size: 16px;
 color: #3399CC;
 text-decoration: none;
}

div#next a:hover{
 text-decoration: underline;
}

/* Start Upper NEXT button */

div#next-top {
 height: 50px;
 padding: 0px;
 margin: 0px;
}

#next-top img {
 margin: 0px 5px;
 padding: 0px;
}

#next-top li{
 padding: 0px;
 margin: 0px;
 line-height: 2.5em;
 list-style-image: none;
 list-style-type: none;
 float: left;
}

#next-top ul{
 padding: 0px;
 margin: 10px 0px;
}

#next-top a,#next-top a:visited{
 padding: 0px;
 margin: 0px;
 font-size: 16px;
 color: #3399CC;
 text-decoration: none;
}

div#next-top a:hover{
 text-decoration: underline;
}

/* End Upper NEXT button */

#cont {
 width:650px;
 background:#FFF;
 background-image:url('images/bdy-rightround_white.gif');
 background-repeat: no-repeat;
 background-position: top right;
 color: #333333;
 text-align:left;
 min-height: 680px;
 padding: 0px 15px 50px 15px;
 }

#cont-site {
 width:820px;
 background:#FFF;
 color: #333333;
 text-align:left;
 min-height: 680px;
 padding: 0px 15px 50px 15px;
 }

.contblock {
 width:650px;
}

.contblock-center {
 position: relative;
 left: 50px;
 width:650px;
 
}

.contentry{
 width:650px;
 margin: 0px;
 padding: 0px;
}

.contentry ul {
padding: 15px 15px 0px 50px;
list-style-image: url('images/orange-dot.gif');
}

.contentry li {
line-height: 1.8em;

}

/* Start Page */

#startcont {
 background:#FFF;
 background-image:url('images/bdy-rightround_white.gif');
 background-position: top right;
 background-repeat: no-repeat;
 color: #333333;
 padding: 0px;
 margin: 0px;
 text-align:left;
 padding: 0px;
 margin: 0px;
 min-height:550px;
 width:850px;
 }

#startbodyblock {
 position:relative;
 padding:0px;
 width: 850px;
 }

.startcontentry_01{
 background-color:#FFF;
 background-image:url('images/bdy-leftround_white.gif');
 background-repeat: no-repeat;
 background-position: top left;
 padding: 20px 55px;
 width:730px;
}

.startcontentry{
 background-color:#FFF;
 padding: 20px 45px;
 width:730px;
}

.startcontentry ul {
padding: 15px 20px 40px 20px;
list-style-type: none;
}

.startcontentry li {
margin: 5px 15px;
float: left;
}


.resultscontentry ul {
  list-style-image: none; 
  list-style-type: none; 
  margin: 0px; 
  padding: 0px; 
}

.resultscontentry li {
margin: 5px 0px;
float: left;
}


/* End Start Page */

div.example {
 background: #FFF;
 background-image: url('images/btn_lb_00.jpg');
 background-position: top left;
 background-repeat: no-repeat;
 height: 90px;
 width: 645px;
}


.example li {
 float: left;
 list-style: none;
 padding: 0px 5px;

}

.example ul {
 padding: 0px;
 margin: 10px 30px 0px 80px;
}

#ftr {
 font-size: 10px;
 letter-spacing: 2px;
 height:34px;
 background-image: url('images/ftr_tile.gif');
 clear: both;
 color: #333333;
 margin:0px;
 padding: 10px 0px 0px 0px;
 text-align:center;
 width: 100%;
 }

#ftr ul li{
  display: inline;
}