/**
 * COMMON
 */
html {
	overflow-y: scroll;
}
body {
	margin: 0;
	font-size: 62.5%;
	background: #adb440;
}
img {
	display: block;
	border: 0px solid #000000;
}
#headerContainer {
	overflow: visible;
	width: 100%;
	text-align: center;
	background: #ffffff;
	border-bottom: 3px solid #68b8d6;
}
	#header {
		display: inline-block;
		overflow: visible;
		margin: 0 auto;
		padding: 0;
		text-align: left;
	}
		#header h1 {
			float: left;
			width: 201px;
			height: 45px;
			margin: 0;
			padding: 0;
			text-indent: -9999px;
			background: transparent url(../images/common/logo.gif) no-repeat center center;
		}
			#header h1 a {
				display: block;
				width: 201px;
				height: 45px;
				outline: 0;
			}
	#menu {
		float: left;
		margin: 0 0 0 20px;
		padding: 0;
		list-style-type: none;
	}
		#menu li {
			float: left;
			height: 45px;
			margin: 0;
		}
			#menu li a {
				display: block;
				margin: 0 5px 0 0;
				padding: 0 15px 0 20px;
				font-family: Arial, sans-serif;
				font-size: 1.3em;
				font-weight: bold;
				line-height: 45px;
				text-decoration: none;
				color: #0086ba;
				background: transparent url(../images/common/bg-menu-link.gif) no-repeat right center;
				outline: 0;
			}
			#menu li a.section,
			#menu li a.current {
				color: #adb440;
				background: transparent url(../images/common/bg-menu-link-open.gif) no-repeat right center;
			}
			#menu li a:hover {
				color: #adb440;
			}
			#menu li ul {
				z-index: 1;
				position: absolute;
				visibility: hidden;
				margin: 0;
				padding: 10px 19px 10px 9px;
				list-style-type: none;
				background: transparent url(../images/common/bg-menu-dropdown.png) no-repeat center bottom;
			}
				#menu li ul li {
					clear: left;
					width: 169px;
					height: auto;
					margin: 0;
					padding: 0 5px;
					border-top: 1px dotted #68b8d6;
				}
				#menu li ul li.first {
					border: none;
				}
					#menu li ul li a {
						margin: 0 6px;
						padding: 5px 0 5px 25px;
						font-family: Arial, sans-serif;
						font-size: 1.2em;
						line-height: 1.2em;
						text-decoration: none;
						color: #0086ba;
						background: transparent url(../images/common/bg-menu-link.gif) no-repeat left 7px;
						outline: 0;
					}
					#menu li ul li a.section,
					#menu li ul li a.current {
						color: #adb440;
						background: transparent url(../images/common/bg-menu-link-open.gif) no-repeat left 7px;
					}
					#menu li ul li a:hover {
						color: #adb440;
					}
#contentHolder {
	width: 100%;
	background: transparent url(../images/common/bg-content-holder.gif) repeat-x center top;
}
#contentHolder2 {
	width: 100%;
	background: transparent url(../images/common/bg-content-holder2.gif) repeat-x center top;
}
/**/

/**
 * HOMEPAGE
 */
#cityscape {
	position: relative;
	z-index: 0;
	width: 992px;
	height: 621px;
	margin: 0 auto;
	background: transparent url(../images/homepage/city.jpg) no-repeat center;
}
	#cityscape .popup,
	#cityscape .helper {
		overflow: visible;
		position: absolute;
		z-index: 1;
	}
	#cityscape .popup a img {
		display: none;
		position: absolute;
		cursor: pointer;
	}
	#cityscape .popup a {
		display: none;
		opacity: 1;
		position: absolute;
		text-decoration: none;
	}
		#cityscape .popup a.easterEgg {
			cursor: default;
		}
		#cityscape .popup a img {
			display: block;
			position: relative;
		}
	#designBy {
		position: absolute;
		top: 571px;
		left: 209px;
	}
	#designBy a {
		display: block;
		width: 126px;
		height: 36px;
		text-decoration: none;
		background: transparent url(../images/homepage/designby.png) no-repeat;
	}
	#designBy a:hover {
		background: transparent url(../images/homepage/designby-hover.png) no-repeat;
	}
/* end homepage */

