#tutorial p { color:#333 }

#tutorial #headings h1 { margin:10px 0 10px 0; padding:0; color:#132D48; font-size:300%; }
#tutorial #headings h2 { margin:0 0 10px 0; color:#132D48; font-size:250%; }
#tutorial #headings h3 { margin:0 0 10px 0; color:#132D48; text-transform:none; font-size:200%; }
#tutorial #headings h4 { margin:0 0 10px 0; color:#132D48; font-size:150%; }
#tutorial #headings h5 { margin:0 0 10px 0; color:#132D48; font-size:100%; }
#tutorial #headings h6 { margin:0 0 10px 0; color:#132D48; font-size:50%; }

#tutorial span.size-01 { font-size:140%; }
#tutorial span.size-02 { font-size:200%; }
#tutorial span.size-03 { font-size:280%; }
#tutorial span.size-04 { font-size:170%; }
#tutorial span.size-05 { font-size:140%; }
#tutorial span.size-06 { font-size:100%; }
#tutorial span.size-07 { font-size:70%; }

#tutorial h1.font-verdana { font-family:Verdana; }
#tutorial h1.font-arial { font-family:Arial; }
#tutorial h1.font-helvectica { font-family:Helvectica; }
#tutorial h1.font-impact { font-family:Impact; }
#tutorial h1.font-comic { font-family:Comic Sans MS; }

#tutorial div.left { float:left; text-align:center; }
#tutorial div.center { margin:100px 0 0 0; float:left; text-align:center; }
#tutorial div.right { margin:200px 0 0 0; float:left; text-align:center; }

#tutorial #center { text-align:center; }

#tutorial span.bold {	font-weight:bold; }
#tutorial span.italics { font-style:italic; }
#tutorial span.underlined { text-decoration:underline; }
#tutorial span.type {	font:130% monospace; }
#tutorial span.big { font-size:150%; }
#tutorial span.small { font-size:60%; }
#tutorial span.colour { color:red; }
#tutorial span.blue {	color:#7BA9C2; font-size:125%; }
#tutorial span.red { color:red; }
#tutorial span.orange { color:#FEC10E; }
#tutorial span.green { color:#B0DE27; }

#tutorial div.border { padding:20px 0 0 0; width:700px; border-bottom:2px dashed #132D48; }
#tutorial div.code {	width:600px; margin:10px 0 10px 20px; padding:20px;	background:#e9f1cc;	border:1px solid #999; }

#tutorial img.boldtag { margin:0 0 20px 100px; }

#tutorial table.tutTable { margin:10px 0;	width:500px; }
#tutorial table.tutTable td {	padding:10px; background:#f5f5ce; text-align:left; }
#tutorial table.tutTable td.alt {	background:#e7e7a7; }
#tutorial table.tutTable td.caption {	background:#132D48;	color:#fff;	text-align:center; }
#tutorial table.tutTable td a { color:#333; text-decoration:none; border-bottom:2px dotted #B0DE27; }

#tutorial div.line-01 { margin:0 0 10px 0; width:50px; border:1px solid #132D48; }
#tutorial div.line-02 { margin:0 0 10px 0; width:350px; border:1px solid #132D48; }
#tutorial div.line-03 { margin:0 0 10px 0; width:338px; border:7px solid #132D48; }
#tutorial div.line-04 { margin:0 0 10px 0; width:50px; border:1px solid red; }
#tutorial div.line-05 { margin:0 0 10px 0; width:350px; border:10px solid #ccc; }

#tutorial #tutbuttons { margin:20px auto;	width:650px; clear:both; }
#tutorial #nxtButton { margin:0 0 0 20px;	width:200px; height:40px; float:left; background:url("../images/background/tutorial/next-button.png") no-repeat; }
#tutorial #nxtButton h3 a { font-size:80%; color:#132D48;	position:relative; top:-22px; left:70px; }
#tutorial #prevButton { width:200px; height:40px;	float:left;	background:url("../images/background/tutorial/prev-button.png") no-repeat; }
#tutorial #prevButton h3 a { font-size:80%; color:#132D48; position:relative;	top:-22px; left:10px; }
#tutorial #backButton { margin:0 0 0 20px; width:200px; height:40px; float:left; background:url("../images/background/tutorial/back-button.png") no-repeat; }
#tutorial #backButton h3 a { font-size:100%; color:#fff; position:relative; top:-21px; left:81px; }

#tutorial div.clear { clear:both; }

#tutorial a img { border:5px solid #ccc; }
#tutorial a:hover img { border:5px solid #666; }

#tutorial ul li { list-style-type:circle; }
#tutorial ul ul li { margin:5px 0 0 10px; list-style-type:disc; }
#tutorial ol li { margin:0 0 10px -25px; }