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

/* Default layout */
*
	{
		margin:0px;
		padding:0px;
		clear:both;
	}

html
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:normal;
		background-color:#103E4B;
		background-image:url('../img/header.jpg');
		background-position:top left;
		background-repeat:repeat-x;
		color:#000;
	}

	body
		{
			width:1000px;
			margin-left:auto;
			margin-right:auto;
		}

		hr
			{
				height:1px;
				background-color:#fff;
				border:0 none;
				margin-top:5px;
				margin-bottom:5px;
			}

		div.clearfix
			{
				height:0px;
				margin:0px;
				padding:0px;
				border:0 none;
				clear:both;
			}

		img
			{
				border:0 none;
			}

		/*
		h1
			{
				margin-bottom:20px;
				font-size:20px;
				font-weight:bold;
			}
		*/
		
		h1
			{
				font-size:25px;
				font-weight:bold;
				color:#3B381A;
			}

		h2
			{
				font-size:25px;
				font-weight:bold;
				color:#3B381A;
			}

		h3
			{
				font-size:36px;
				font-weight:normal;
				color:#FFFFE4;
			}

		h4
			{
				font-size:16px;
				font-weight:bold;
			}

		h5
			{
				font-size:12px;
				font-weight:bold;
			}

		h6
			{
				font-size:12px;
				font-weight:normal;
			}

		p
			{
				margin-top:10px;
				text-align:justify;
			}

			p.body
				{
					text-align:left;
				}


		a, a:link, a:visited, a:active
			{
				text-decoration:none;
				outline:none;
				color:#e5e5e5;
			}

		a:hover
			{
				text-decoration:underline;
				color:#fff;
			}

		.box
			{
				margin-top:5px;
				margin-bottom:5px;
				margin-left:5px;
				margin-right:5px;
				overflow:hidden;
			}
			
		.box2
			{
				margin-top:5px;
				margin-bottom:5px;
				margin-left:5px;
				margin-right:5px;
				text-align: center;
				overflow:hidden;
			}

			.box.title
				{
					margin-top:0;
					margin-bottom:0;
				}

		.title
			{
				margin:0;
				padding-left:5px;
				padding-right:5px;
				height:50px;
				line-height:50px;
			}

		.bar
			{
				position:absolute;
				bottom:0;
				border-top:solid 1px #fff;
				height:29px;
				line-height:29px;
				text-align:right;
			}

			.bar a
				{
					margin-right:20px;
					text-decoration:underline;
				}


		.float
			{
				clear:none;
			}

			.left
				{
					float:left;
				}

			.right
				{
					float:right;
				}

		.header
			{
				height:360px;
			}

		.header.short
			{
				height:90px;
			}

			.header .top
				{
					height:130px;
				}

			.header .top
				{
					position:relative;
					height:80px;
					margin-bottom:10px;
				}

				.header .top .logo img
					{
						position:relative;
						bottom:0;
						margin-left:10px;
						margin-top:10px;
					}

			.baner
				{
					height:250px;
					padding:10px;
					background-color:#fff;
				}

				.baner .left
					{
						width:680px;
						height:250px;
					}

				.baner .right
					{
						width:290px;
						height:250px;
						background-color:#F7F5C4;
					}

					.baner .right .title
						{
							background-color:#EAE9B3;
						}

					.baner .right p
						{
							height:170px;
						}

		.contents
			{
				position:relative;
				background-color:#fff;
				padding-bottom:10px;
			}

		.contents.long
			{
				position:relative;
				background-color:#fff;
				padding-bottom:10px;
				background-image:url(../img/right.jpg);
				background-position:right top;
				background-repeat: repeat-y;
			}

			.container
				{
					padding:0;
					padding-left:10px;
					padding-right:10px;
					background-color:#fff;
				}

				.token
					{
						width:220px;
						height:130px;
						margin-right:10px;
						background-color:#177372;
						color:#fff;
						text-align:center;
					}

					.token p
						{
							margin:0;
							padding:0;
							color:#D5DB93;
							text-align:center;
						}

					.right.token
						{
							width:290px;
							margin-right:0;
							background-color:#885827;
							text-align:left;
						}

						.right.token img
							{
								margin-top:10px;
								margin-right:20px;
							}

						.right.token h5
							{
								margin-top:10px;
							}

						.right.token span
							{
								width:145px;
								margin-top:10px;
							}

				.main
					{
						width:680px;
						margin-top:10px;
					}

				.main.dimensions
					{
						min-height:580px;
					}

					.main .title
						{
							background-color:#EDEDED;
						}

					.main .full
						{
							position:relative;
							height:180px;
							background-color:#F7F5C4;
						}

						.main .full .title
							{
								background-color:#EAE9B3;
							}

					.main .bar
						{
							width:335px;
							background-color:#103E4B;
						}

						.main .full .bar
							{
								width:680px;
							}

					.main .window
						{
							width:335px;
							height:396px;
							margin-top:10px;
						}

					.main .window span.title
						{
							display:block;
							height:auto;
							margin-top:15px;
							background-color:transparent;
							line-height:12px;
							font-weight:bold;
						}

					.main .left
						{
							position:relative;
							background-color:#C5DACB;
						}

						.main .left .title
							{
								background-color:#B1CDB7;
							}

						.main .window.left span.title
							{
								color:#3E5344;
							}

					.main .right
						{
							position:relative;
							background-color:#F7F5C4;
						}

						.main .right .title
							{
								background-color:#EAE9B3;
							}

						.main .window.right span.title
							{
								color:#0C7D6F;
							}

						.main .right .bar
							{
								background-color:#4F5031;
							}

				.stretch
					{
						display:block;
						position:absolute;
						top:0;
						bottom:0;
						right:0;
						padding-right:10px;
						margin-bottom:20px;
						background-image:url("../img/spacer.jpg");
						background-position:right top;
						background-repeat:repeat-x;
					}

					.stretch .info
						{
							bottom:0;
						}

					.stretch .bar
						{
							right:0;
							bottom:0;
							height:39px;
							width:290px;
							background-color:#103E4B;
							background-image:url("../img/spacer.jpg");
							background-position:right bottom;
							background-repeat:repeat-x;
							margin-bottom:-20px;
							margin-right:10px;
						}

				.info
					{
						position:relative;
						width:290px;
						height:586px;
						margin-top:10px;
						background-color:#c5dacb;
					}

					.info .title
						{
							background-color:#B1CDB7;
						}

					.info span.title
						{
							display:block;
							height:auto;
							margin-top:30px;
							background-color:transparent;
							line-height:12px;
							color:#4F773A;
							font-weight:bold;
						}

					.info .bar
						{
							width:290px;
							background-color:#103E4B;
						}

		.footer
			{
				margin-top:10px;
				margin-bottom:10px;
			}

			.copyright
				{
					text-align:center;
				}

				.copyright span
					{
						color:#e5e5e5;
						margin-right:10px;
					}