#subHeader {
	width: 1020px;
	height: 103px;
	margin: 0 auto;
	text-align: center;
	background: transparent url(../images/bg-subheader.gif) no-repeat center top;
}
	#subHeader ul {
		display: inline-block;
		width: 772px;
		margin: 27px auto 0;
		padding: 0;
	}
	#subHeader li {
		display: block;
		float: left;
		overflow: visible;
		width: 26px;
		height: 60px;
		margin: 0 7px;
		vertical-align: middle;
	}
		#subHeader .empty {
			width: 232px;
		}
		#subHeader .prev {
			width: 150px;
			text-align: right;
		}
		#subHeader .next {
			width: 150px;
			text-align: left;
		}
		#subHeader .prevArrow {
			width: 32px;
			height: 27px;
			margin: 0 30px 0 20px;
			background: transparent url(../images/arrow-left.gif) no-repeat center;
		}
		#subHeader .nextArrow {
			width: 32px;
			height: 27px;
			margin: 0 20px 0 30px;
			background: transparent url(../images/arrow-right.gif) no-repeat center;
		}
	#subHeader a {
		display: block;
		font-family: Arial, sans-serif;
		font-weight: bold;
		font-size: 1.4em;
		line-height: 26px;
		text-decoration: none;
		text-align: center;
		vertical-align: middle;
		color: #ffffff;
		background: transparent url(../images/bg-custom-menu.gif) no-repeat center;
	}
		#subHeader .prev a, #subHeader .next a, #subHeader .prevArrow a, #subHeader .nextArrow a {
			color: #0086ba;
			background: transparent;
		}
		#subHeader .prev a, #subHeader .next a {
			margin: 5px 0 0;
			font-family: Arial, sans-serif;
			font-weight: bold;
			font-size: 1.1em;
			line-height: 1.3em;
			text-decoration: none;
			vertical-align: middle;
			color: #0086ba;
			background: transparent;
		}
		#subHeader .prev a {
			text-align: right;
		}
		#subHeader .next a {
			text-align: left;
		}
		#subHeader a.current {
			background: transparent url(../images/bg-custom-menu-active.gif) no-repeat center;
		}
#content {
	position: relative;
	width: 728px;
	margin: 0 auto;
	padding: 30px 0 80px;
	background: #ffffff url(../images/bg-content.gif) no-repeat center top;
	border: 6px solid #76b9c9;
}
	#content h2 {
		margin: 0;
		padding: 0 100px 15px;
		font-family: Arial, sans-serif;
		font-size: 2.0em;
		font-weight: bold;
		line-height: 1.0em;
		color: #0086ba;
	}
	#content h3 {
		margin: 0;
		padding: 2px 100px 10px;
		font-family: Arial, sans-serif;
		font-size: 1.5em;
		font-weight: bold;
		line-height: 1.4em;
		color: #0086ba;
	}
	#content h4 {
		margin: 0;
		padding: 15px 100px 0;
		font-family: Arial, sans-serif;
		font-size: 1.0em;
		font-weight: normal;
		line-height: 1.0em;
		color: #333333;
	}
	#content p {
		margin: 0;
		padding: 0 100px 15px;
		font-family: Arial, sans-serif;
		font-size: 1.3em;
		line-height: 1.3em;
		color: #333333;
	}
	#content p.smaller {
		font-size: 1.1em;
	}
	#content p img.left {/**/
		float: left;
		padding: 0 20px 0 0;
	}
	#content p img.right {/**/
		float: right;
		margin: 0 0 50px 20px;
	}
	#content p img.center {/**/
		text-align: center;
		margin: 0 auto;
	}
	#content p.image {
		overflow: auto;
		padding: 0 0 15px;
		text-align: center;
	}
	#content p.videoLinks {
		color: #0086ba;
	}
		#content p.videoLinks a {
			text-decoration: none;
		}
	#content ul, #content ol {
		padding: 0 100px 0 80px;
		list-style-type: none;
	}
		#content ul li,
		#content ol li {
			margin: 0 0 0 30px;
		}
	#content a {
		color: #0086ba;
	}
	#content li {
		padding: 0 0 5px 20px;
		font-family: Arial, sans-serif;
		font-size: 1.3em;
		line-height: 1.3em;
		color: #333333;
		background: transparent url(../images/disc.gif) no-repeat left top;
	}
	#content table {
		margin: 0 100px 15px;
		background: #4daacf;
	}
	#content table tr {
	}
	#content table td {
		padding: 2px 0;
		font-family: Arial, sans-serif;
		font-size: 1.1em;
		line-height: 1.1em;
		border-left: 1px solid #0086ba;
		border-bottom: 1px solid #0086ba;
		color: #333333;
		background: #ffffff;
	}
	#content table td.heading {
		padding: 10px 0 2px;
		border-bottom: 0px solid #000000;
		border-left: 1px solid #ffffff;
		color: #ffffff;
		background: #0086ba;
	}
	#content table td.subheading {
		padding: 0 10px 2px;
		border-top: 1px solid #ffffff;
		border-left: 1px solid #ffffff;
		color: #ffffff;
		background: #4daacf;
	}
	#content table tr > td:first-child {
		border-left: 0px solid #000000;
	}
	#content table tr > td.subheading:first-child {
		border-left: 1px solid #ffffff;
	}
	#content table td.title {
		color: #4daacf;
	}

