a
{
	color: #447799;
}

a.navi
{
	/*font-weight: bold;*/
	font-variant: normal;
	text-decoration: underline;
}

body
{
	/*font-family: tahoma;*/
	/*font-family: courier, serif;*/
	font-family: "georgia";
	font-size: 10pt;
	/*color: #aacc88;*/
	color: #77aacc;
	/*color: #00cc55;*/
	background-color: #112255;
	white-space: normal;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-image: none;
}

caption
{
	font-weight: bold;
}

div
{
	background-color: transparent;
	/*border-collapse: collapse;*/
	border-style: solid;
	border-color: #eeeeee;
	border-width: 0px;
}

div.layout
{
	width: 100%;
	/*clear: left;*/
	background-color: transparent;
}

div.layouttop
{
	height: 0px;
	width: 0%;
	float: left;
	background-color: transparent;
}

div.layouttop_mask
{
	height: 96px;
	width: 68%;
	clear: left;
	float: left;
	position: fixed;
	left: 38%;
	top: 0px;
	background-color: black;
	margin-left: 4%;
}

/* NOT IN USE */
/* Old IE hack. Only IE 5 and 6 see this code below.
The style has to be different for old IE versions because 
they mess things up and people still use them. */
/* More info: http://www.l-c-n.com/IE5tests/hiding/ */
* html div.layouttop_mask
{
	height: 0px;
	width: 0%;
	clear: left;
	float: left;
	position: static;
	left: 38%;
	top: 0px;
	background-color: black;
	margin-left: 4%;
}

div.layoutbottom
{
	height: 32px;
	width: 100%;
	float: left;
	background-color: transparent;
}

div.layoutbottom_mask
{
	height: 32px;
	width: 100%;
	clear: left;
	float: left;
	position: fixed;
	left: 0px;
	bottom: 0px;
	/*background-color: black;*/
	background-color: transparent;
}

/* Old IE hack. Only IE 5 and 6 see this code below.
The style has to be different for old IE versions because 
they mess things up and people still use them. */
* html div.layoutbottom_mask
{
	height: 0px;
	width: 0%;
	clear: left;
	float: left;
	position: static;
	left: 38px;
	bottom: 0px;
	background-color: transparent;
}

