@media screen
{

	body, html
	{
		height: 100%;
	}
	
	body
	{
		position:			relative;
		display:			block;
		
		width:				100%;
		margin:				0px 0px 0px 0px;
		padding:			0px 0px 0px 0px;
		
		background-color:	#22478D;
		/*background-color:	#F7F7F7;*/
		
		font-family:		Trebuchet MS;
		font-size:			12px;
	}
	
	.divcloser
	{
		clear:				both;
	}
	
	#containerTotal
	{
		position:			relative;
		display:			block;
		
		width: 				100% !important;
		margin:				0px 0px 0px 0px;
		padding:			0px 0px 0px 0px;
	}
	
		#containerHeader
		{
			position:			relative;
			display:			block;
			
			height:				150px;
			margin:				0px 0px 0px 0px;
			padding:			0px 0px 0px 0px;
			border-bottom:		1px solid #FFC000;
			background-color:	#FFFFFF;
		}
			#containerHeader #headerlogo
			{
				position:			relative;
				display:			block;
				float:				left;
				padding:			15px 15px 0px 10px;
			}
			
			#containerHeader #headertext
			{
				position:			relative;
				display:			block;
				/*float:				left;*/
				padding:			50px 0px 0px 25px;
				
				font-size:			16px;
				color:			#22478D;
			}
			
			#containerHeader #headertext a
			{
				color:			#22478D;
				text-decoration:	none;
			}
		
		#containerMain
		{
			position:			relative;
			display:			block;
			
			width: 100%;
			margin:				0px 0px 0px 0px;
			padding:			0px 0px 0px 0px;
		}
			#containerMainTable
			{
				width:				100%;
				padding:			0px;
				margin:				0px;
				border-collapse: collapse;
			}
		
			#containerLeft
			{
				width:				225px;
				margin:				0px 0px 0px 0px;
				padding:			25px 0px 0px 25px;
				vertical-align:		top;
				-moz-box-sizing:	border-box;
			}
			
				#containerLanguage
				{
					position:			relative;
					display:			block;
					float:				left;
					
					width:				213px;
					margin:				0px 0px 25px 0px;
					padding:			5px 5px 5px 5px;
					border:				1px solid #FFC000;
					background-color:	#FFFFFF;
				}
				
					#containerLanguage a
					{
						color:				#000000;
						text-decoration:	underline;
					}
				#containerMenu
				{
					position:			relative;
					display:			block;
					float:				left;
					
					width:				213px;
					margin:				0px 0px 0px 0px;
					padding:			5px 5px 5px 5px;
					border:				1px solid #FFC000;
					background-color:	#FFFFFF;
				}
				
			#containerRight
			{
				margin:				0px 0px 0px 0px;
				padding:			25px 25px 0px 25px;
				vertical-align:		top;
			}
			
				
/* Menu */

#containerMenu li div
{
	cursor:				pointer;
}

#containerMenu ul
{
	position:			relative;
	display:			block;
	
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
	list-style:			none;
}

	#containerMenu ul li
	{
		position:			relative;
		display:			block;
		
		padding:			0px 0px 0px 0px;
		margin:				0px 0px 0px 0px;
		font-weight:		bold;
		font-size:			16px;
	}
		
		#containerMenu ul ul
		{
			margin:				0px 0px 0px 0px;
			padding:			0px 0px 0px 15px;
		}
		#containerMenu ul ul li
		{
			position:			relative;
			display:			block;
			
			height:				22px;
			padding:			0px 0px 0px 0px;
			margin:				0px 0px 0px 0px;
			font-weight:		normal;
			font-size:			12px;
			line-height:		22px;
		}
		*>#containerMenu ul ul li
		{
			min-height:			22px;
			height:				auto;
		}

		#containerMenu ul ul li div
		{
			padding:			0px 0px 0px 18px;
		}
			#containerMenu div#menushowdiv .title,
			#containerMenu div#menudiv .title
			{
				font-size:			16px;
				font-weight:		bold;
			}
		
			li.photoalbumType_1
			{
				background-image: 	url('../icons/type_1.gif');
				background-repeat:	no-repeat;
				background-position: 3px 3px;
			}
			li.photoalbumType_2
			{
				background-image: 	url('../icons/type_2.gif');
				background-repeat:	no-repeat;
				background-position: 0px 2px;

			}
			li.photoalbumType_3
			{
				background-image: 	url('../icons/type_3.gif');
				background-repeat:	no-repeat;
			}
			
			li.year	
			{
				margin: 			0px 0px 10px 0px !important;
				background-repeat: no-repeat;
			}
			li.group
			{
				background-repeat: no-repeat;
				cursor:				pointer;
			}
			li.event
			{
				background-repeat: no-repeat;
			}
			li.section
			{
				background-repeat: no-repeat;
			}

	#containerPersonal
	{
		position:			relative;
		display:			block;
		float:				left;
		
		width:				213px;
		margin:				0px 0px 25px 0px;
		padding:			5px 5px 5px 5px;
		border:				1px solid #FFC000;
		background-color:	#FFFFFF;
	}
	
		#containerPersonal a
		{
			color:				#000000;
			text-decoration:	none;
		}

	#containerDownloadBox
	{
	}
	
	#containerDownloadable
	{
		position:			relative;
		display:			block;
		float:				left;
		
		width:				213px;
		margin:				0px 0px 25px 0px;
		padding:			5px 5px 5px 5px;
		border:				1px solid #FFC000;
		background-color:	#FFFFFF;
	}
		#containerDownloadable .title
		{
			font-size:			13px;
			font-weight:		bold;
			margin:				0px 0px 5px 0px;
		}
		
		#containerDownloadable .info
		{
			font-size:			11px;
			margin:				0px 0px 10px 0px;
		}

		#containerDownloadable .photoInfo
		{
			position:			relative;
			display:			block;
			float:				left;
			
			padding:			5px 5px 5px 5px;
			margin:				0px 5px 0px 5px;
			border:				1px dashed #D9D9D9;
			
			
		}
			#containerDownloadable .photoInfo .photoImg
			{
				position:			relative;
				display:			block;
				width:				75px;
				height:				75px;
				overflow:			hidden;
				text-align:			center;
			}
			
				#containerDownloadable .photoInfo .photoImg  img
				{
					height:			75px;
					border:			0px;
				}
			
			#containerDownloadable .photoText
			{
				position:			relative;
				display:			block;
				line-height:		15px;
				font-size:			11px;
				text-align:			center;
				margin:				5px 0px 0px 0px;
			}
}