/**
 * DOLLS
 */
#content .dollImage {
	position: absolute;
}

/**
 * PROLOGUE
 */
#prologue {
	clear: both;
	overflow: auto;
	position: relative;
	margin: 0 30px 30px;
	padding: 0 0 30px;
	border-bottom: 2px dotted #68b8d6;
}
	#prologue h2 {
		padding: 0 70px 15px;
	}
	#prologue p {
		padding: 0 70px 15px;
	}
	#prologue .imagePair {
		float: left;
		position: relative;
		width: 176px;
		height: 160px;
		margin: 0 0 5px 20px;
	}
	#prologue .firstImagePair {
		margin: 0 0 5px 50px;
	}
		#prologue .imagePair .defaultImage {
			position: absolute;
			top: 0;
			left: 0;
			width: 176px;
			height: 160px;
		}
		#prologue .imagePair .hoverImage {
			position: absolute;
			top: 0;
			left: 0;
			display: none;
			width: 176px;
			height: 160px;
		}
		#prologue .imagePair .hoverPopup {
			display: none;
			position: absolute;
			top: -60px;
			left: 0;
			display: none;
			width: 174px;
			height: 86px;
		}

/**
 * NEWS ARTICLE
 */
#content .newsArticle {
	clear: both;
	overflow: auto;
}
#content .newsArticle div {
	display: none;
}
#content > .newsArticle div.first {
	display: block;
}
#content .newsArticle h3 {
	cursor: pointer;
	text-decoration: underline;
}
#content .newsArticle .leftParagraph {
	float: left;
	width: 260px;
	margin: 0 8px 0 100px;
}
	#content .newsArticle .leftParagraph p {
		padding: 0 0 15px;
	}
#content .newsArticle .rightParagraph {
	float: left;
	width: 260px;
	margin: 0;
}
	#content .newsArticle .rightParagraph p {
		padding: 0 0 15px;
	}
