
	html
	{
		overflow         : hidden;
	}

	body
	{
		background-color : white;
		color            : black;
		margin           :   0px;
		border           :   0px;
		padding          :   0px;
		width            : 100%;
		height           : 100%;
		font-family      : Arial         ,
						   Helvetica     ,
						  "MS Sans Serif",
						   sans-serif    ,
						   serif         ;
		font-size		  : 0.75em; 		/* IE hack for consistent text resizing when using ems. */
		font-size        : 12px;
		overflow         : auto;
	}

	table
	{
		width            : 100%;
		height           : 100%;
		margin           :   0px;
		border           :   0px;
		padding          :   0px;
		border-collapse  : collapse;
		border-spacing   :   0px;
	}

	div
	{
		margin           :   0px;
		border           :   0px;
		padding          :   0px;
	}

	#header
	{
		position         : absolute;
		top              :   0px;
		height           :  11%;
		height           :  10%;
		left             :   0px;
		width            :  80%;		   
		margin           :   1%  10% 0px;
		border           :   0px solid black;
		padding          :   0px 0px;
		text-align       : center;
		background-color : #FFD2D2;
		background-color : #D0D3FF;
		border-left      :   1px solid #D0D3FF;
		border-right     :   1px solid #D0D3FF;
		min-height       :  60px;
		min-width        : 600px;
	}

	#header table.text                      	
	{
		width            :  70%;
		margin           :   0px 15%;
	}

	#header td.title
	{
		padding-top      :  10px;
		font-size		 : 1.8em;
		white-space      : nowrap;
	}

	#header td.subtitle
	{
		padding-bottom   :  10px;
		font-size		 : 1.1em;
		white-space      : nowrap;
	}

	#sidebar
	{
		position         : absolute;
		top              :  12%;
		height           :  80%;
		left             :   0px;
		width            :  20%;
		margin           :   0px;
		margin-left      :  10%;
		border           :   0px solid black;
		padding          :   0px 0px;
		text-align       : center;
		border-left      :   1px solid #D0D3FF;
	/*	
		border-right     :   1px solid #D0D3FF;
	*/
		overflow         : auto;
	}

	#sidebar_photo
	{
		display          : block;
		width            : 100%;
		height           : 100%;
	}

	#sidebar div.album
	{
		display          : none;
		width            : 100%;
		height           : 100%;
	} 

	#sidebar .portrait
	{
		width            :  55%;
		height           :  37%;
		margin           :   0px;
		border           :   0px;
		padding          :  10% 15% 5px;
	}

	#sidebar .landscape
	{
		width            :  75%;
		height           :  28%;
		margin           :   0px;
		border           :   0px;
		padding          :  10% 5% 5px;
	}

	#photo
	{
		border           :   0px;
	    padding          :   7% 7% 0;
		width            :  86%;
		height           :  93%;
	}

	#content
	{
		position         : absolute;
		top              :  12%;
		height           :  80%;
		left             :   0px;
		width            :  60%;
		margin           :   0px;
		margin-left      :  30%;
		border           :   0px solid black;
		border-left      :   1px solid #D0D3FF;
		border-right     :   1px solid #D0D3FF;
		padding          :   0px 0px;
		text-align       : left;
		overflow         : auto;
	}

	#content.full /* MUST declare like this! */
	{
		width            :  80%;
		margin-left      :  10%;
		border-left      :   1px solid #D0D3FF;
	}

	#content div.text
	{
		margin           :   3%;
		width            :  96%;
		width            :  94%;
		width            :  94%; /* IE */
		width            :  92%; /* IE */
		text-align       : left;
		font-size		 : 1.2em;
	}

	#content div.album
	{
		display          : none;
		width            :  94%;
		height           :  90%;
	} 

	#content .portrait
	{
		border           :   0px;
		margin           :   0px 28%;
		width            :  44%;
		height           :  96%;
	} 

	#content .landscape
	{
		border           :   0px;
		margin           :   0px 10%;
		width            :  80%;
		height           :  96%;
	}

	#content .caption
	{
		display          : block;
		width            : 100%;
		text-align       : center;
	}

	#footer
	{
		position         : absolute;
		top              :  92%;
		height           :   8%;
		height           :   6%;
		left             :   0px;
		width            :  80%;
		margin           :   0px 10%;
		margin           :   0px 10% 2%;
		border           :   0px solid black;
		padding          :   0px 0px;
		text-align       : center;
		background-color : #FFD2D2;
		background-color : #D0D3FF;
		border-left      :   1px solid #D0D3FF;
		min-height       :  30px;		
		min-width        : 600px;
	}

	#footer table.text
	{
		width            :  70%;
	/*
		margin           :   0px 15%;
	*/	
		margin           : auto;
	}

	#footer td.text
	{
	/*
		padding          :   1% 2%; 
	*/	
		white-space      : nowrap;
	}

