@charset "ISO-8859-1";

body, html {
	margin: 0; 
	padding: 0;
	font-family: myriad pro, tahoma, arial, times new roman;
}

body {
	font-size: 62.5%;
	color: #030002;
}

img {
	border: none;
}

p, h1, h2, h3 {
	margin: 0 0 15px;
	line-height: 1.3em;
}

ul {
	font-size: 1.2em;
}

a {
	color: #004a99;
	text-decoration: none;
}

/***********************************************
*** COMMON
***********************************************/

.clearfloat {
	clear: both;
	height:0px;
    font-size: 1px;
    line-height: 0px;
}

#page {
	position: relative;
	width: 1133px;
	margin: 0 auto;
}

#page.bg1 { background: #ffffff url(/themes/tutorial/images/bg1.jpg) no-repeat left top; }
#page.bg2 { background: #ffffff url(/themes/tutorial/images/bg2.jpg) no-repeat left top; }
#page.bg3 { background: #ffffff url(/themes/tutorial/images/bg3.jpg) no-repeat left top; }
#page.bg4 { background: #ffffff url(/themes/tutorial/images/bg4.jpg) no-repeat left top; }
#page.bg5 { background: #ffffff url(/themes/tutorial/images/bg5.jpg) no-repeat left top; }
#page.bg6 { background: #ffffff url(/themes/tutorial/images/bg6.jpg) no-repeat left top; }
#page.bg7 { background: #ffffff url(/themes/tutorial/images/bg7.jpg) no-repeat left top; }
#page.bg8 { background: #ffffff url(/themes/tutorial/images/bg8.jpg) no-repeat left top; }

#header {
	height: 206px;
	position: relative;
}

	#header .languages {
		position: absolute;
		right: 187px;
		top: 21px;
	}
		
		#header .languages a {
			margin: 0 5px 0 0;
		}
		
	#header .logo {
		position: absolute;
		right: 197px;
		top: 49px;
	}

#navi {
	height: 25px;
	margin-left: 134px;
	overflow: hidden;
}

	#navi a {
		float: left;
		display: block;
		background: #eeeeee;
		padding: 8px 8px 8px 8px;
		margin: 0 5px;
		color: #000000;
		font-size: 1.1em;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: -0.5px;
	}
	
		#navi a.current, #navi a.section {
			background: #ffffff;
			color: #004a99;
		}