#content .newsArticle .wideParagraph {
}
/* end news article */

	#cycle {
		clear: both;
		margin: 20px 30px 0;
		padding: 30px 0 0;
		border-top: 2px dotted #68b8d6;
	}
		#cycle p {
			padding: 0 70px 15px;
		}
		#cycle .hidden {
			display: none;
		}
		#cycle #jFlowSlide {
			margin: 0 0;
		}
		#cycle .day {
			margin: 10px 0 0;
		}
			#cycle .day .ui {
				width: 668px;
				text-align: center;
			}
				#cycle .day .ui .calendar {
					float: left;
					width: 74px;
					height: 74px;
					margin: 0 0 5px;
					padding: 5px 0 0;
					font-family: Arial, sans-serif;
					font-size: 2.6em;
					font-weight: bold;
					line-height: 90px;
					vertical-align: middle;
					color: #333333;
					background: transparent url(../images/bg-ui.gif) no-repeat center;
					cursor: pointer;
				}
				#cycle .day .ui .previous {
					float: left;
					width: 297px;
					padding: 15px 0 0;
					text-align: right;
					color: #0086ba;
					cursor: pointer;
				}
				#cycle .day .ui .next {
					float: left;
					width: 297px;
					padding: 15px 0 0;
					text-align: left;
					color: #0086ba;
					cursor: pointer;
				}
				#cycle .day .ui span {
					margin: 0 10px;
					font-family: Arial, sans-serif;
					font-size: 1.3em;
					font-weight: bold;
					line-height: 1.3em;
					text-align: center;
					color: #0086ba;
				}
				#cycle .day .ui .previous span,
				#cycle .day .ui .next span {
					text-decoration: underline;
				}
			#cycle .day .left {
				float: left;
				width: 250px;
				padding: 0 60px 0 20px;
			}
			#cycle .day .right {
				float: left;
				width: 250px;
				padding: 0 20px 0 60px;
			}
			#cycle .day p {
				padding: 0 0 15px;
				font-family: Arial, sans-serif;
				font-size: 1.3em;
				font-weight: bold;
				line-height: 1.3em;
				text-align: center;
				color: #0086ba;
			}
	#content .dropbox {
		overflow: visible;
		width: 567px;
		margin: 0 auto;
		padding: 0 0 10px;
	}
		#content .dropbox .top {
			width: 567px;
			height: 6px;
			font-size: 1px;
			background: transparent url(../images/page/dropbox/bg-top.png) no-repeat;
		}
		#content .dropbox .content {
			overflow: auto;
			width: 567px;
			background: transparent url(../images/page/dropbox/bg-content.png) no-repeat center top;
		}
			#content .dropbox .content h3 {
				margin: 0;
				padding: 5px 37px 5px 20px;
				font-family: Arial, sans-serif;
				font-size: 1.3em;
				font-weight: bold;
				line-height: 1.3em;
				text-decoration: none;
				color: #333333;
				background: transparent url(../images/page/dropbox/arrow-right.png) no-repeat 530px;
				cursor: pointer;
			}
			#content .dropbox .content div {
				display: none;
				float: left;
				overflow: auto;
				width: 163px;
				padding: 20px 60px 20px;
			}
			#content .dropbox .content p {
				margin: 0;
				padding: 0 0 15px;
				font-family: Arial, sans-serif;
				font-size: 1.1em;
				line-height: 1.3em;
				text-decoration: none;
				color: #333333;
			}
		#content .wideDropbox .content {
			background: transparent url(../images/page/dropbox/bg-content-clean.png) no-repeat center top;
		}
			#content .wideDropbox .content div {
				width: 446px;
			}
			#content .wideDropbox .content a {
				text-decoration: none;
				color: #0086ba;
			}
		#content .dropbox .bottom {
			width: 567px;
			height: 6px;
			font-size: 1px;
			background: transparent url(../images/page/dropbox/bg-bottom.png) no-repeat;
		}
	#clipboard {
		clear: both;
		width: 460px;
		height: 577px;
		margin: 20px auto 0;
		background: transparent url(../images/clipboardpage/clipboard.jpg) no-repeat center;
	}
		#clipboard h3 {
			padding: 75px 0 0;
			font-family: Arial, sans-serif;
			font-size: 1.5em;
			font-weight: bold;
			line-height: 1.0em;
			color: #0086ba;
			text-align: center;
			text-decoration: none;
		}
		#slider {
			width: 185px;
			height: 10px;
			margin: 35px auto 25px;
		}
		#clipboard h4 {
			padding: 0 0 30px;
			font-family: Arial, sans-serif;
			font-size: 3.5em;
			font-weight: normal;
			line-height: 1.0em;
			text-align: center;
			text-decoration: none;
			color: #0086ba;
		}
		#clipboard p {
			padding: 0 70px 5px;
		}
		#clipboard ul,
		#clipboard ol {
			padding: 0 50px 10px;
		}
		#clipboard li {
			padding: 0 20px 5px;
		}
		#clipboard img {
			margin: 0 auto;
		}
		#clipboard .center {
			cursor: pointer;
			padding: 0 0 5px;
			font-size: 1.1em;
			text-align: center;
			text-decoration: underline;
			color: #0086ba;
		}
		#clipboard .answer {
			display: none;
		}
		#clipboard .bold {
			padding: 0 70px 20px;
			font-family: Arial, sans-serif;
			font-size: 1.3em;
			font-weight: bold;
			line-height: 1.0em;
			text-decoration: none;
			color: #333333;
		}
		#clipboard .first {
			padding: 20px 70px 20px;
		}
			#clipboard .bold span {
				padding: 0 10px;
				font-size: 2.0em;
				font-weight: normal;
				color: #0086ba;
			}
	#subContent {
		clear: both;
		position: relative;
		margin: 30px 30px 0;
		padding: 30px 0 0;
		border-top: 2px dotted #68b8d6;
	}
		.subContentImage {
			padding: 30px 40px 0 !important;
		}
		#subContent h2 {
			padding: 0 70px 15px;
		}
		#subContent h3 {
			padding: 2px 70px 10px;
		}
		#subContent h4 {
			padding: 15px 70px 0;
		}
		#subContent p {
			padding: 0 70px 15px;
		}
		#subContent ul, #subContent ol {
			padding: 0 70px 0 80px;
		}
		#subContent table {
			margin: 0 70px 15px;
		}
		#subContent p.image {
			overflow: auto;
			padding: 0 0 15px;
			text-align: center;
		}
		#subContent div.smallImage {
			position: absolute;
			top: 30px;
			left: 40px;
			width: 54px;
			height: 100px;
			background: transparent url(../images/page/lapio.jpg) no-repeat;
		}
	#moreInformation {
		clear: both;
		position: relative;
		margin: 30px 30px 0;
		padding: 40px 0 0;
		border-top: 2px dotted #68b8d6;
	}
		#moreInformation .left {
			position: absolute;
			top: 40px;
			left: 20px;
		}
		#moreInformation .right {
			position: absolute;
			top: 60px;
			right: 35px;
		}
		#moreInformation h3 {
			padding: 10px 0 0 115px;
			font-family: Arial, sans-serif;
			font-size: 1.5em;
			font-weight: bold;
			line-height: 1.4em;
			color: #0086ba;
		}
		#moreInformation p {
			width: 400px;
			padding: 15px 0 0 115px;
			font-family: Arial, sans-serif;
			font-size: 1.3em;
			line-height: 1.3em;
			color: #333333;
		}
	#hiddenInformation {
		clear: both;
		display: none;
		position: relative;
		margin: 0 30px;
		padding: 0;
	}
		#hiddenInformation p {
			width: 400px;
			padding: 15px 0 0 115px;
			font-family: Arial, sans-serif;
			font-size: 1.3em;
			line-height: 1.3em;
			color: #333333;
		}
		
