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: 32px;
	width: 100%;
	float: left;
	background-color: transparent;
}

div.layouttop_mask
{
	height: 0px;
	width: 0%;
	clear: left;
	float: left;
	position: fixed;
	left: 0%;
	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: 0%;
	top: 0px;
	background-color: black;
	margin-left: 4%;
}

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

div.layoutbottom_mask
{
	height: 0px;
	width: 0%;
	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: 0px;
	bottom: 0px;
	background-color: transparent;
}

div.layout_referenceimage
{
	height: 0%;
	width: 0%;
	/*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: none;
	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: none;
	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: 0%;
	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
{
	width: 0%;
	float: left;
	background-color: transparent;
}

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

div.layoutcenter
{
	width: 100%;
	min-width: 100px;
	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;
}