
 body
 {
	margin: 0px;
	padding: 0px;
	font-family: verdana,arial;
	font-size: 10px;
	background-color: #333333;
	text-align: center;
 }



	a
	{
		text-decoration: none;
	}


	form
	{
		margin: 0px;
		padding: 0px;
	}

	p
	{
		margin: 0px;
		padding: 0px;
	}





	#login
	{
		width: 850px;
		margin: auto;
		text-align: right;
		font-size: 9px;
		color: #AAAAAA;
		background-repeat: no-repeat;
		background-image: url('../pix/sym_user.jpg');
	}

		#login div.left
		{
			float: left;
			padding-left: 35px;
			padding-top: 6px;
			color: #909090;
		}

		#login div.right
		{
			padding-top: 5px;
			padding-bottom: 5px;
		}

			#login div.right ul
			{
				padding: 0px;
				margin: 0px;
			}

				#login div.right ul li
				{
					margin: 0px;
					padding: 0px;
					display: inline;
					list-style-type: none;
				}


			#login div.right div
			{
				padding-top: 1px;
				padding-bottom: 3px;
			}

			#login div.right a
			{
				margin-top: 3px;
				margin-right: 12px;
				padding-left: 5px;
				padding-right: 5px;
				color: #CCCCCC;
			}

				#login div.right a:hover
				{
					color: #EEEEEE;
				}

				#login div.right a.active
				{
					color: #FFFFFF;
				}

				#login div.right a.logout
				{
					float: right;
					display: block;
					width: 70px;
					margin-top: -5px;
					margin-left: 10px;
					padding-top: 6px;
					padding-bottom: 8px;
					color: #DDDDDD;
					text-align: center;
					background-color: #444444;/*
					background-repeat: repeat-x;
					background-image: url('../pix/logout.jpg');*/
					border-left: 1px solid #000000;
				}

					#login div.right a.logout:hover
					{
						background-color: #555555;
					}


		#login form input.field
		{
			width: 100px;
			margin: 0px;
			margin-right: 12px;
			margin-left: 4px;
			font-family: verdana,arial;
			font-size: 9px;
			border: none;
			background-color: #AAAAAA;
		}

			#login form input.active
			{
				background-color: #DDDDDD;
			}

		#login form input.submit
		{
			border: none;
			background-color: #333333;
			overflow: hidden;
			width: 14px;
			height: 14px;
			background-repeat: no-repeat;
			background-image: url('../pix/button_login.jpg');
		}


	#body
	{
		clear: both;
		text-align: center;
		background-color: #B2B2B2;
		background-repeat: repeat-x;
		background-image: url('../pix/background.jpg');
	}


		#body #head
		{
			height: 138px;
			text-align: center;
			border-bottom: 1px solid #EBEBEB;
		}


		#body #flash
		{
			width: 850px;
			height: 180px;
			margin: auto;
			border-bottom: 1px solid #7A7A7A;
		}

			#body #flash p
			{
				padding-top: 90px;
				font-size: 22px;
				color: #696969;
			}

		#body #menu
		{
			width: 850px;
			margin: auto;
			padding-top: 25px;
			padding-bottom: 20px;
		}

			#body #menu a
			{
				color: #606060;
				font-size: 16px;
				padding-left: 20px;
				padding-right: 20px;
			}

				#body #menu a:hover
				{
					color: #303030;
				}

				#body #menu a.active
				{
					font-size: 18px;
					color: #404040;
				}


		#body #image
		{
			padding-top: 30px;
		}

			#body #image table
			{
				width: 800px;
				margin: auto;
				margin-top: 28px;
				text-align: left;
				color: #505050;
			}

				#body #image table td
				{
					vertical-align: top;
				}

				#body #image table td.center
				{
					text-align: center;
					line-height: 1.6;
				}

				#body #image table td.left
				{
					padding-left: 40px;
					padding-right: 20px;
					vertical-align: middle;
					line-height: 2;
				}
				
				#body #image table td.right
				{
					text-align: right;
				}

				#body #image table a.control
				{
					display: block;
					width: 100px;
					padding-top: 7px;
					padding-bottom: 8px;
					color: #707070;
					background-repeat: no-repeat;
				}

					#body #image table a.control:hover
					{
						color: #505050;
					}

					#body #image table a.back
					{
						padding-left: 34px;
						background-image: url('../pix/imagecontrol_back.jpg');
					}

					#body #image table a.next
					{
						float: right;
						padding-right: 34px;
						background-position: right top;
						background-image: url('../pix/imagecontrol_next.jpg');
					}

			#body #image a
			{
				color: #FFFFFF;
			}

				#body #image a:hover
				{	
					color: #EEEEEE;
				}

			#body #image h1
			{
				margin: 0px;
				margin-left: -3px;
				padding: 0px;
				font-size: 32px;
				color: #DDDDDD;
			}


		#body #content
		{
			margin-top: 30px;
			padding-bottom: 40px;
			background-color: #D7D7D7;
			background-repeat: repeat-x;
			background-image: url('../pix/content_background.jpg');
			border-bottom: 1px solid #D7D7D7;
			border-top: 1px solid #AAAAAA;
		}

			#body #content div.content
			{
				width: 800px;
				margin: auto;
				text-align: left;
				color: #303030;
			}


			#body #content div.imagelist
			{
				margin-top: 10px;
			}

				#body #content div.imagelist div.image_dir
				{
					margin: 11px;
					display: block;
				}

					#body #content div.imagelist div.image_dir a
					{
						height: 118px;
						padding-left: 164px;
						padding-right: 10px;
						display: block;
						color: #606060;
						background-color: #FFFFFF;
						background-repeat: no-repeat;
						background-position: 10px center;
					}

						#body #content div.imagelist div.image_dir a span
						{
							display: block;
							margin-bottom: 14px;
							padding-top: 20px;
							padding-bottom: 15px;
							font-size: 20px;
							letter-spacing: 1px;
							color: #505050;
							border-bottom: 1px solid #AAAAAA;
						}

				#body #content div.imagelist div.image
				{
					float: left;
					margin: 9px;
					width: 138px;
					height: 118px;
					border: 2px solid transparent;
				}

					#body #content div.imagelist div.image a
					{
						display: block;
						width: 138px;
						height: 118px;
						background-color: #FFFFFF;
						background-repeat: no-repeat;
						background-position: center center;
					}

				#body #content div.imagelist div.active
				{
					border: 2px dashed #AAAAAA;
				}


				#body #content div.imagelist div a:hover
				{
					background-color: #F0F0F0;
				}

				#body #content div.imagelist div a img
				{
					display: none;
				}


	#footer
	{
		clear: both;
		background-repeat: repeat-x;
		background-image: url('../pix/footer_background.jpg');
		padding-bottom: 25px;
	}

		#footer div.image
		{
			width: 850px;
			height: 190px;
			margin: auto;
			background-repeat: no-repeat;
			background-position: center top;
			background-image: url('../pix/footer.jpg');
		}

		#footer div.text
		{
			width: 800px;
			margin: auto;
			padding-top: 10px;
			color: #838383;
			text-align: left;
		}

			#footer div.text div
			{
				float: right;
				padding-left: 10px;
				padding-right: 50px;
			}

				#footer div.text div.cmsinfo
				{
					padding-right: 170px;
					background-repeat: no-repeat;
					background-position: right center;
					background-image: url('../pix/bmcms.jpg');
				}

				#footer div.text div p
				{
					margin: 0px;
					padding: 4px;
				}


			#footer div.text a
			{
				color: #AAAAAA;
			}

				#footer div.text a:hover
				{
					color: #CCCCCC;
				}


		#footer.v2
		{
			background-image: url('../pix/footer2_background.jpg');
		}

			#footer.v2 div.image
			{
			background-image: url('../pix/footer2.jpg');
			}