#education .item {
	clear: both;
	margin: 20px 30px 0;
	padding: 30px 0 0;
	border-top: 2px dotted #68b8d6;
	position: relative;
	z-index: 999;
}

	#education p.left,
	#education p.right {
		float: left;
		width: 250px;
		padding: 0 0 15px 100px;
	}

	#education p.right {
		padding: 0 0 15px 0;
		width: 250px;	
	}
	
	#education img.left {
		float: none !important;
		display: inline;	
	}
	
	#education .section-1 a,
	#education .section-2 a,
	#education .section-3 a,
	#education .section-4 a {
		text-decoration: none !important;	
	}
		
#footer {
	width: 992px;
	margin: 0 auto 50px;
}
#footer2 {
	width: 992px;
	margin: 0 auto 50px;
	padding: 15px 0 0;
	background: transparent url(../images/bg-footer.gif) no-repeat center top;
}
	#footer .left,
	#footer2 .left {
		float: left;
		width: 438px !important;
		text-align: right;
	}
	#footer .middle,
	#footer2 .middle {
		float: left;
		width: 116px !important;
	}
		#footer .middle img,
		#footer2 .middle img {
			vertical-align: middle;
			padding: 0 40px;
		}
	#footer .right,
	#footer2 .right {
		float: left;
		width: 438px !important;
		text-align: left;
	}
	#footer p,
	#footer2 p {
		margin: 0;
		padding: 0 0 10px !important;
		font-family: Arial, sans-serif;
		font-size: 1.1em;
		line-height: 1.1em;
		text-align: center;
		color: #ffffff;
	}
	#footer a,
	#footer2 a {
		height: 31px;
		margin: 0 10px;
		line-height: 31px;
		vertical-align: middle;
		color: #ffffff;
	}
	#footer p.copyright,
	#footer2 p.copyright {
		padding: 0 0 5px;
	}
	#footer p.designedBy,
	#footer2 p.designedBy {
		font-size: 1.0em;
		line-height: 1.0em;
	}
		#footer p.designedBy a,
		#footer2 p.designedBy a {
			height: auto;
		}