/* Tutorial CSS */

/* Makes all links orange and no underline */
a:link {
	color:#CC6600;
	text-decoration:none;
}

/* Makes active links orange and no underline */
a:active {
	color:#CC6600;
	text-decoration:none;
}

/* Makes visited links orange and no underline */
a:visited {
	color:#CC6600;
	text-decoration:none;
}

/* Formates the header in the caption */
h5 {
	font-style:normal;
	margin-bottom:3px;
}

/* Makes the images have a border */
img {
	border:solid 1px #000000;
}

/* Applies the background to the page and is used to center the divs */
html, body {
	text-align:center;
	background:url(background.png) repeat-y 50% 0;
	padding:0px;
}

/* Contains all divs and is used to center them on the page */
#wrapper {
	text-align:left;
	width:760px;
	margin-left:auto;
	margin-right:auto;
}

/* Image location and formatting for banner */
#banner {
	background:url(tutorial.png) no-repeat;
	width:709px;
	height:150px;
	margin-left:auto;
	margin-right:auto;
}

/* Contains the pictures, caption and index divs */
#container {
	float:left;
	/*background:#333333;*/
	width:760px;
}

/* Used to keep divs from floating out of container when they expand */
#clear {
	clear:both;
}

/* Photo formatting */
#photo {
	text-align:center;
	color:#FFFFFF;
}

/* Used to center the caption */
#outcap {
	width:25em;
	margin-left:auto;
	margin-right:auto;
}

/* IE css hack for centering caption */
html*#outcap {
	margin-top:10px;
	margin-bottom:10px;
}

/* Caption formatting */
#caption {
	text-align:justify;
	color:#FFFFFF;
	font-size:12px;
}

/* Picture number formatting */
#index {
	text-align:center;
	display:inline;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

/* Index container */
#nav {
	text-align:center;
	color:#FFFFFF;
}

/* Formates the next image button */
#next {
	text-align:center;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* Formates the previous image button */
#previous {
	text-align:center;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* Hides the preload image graphic */
#preload {
	display:none;
}