div#column-container {
	padding: 0 0 10px 0;  
}	

div#palace-content-container {
	float: left;	
	display: inline; /*for IE5/6 double margin bug*/	
	width: 880px;
	margin: 0 0 0 10px;
	padding: 0 10px 10px 10px; /* keeps a gap open above the footer and longest column */
	background: #DBF7C7;
	background: #dbf7c7 url(images/topright.jpg)  no-repeat top right;
	text-align: justify;
	font-family:  Verdana, Arial, sans-serif;
}	



/* 																SUB NAVIGATION */  	

ol#toc2 {
    height: 2em;
    list-style: none;
    margin: 10px 0 0 272px;
    margin: 8px 0 0 10px;
    padding: 0;
    font-family: arial, Verdana, Arial, sans-serif;
	font-size: 12px;
}

ol#toc2 li {
    float: left;
    margin: 0 1px 0 0;
}

ol#toc2 a {
    background: #A08475 url(images/tabs2.gif);
    color: #5F3117;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
}

ol#toc2 a:hover {
    background-color: #E62B86;
    background-position: 0 -120px;
    color: #fff;
}

ol#toc2 a:hover span {
    background-position: 100% -120px;
}

ol#toc2 li.current a {
    background-color: #CFCBC7;
    background-position: 0 -60px;
    color: #E62B86;
}

ol#toc2 li.current span {
    background-position: 100% -60px;
}

ol#toc2 span {
    background: url(images/tabs2.gif) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

	
/* 																SUB NAVIGATION */		
.sub-nav {
	width:920px;
	color:#fff;
	font-size: 1.2em;
	background: #CFCBC7;
	overflow: hidden; /* forces unfloated container, without height set, to stretch around elements*/
}

/* 																TUTORIAL NAVIGATION */
div#tutorial-nav {
	width:850px;
	overflow: hidden;
	margin: 0 0 15px 0;
}
			
	div#tutorial-nav ul {	
		float:left;
		display: inline;
		/*margin:15px 0 10px 0;*/
		padding:0;
		font-family: arial, Verdana, Arial, sans-serif;
		font-weight: bold;
		font-size:1.4em;
		letter-spacing: 1px;
		text-transform:uppercase;   
	}

	div#tutorial-nav ul li {
		list-style-type:none;
		float:left;
		display:inline;
		margin: 0px;	  
		padding:0 8px;	 
		/*border-left:1px solid #5F3117;*/
	}

	div#tutorial-nav ul li a {		
		text-decoration:none;
		float:left;   
		padding:0;	  
		margin:0;		
	}

	div#tutorial-nav ul li.first {
		border:none;	
		padding-left: 0;			   
	}

	div#tutorial-nav a:link {
		color: #5F3117;
	}

	div#tutorial-nav a:visited { 
		color:#5F3117;
	}  

	div#tutorial-nav a:hover {
		color:	#E62B86;
	} 

	div#tutorial-nav a.current {	
		color: #E62B86;
	}



/* 																TUTORIAL INDEX NAVIGATION */
ul.tutorial-index  {	
		margin:15px 0 10px 10px;
		padding:0;
		font-family: Verdana, Arial, sans-serif;
		font-size:1.4em;
		letter-spacing: 1px;
		text-transform: none;
	}
	
	

.tutorial-index-main-item {	
    color: #E62B86;
}
	ul.tutorial-subindex {	
		margin:5px 0 10px 15px;
		padding:0;
		font-family: Verdana, Arial, sans-serif;
		font-size:0.9em;
		text-transform: none;
	}

	ul.tutorial-index li {
		list-style-type:none;
		margin: 10px 0 0 0;
		padding:0;	
	}

	ul.tutorial-subindex li {
		list-style-type:none;
		margin: 0;
		padding:0;	
	}

	ul.tutorial-index li a {		
		text-decoration:none;
		padding:0;	  
		margin:0;		
	}


/*																TUTORIAL LAYOUT */
 

.paginationstyle{ /*Style for demo pagination divs*/
width: 870px;
/*text-align: center;*/
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 1px 5px;
text-decoration: none;
border: 1px solid #5F3117;
color: #5F3117;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #fff;
background-color: #E62B86;
}

.paginationstyle a.disabled, .paginationstyle a.disabled:hover{ /*Style for "disabled" previous or next link*/
background-color: white;
cursor: default;
color: #A08475;
border-color: transparent;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #fff;
background-color: #E62B86;
}

div.tutorial-page {
	background: #fff;
	width: 870px;
	float: left;
	margin-bottom: 10px;
}
 
div.tutorial-left {
	width: 370px;
	float: left;
}

div.tutorial-left ol {
	font-size: 1.4em;
	line-height: 1.5em;
}
	
img.tutorial-img {
	float: right;
 }
div#palace-content-container h1 {
	color: #E62B86;
	color: #479012;
	font-size: 1.6em;
	font-weight: bold;
	margin: 15px 0 0 0;
	font-family: arial, sans-serif;
	text-transform: uppercase;
}
div.tutorial-page h2 {
	color: #5F3117;
	font-size: 1.6em;
	font-weight: bold;
	margin: 5px;
	font-family: arial, sans-serif;
	text-transform: uppercase;
	text-align: left;
}
div.tutorial-page h3 {
	color: #479012;
	font-size: 1.4em;
	font-weight: normal;
	margin: 5px;
	font-family: arial, sans-serif;
	text-align: left;
}
div.tutorial-page p, ul.tutorial-using {
	color: #5F3117;
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: normal;
	margin: 8px 8px 8px 5px;
	font-family: verdana, sans-serif;
}

ul.tutorial-using {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.tutorial-using li {
	padding: 8px 10px 0 5px;
	margin: 0;
}

div#shortcut p {
	color: #5F3117;
	font-size: 1.4em;
	font-weight: normal;
	margin: 8px 8px 8px 0;
	font-family: verdana, sans-serif;
}

div#shortcut a {
	font-size: 1.2em;
}

img.entrance {
	margin-right: 6px;
}

div#tutorial-mainhead {
	width: 830px;
	float: left;
	margin-bottom: 15px;
}

div#tutorial-mainhead p {
	width: 190px;
	float: right;
	margin: 17px 0 0 0;
}

div#tutorial-mainhead h1 {
	float: left;
}