#main {
	background: transparent url(/themes/tutorial/images/bg_main.png) no-repeat left 5px;
	zoom: 1;
}

	#main .sideBanner {
		float: left;
		width: 142px;
	}

	#main .content {
		float: left;
		width: 991px;
	}
	
		#main .content h1 {
			color: #000000;
			font-size: 2.2em;
			font-weight: bold;
			text-transform: uppercase;
			margin: 0 0 24px;
			letter-spacing: 1px;
		}
			
		#main .content h2 {
			color: #000000;
			font-size: 1.4em;
			font-weight: bold;
			margin: 0 0 17px;
		}
		
		#main .content p {
			font-size: 1.2em;
			line-height: 1.6em;
			margin: 0 0 21px;
		}
			
		#main .content p img {
			margin: 0 0 10px;
		}
	
		#main .content .padding { padding: 42px 0 50px 87px; }
		
		#main .content .leftCol {
			float: left;
			width: 558px;
		}
		
			#main .content .leftCol .padding { padding: 8px 26px 0 0; border-right: 1px solid #e0e0e1; }
			
			#main .content .leftCol form {
				padding: 0;
			}
			
			/* USER GENERATED FORM */
			
				#main .content form fieldset {
					border: none;
					padding: 0;
				}
							
				#main .content form h2 {
					margin: 0 0 10px;
				}
				
				#main .content form ul {
					list-style-type: none;
					padding: 0;
				}
				
				#main .content form input.text, #main .content form textarea, #main .content form select {
					
				}
								
				#main .content form label.left {
					float: left;
					width: 100px;
					text-align: right;
					font-size: 1.2em;
					padding: 4px 0 0 0;
				}
													
				#main .content form .field {
					position: relative;
				}
								
				#main .content form label.required {
					font-size: 1.5em;
					padding: 0 5px;
					color: red;
					position: absolute;
					left: 97px;
					top: 3px;
				}
				
				#main .content form #EditableLiteralField19 label.left { display: none; }
				#main .content form #EditableLiteralField15 label.left { display: none; }
				#main .content form #EditableLiteralField18 label.left { display: none; }
										
				#main .content form .middleColumn {
					padding: 0 0 14px 119px;
					position: relative;
				}
														
				#main .content form .checkbox {
					padding: 10px 0 0 119px;
				}
																			
				#main .content form .Actions {
					padding: 0 0 0 119px;
				}
														
				#main .content form .literalFieldArea {
					padding: 0 0 0 0;
				}
				
				/* ############################################## */
				
				/*
			
				#main .content .leftCol form h2 {
					margin: 20px 0 14px 0;
				}
								
				#main .content .leftCol form label {
					font-size: 1.2em;
					padding: 4px 0 0 0;
					display: block;
				}
													
				#main .content .leftCol form .infoRow label, #main .content .leftCol form .last label {
					padding: 8px 0 0 0;
				}
							
				#main .content .leftCol form .row {
					padding: 0 0 14px;
				}
											
				#main .content .leftCol form .infoRow {
					padding: 0 0 3px;
				}
							
				#main .content .leftCol form .last {
					padding: 27px 0 33px 0;
				}
				
					#main .content .leftCol form .row .left {
						float: left;
						width: 100px;
						text-align: right;
					}
						
					#main .content .leftCol form .row .right {
						float: left;
						padding: 0 0 0 19px;
					}
											
					#main .content .leftCol form .row .mid {
						float: left;
						padding: 0 0 0 19px;
					}
								
					#main .content .leftCol form .row .text {
						width: 220px;
					}
														
					#main .content .leftCol form .row .right label {
						width: 220px;
					}
										
					#main .content .leftCol form .last .text {
						width: 155px;
					}
												
					#main .content .leftCol form label.error {
						color: #ff0000;
					}
					
				*/
		
		#main .content .rightCol {
			float: left;
			width: 280px;
		}
		
			#main .content .rightCol .padding { padding: 0 0 0 37px; }	
			#main .content .rightCol .subPadding { padding: 6px 0 0 40px; }		

			#main .content .rightCol h3 { text-transform: uppercase; }
			
		#main .content .subNavi {
			float: left;
			width: 148px;
			padding: 6px 0 0;
		}
			
			#main .content .subNavi a {
				display: block;
				font-size: 1.2em;
				color: #000000;
				margin: 0 0 16px;
				font-weight: bold;
			}
						
			#main .content .subNavi a.current {
				color: #004a99;
			}
			
		#main .content .subContent {
			float: left;
			width: 685px;
			background: transparent url(/themes/tutorial/images/bg_line.gif) repeat-y left top;
			margin: 0 0 10px;
		}
		
		#main .content #wideContent {
			width: 833px;
			background: transparent none;
		}
		
			#main .content .subContent .padding { padding: 1px 0 0 39px; }
			#main .content #wideContent .padding { padding: 1px 0 0 0; }
			
			#main .content .subContent h1 {
				margin: 0 0 27px;
			}
			
			#main .content .subContent h2 {
				margin: 0 0 23px;
			}
			
			#main .content .subContent table {
				margin: 8px 0 0;
			}
				
				#main .content .subContent table td {
					/*font-size: 1.2em;
					font-style: italic;*/
					padding: 17px 18px 0 0;
				}

		#main .content .mediaBank .container {
			float: left;
			width: 130px;
			margin: 0 20px 20px 0;
		}
		
			#main .content .mediaBank .container p {
				white-space: nowrap;
				font-size: 1.2em;
			}
		
		#main .content .mediaBank .icon {
			margin: 21px 0 22px 33px;
		}
		
		#main .content .mediaBank .folderLink {
			display: block;
			float: left;
			width: 150px;
			height: 50px;
			font-size: 1.4em;
			line-height: 50px;
			vertical-align: middle;
			margin: 0 10px 20px 0;
			padding: 0 0 0 50px;
			background-image: url(../images/blueFolder.gif);
			background-repeat: no-repeat;
		}
		
		#main .content .mediaBank a:focus {
			outline: 0;
		}
				
#gallery {
	padding: 4px 0 0 0;
	width: 600px;
}

	#gallery .image {
		padding: 0 21px 21px 0;
		float: left;	
	}

	#gallery .last {
		padding: 0 0 21px 0;
	}
	
#mediaBank {
	padding: 31px 0 0px;
}

	#mediaBank .item {
		height: 63px;
		width: 239px;
		float: left;
		background: transparent url(/themes/tutorial/images/bg_folder.gif) no-repeat left top;
	}
	
		#mediaBank .item a {
			display: block;
			padding: 10px 10px 10px 58px;
			color: #000000;
			font-size: 1.2em;
		}


#bottomBanner {
	padding: 0 85px 21px 87px;
}

	#main #bottomBanner p {
		margin: 0;
	}

#footer {
	padding: 0 85px 0 87px;
}

	#main #footer .padding {
		border-top: 1px solid #d9dadb;
		padding: 12px 0 15px 0;
	}
	
	#main #footer .left {
		float: left;
		width: 250px;
		font-size: 0.9em;
		line-height: 1.6em;
		padding: 1px 0 0 0;
	}
	
	#main #footer .mid {
		float: right;
		width: 218px;
		padding: 4px 0 0 0;
	}
	
	#main #footer .right {
		float: right;
		width: 44px;
	}