@charset "utf-8";
/* CSS Document */

/* ajax */

#leftcolumn{
float:left;

height: 400px;
width: 250px;
padding: 0px;
margin: 0px;
padding-left: 0px;
margin-top: 0px;

}


#rightcolumn{
float:left;


min-height: 400px;
margin-left: 10px;
padding: 0px;
margin: 0px;
padding-left: 20px;
}

* html #rightcolumn{ /*IE only style*/
height: 400px;
}


/* ajax_cookbook */
#topcolumn{
float:top;

min-height: 400px;
width: 700px;
padding: 0px;
margin: 0px;
padding-left: 0px;

}


#bottomcolumn{
float:top;

width:700px;
min-height: 400px;
padding: 0px;
margin: 0px;
padding-left: 0px;
}

* html #bottomcolumn{ /*IE only style*/
height: 400px;
}

/* links */
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #333333;
}

/* text */
.text {font-size:14px}
.code {font-size:14px; font-style:italic; color:#0066FF;}

	

	
	
	
/* --------------left navi------------- */
.left {
float: left;
width: 69px;
height:176px;
margin: 0px;
padding: 0px;
background-image:url(tutorials/images/tut_18.gif);
}





.header {
padding:0 auto;
background-image:url(tutorials/images/header.gif);
background-repeat:no-repeat;
height:101px;
width: 900px;
}
.nav {
padding-top:65px;
padding-right:70px;
}
.container {
background-image:url(tutorials/images/back.gif);
width: 900px;
margin-bottom: 10px;
margin: 0 auto;
}

.content {
background-color: #ffffff;
padding: 0px;
margin: 0 90px;
}


.bot {
background-image:url(tutorials/images/bottom.gif);
background-repeat:no-repeat;
width: 900px;
height:103px;
margin: 0 auto;

}


.bottom {
	width:100%;
	background-image:url(tutorials/images/tut_34.gif);
	height:57px;
	}

.bottomlink {
padding-top:25px;
}