@import url('StartMenu.css');
@import url('SubMenu.css');
@import url('FlashView.css');
@import url('infoTab.css');

html, body
	{
	height: 100%;
	}

body 
	{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	background: url('/images/bg.png');
	}


#Frame-Work
	{
	position: relative;
	display: table;
	width: 900px;
		margin: 0px auto 0px auto;
		background: #444444;
		z-index: 2;
	}

#Frame-Head
	{
	position: relative;
	width: 900px;
	height: 93px;
	margin: 0px auto 0px auto;
		overflow: hidden;
	}
	
	#Frame-Head p
		{
		position: relative;
		float: left;
		width: 100px;
			margin: 60px 0px 0px 10px;
			padding: 0px;
			line-height: 11px;
			color: #ffffff;
		}
	
	#Frame-Head a
		{
		margin-top: 6px;
		float: right;
		}

	#Fades
		{
		position: relative;
		float: left;
		width: 360px;
		height: 71px;
		padding: 7px 0px 0px 0px;
		border-top: 7px solid #99cc33;
		}
	
#StartMenu
	{
	position: relative;
	width: 900px;
	height: 21px;
	left: 50%;
		margin: 5px 0px 7px -450px;
*		margin: 5px 0px 7px -451px;
		padding: 0px;
		list-style: none;
		z-index: 900;
	}

#Frame-Banner
	{
	position: relative;
	height: 300px;
	width: 900px;
	height: 210px;
		margin: 0px auto 0px auto;
		padding: 0px 0px 7px 0px;
		overflow: hidden;
	}

	#Frame-Banner .Banner
		{
		position: absolute;
		width: 720px;
		height: 210px;
		left: 50%;
		margin: 0px 0px 0px -450px;
		overflow: hidden;
		}

	#infoTab
		{
		position: absolute;
		width: 168px;
		height: 200px;
			left: 50%;
			margin: 0px 0px 0px 272px;
			padding: 5px;
			background: #99cc33;
			list-style: none;
			overflow: hidden;
		}

#ActionLine
	{
	position: relative;
	width: 900px;
	left: 50%;
	height: 21px;
	line-height: 21px;
	margin: 0px 0px 0px -450px;
*	margin: 0px 0px 0px -451px;
	background: #99cc33;
	}

#Frame-Content
	{
	position: relative;
	width: 900px;
		margin: 7px auto 0px auto;
		border: 1px solid #80aa44;
		background: #FFFFFF;
	}

#Frame-Content-Wrap
	{
	display: table;
	width: 898px;
		border: 1px solid #80aa44;
	}

	
	#Frame-Content .Block
		{
		position: relative;
		float: left;
		width: 218px;
			margin: 5px 0px 5px 5px;
			overflow: hidden;
		}
		
		#Frame-Content .Block h3
			{
			width: 208px;
			height: 25px;
				line-height: 25px;
				margin: 0px;
				padding: 0px 5px 0px 5px;
				background: #99cc33;
				font-size: 14px;
				font-weight: bold;
				color: #000000;
			}
		
		#Frame-Content .Block .PlaceHolder
			{
			width: 218px;
			height: 150px;
				overflow: hidden;
			}

		#Frame-Content .Block p
			{
			width: 208px;
				padding: 5px;
				overflow: hidden;
			}
		
		#Frame-Content .Block a
			{
			width: 213px;
			height: 25px;
				padding: 0px 5px 0px 0px;
				font-weight: bold;
				text-decoration: none;
				color: #99cc33;
			}
		
		#Frame-Content .Block a:hover
			{
			text-decoration: underline;
			}

		#Frame-Content a
			{
			color: #99cc33;
			text-decoration: none;
			}
		
		#Frame-Content a:hover
			{
			text-decoration: underline;
			}

#Frame-Content label
	{
	width: 150px;
	float: left;
	}

#Content-LeftFrame
	{
	height: 100%;
	vertical-align: top;
	background: #99cc33;
	border-right: 1px solid #80aa44;
	}

#Content-Left
	{
	position: relative;
	width: 224px;
		padding: 0px;
		overflow-x: hidden;
	}

#Content-LeftBottom
	{
	position: relative;
	padding: 0px;
	margin: 0px;
	background: #99cc33;
	border-right: 1px solid #80aa44;
	}

	#Content-Left h3
		{
		position: relative;
		width: 100%;
		height: 30px;
			margin: 0px;
			padding: 0px;
			background: #99cc33;
			font-size: 16px;
			line-height: 30px;
			text-indent: 10px;
			color: #000000;
		}
	
	#Content-Left a
		{
		color: #000000;
		text-decoration: none;
		}
	
	#Content-Left a:hover
		{
		color: #004938;
		}

#Content-RightFrame
	{
	height: 100%;
	vertical-align: top;
	}

#Content-Right
	{
	position: relative;
	display: table-cell;
	width: 655px;
		margin: 0px;
		padding: 0px 10px 0px 10px;
		vertical-align: top;
		overflow-x: hidden;
	}
	
	#Content-Right h1
		{
		position: relative;
		height: 30px;
			margin: 0px;
			padding: 0px 0px 10px 0px;
			font-size: 18px;
			line-height: 30px;
			color: #99cc33;
		}
		
	#Content-Right p
		{
		margin: 0px;
		padding: 0px 0px 5px 0px;
		}

#FootNote
	{
	position: relative;
	padding: 5px 25px 5px 25px;
		text-align: center;
		border-top: 2px solid #80aa44;
		background: #99cc33;
		font-size: 11px;
		line-height: 14px;
		color: #000000;
	}

#Footer
	{
	position: relative;
	width: 888px;
	margin: 0px auto 25px auto;
	padding: 0px 0px 0px 10px;
	height: 21px;
	line-height: 21px;
	background: #000000;
	border: 1px solid #80aa44;
	color: #99cc33;
	}

#Footer img
	{
	float: right;
	margin: 3px;
	padding: 0px;
	}

.thumbnail
	{
	float: left;
	width: 180px;
	height: 142px;
		margin: 3px;
	border: 1px solid #99cc33;
	overflow: hidden;
	cursor: pointer;
	}

#Gallery
	{
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
		z-index: 888;
		overflow: hidden;
	}

#Trans
	{
	position: absolute;
	display: table;
	width: 100%;
	height: 100%;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		background: #000000;
		filter: alpha(opacity = 75);
		-moz-opacity: 0.75;
		opacity: 0.75;
	}

#PhotoFrame
	{
	position: absolute;
	display: block;
	width: 900px;
	height: 525px;
		top: 50%;
		left: 50%;
		margin: -260px 0px 0px -453px;
		border: 3px solid #99cc33;
	}

#ToolBar
	{
	position: relative;
	display: table;
	width: 900px;
	height: 25px;
		padding: 0px;
		background: #99cc33;
		line-height: 25px;
		text-align: right;
	}
	
	#ToolBar a
		{
		padding: 0px 10px 0px 0px;
		color: #000000;
		text-decoration: underline;
		}

#Photo
	{
	position: absolute;
	display: table;
	width: 850px;
	height: 450px;
		padding: 25px;
		z-index: 999;
		text-align: center;
		overflow: hidden;
		background: #000000;
	}