div.layout_referenceimage
{
	height: 100%;
	width: 38%;
	/*clear: left;
	float: left;*/
	position: fixed;
	/*left: 64px;*/
	/*left: 4%;*/
	left: 0px;
	/*top: 32px;*/
	top: 0px;
	
	/*filter: alpha(opacity=25);
	-moz-opacity: .25;
	opacity: .25; */
	background-color: transparent;
	background-image: url("img/kal01.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: static;
	z-index: 1;
}

/* Old IE hack. Only IE 5 and 6 see this code below.
The style has to be different for old IE versions because 
they mess things up and people still use them. */
* html div.layout_referenceimage
{
	height: 0%;
	width: 0%;
	left: 0px;
	top: 0px;
	background-color: transparent;
	background-image: url("img/kal01.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: static;
	z-index: 1;
	position: static;
}

div.layoutleft_far
{
	/* NOT IN USE */
	width: 2%;
	float: left;
	background-color: transparent;
}

div.layoutcentercontainer
{
	width: 100%;
	height: 100%;
	/*float: left;
	left: 0px;
	top: 0px;
	position: relative;*/
	background-color: transparent;
}

div.layoutleft
{
	width: 38%;
	float: left;
	background-color: transparent;
}

/* Old IE hack. Only IE 5 and 6 see this code below.
The style has to be different for old IE versions because 
they mess things up and people still use them. 

For IE the reference image (kaleidoscope) is put into the left hand div in the center container.
*/
* html div.layoutleft
{
	float: left;
	height: 100%;
	width: 38%;
	left: 0px;
	top: 0px;
	background-color: transparent;
	background-image: url("img/kal01.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: static;
	z-index: 1;
	position: static;
}

div.layoutright
{
	width: 20%;
	float: left;
	background-color: transparent;
}

div.layoutcenter
{
	width: 38%;
	min-width: 200px;
	float: left;
	margin-left: 4%;
	margin-right: 4%;

}

div.layout_center_top
{
	width: 100%;
	height: 64px;
	clear: left;
	float: left;
	margin-top: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	margin-right: 0%;
	background-image: none;
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: scroll;
}

div.layout_center_bottom
{
	width: 100%;
	height: 128px;
	clear: left;
	float: left;
	bottom: 0px;
	margin-top: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	margin-right: 0%;
	background-image: none;
	background-repeat: no-repeat;
	background-position: bottom left;
	background-attachment: scroll;
}

div.layout_center_header
{
	width: 100%;
	clear: left;
	float: left;
	margin-top: 6%;
	margin-bottom: 0%;
	margin-left: 0%;
	margin-right: 0%;
}

div.layout_center_footer
{
	width: 100%;
	clear: left;
	float: left;
	margin-top: 6%;
	margin-bottom: 0%;
	margin-left: 0%;
	margin-right: 0%;
}

div.layout_center_content
{
	width: 100%;
	clear: left;
	float: left;
	margin-top: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	margin-right: 0%;
	z-index: 0;
}

div.album
{
	width: 100%;
	clear: right;
}

div.cv
{
	width: auto;
}

div.cvrow
{
	width: 100%;
	clear: left;
}

div.cvcol1
{
	float: left;
	width: 18%;
	font-weight: bold;
}

div.cvcol2
{
	float: left;
	width: 76%;
}

div.album_header
{
	width: 100%;
	clear: right;
}

h
{
	color: #ddeeff;
	border-style: solid;
	border-color: #000000;
}

/*h1,
h2
{
	color: #ddeebb;
	border-style: solid;
	border-color: #000000;
}*/

h1.mooma
{
	/*font-size: 10pt;*/
	color: #ddeeff;
	text-align: left;
	font-weight: bold;
	border-bottom-style: double;
	border-bottom-color: #000000;
}

h2.navi
{
	/*font-size: 10pt;*/
	color: #ddeeff;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	/*left: 40%;*/
}

hr
{
	width: 75%;
	height: 1px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

img.logo
{
	position: relative;
	top: 48px;
	left: -64px;
}

img.logonegation
{
	position: relative;
	top: 0px;
	left: 0px;
	border-collapse: collapse;
	border-style: solid;
	border-color: #ffffff;
	border-width: 1px;
}

img.mooma
{
	position: relative;
}

img.album
{
	/*vertical-align: text-top;*/
	float: left;
	border-collapse: collapse;
	border-style: solid;
	border-width: 0px;
	border: 0px;
	border-color: #ffffff;
	outline-style: none;
	outline-width: 0px;
	outline-color: #ffffff;
 }

img.moomaemail
{
	vertical-align: middle;
}

p
{
	/*color: #000000;*/
}

p.album_header
{
	width: 100%;
	clear: right;
}

p.lang
{
	/*color: #000000;*/
	text-align: right;
	/*position: relative;
	top: -30px;*/
}

p.menu
{
	/*color: #000000;*/
	text-align: left;
	position: relative;
	/*top: -48px;*/
}

p.footerseparator
{
	color: #aaaaaa;
	width: 100%;
	text-align: left;
	border-bottom-style: double;
	border-bottom-color: #000000;
}

p.visitorCounter
{
	color: #cccccc;
	font-size: 8pt;
	text-align: right;
}

p.validations
{
	color: #000000;
	width: 100%;
	text-align: left;
}

p.news_timestamp
{
	font-weight: bold;
}

p.news_news
{
	font-weight: normal;
}

p.gb_entryheader
{
	font-weight: bold;
}

p.gb_entrymessage
{
	font-weight: normal;
}

p.gb_entryreply
{
	font-weight: normal;
}

p.gb_entryreply:first-line {
	font-weight: bold;
}

p.gb_error
{
	color: #ff7777;
	font-weight: bold;
}

p.separator
{
	color: #777777;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
}

span
{
	border-style: solid;
	border-color: #eeeeee;
	border-width: 0px;
}

span.album
{
	padding: 8px;
	font-size: 8pt;
	float: left;
	text-decoration: none;
}

span.album_click
{
	font-size: 8pt;
}

span.album_desc
{
	padding: 8px;
}

span.gb_entryfrom
{
	font-weight: normal;
}

table
{
	background-color: transparent;
	border-collapse: collapse;
	border-style: solid;
	border-color: #ffffff;
	border-width: 0px;
}

td	
{
	padding-left: 4px;
	padding-right: 4px;
}

td.duration
{
	text-align: right;
}

thead
{
	font-weight: bold;
}