body
{
	background-color:white;
	/*background-color:rgb(253,253,253);*/
/*	background-color:#daa3a3; for development */
	margin:0px;
	font-family:verdana, sans-serif;
	font-size:12px;
	
	/* for MSIE */
	width:100%; 
	height:100%;
}

p
{
	margin-top:0px;
}

#noscroll
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow:hidden;
}

#formsubmit
{
	position:absolute;
	visibility:hidden;
}

#center
{
	position:absolute;
	border:1px solid rgb(245,245,245);
	width:98px;
	height:98px;
	
	background-color:white;
	
	visibility:hidden;
	
	z-index:20;
}

#splash
{
	position:absolute;
	display:none;
	
	width:2000px;
	height:1200px;

	z-index:19; 
	background:url(../media/splash.png);
	
	text-align:center;
}
#splash div
{
	/*font-size:14px;*/
	margin-top:660px;
	color:white;
}

#mediaguild
{
	position:absolute;
	visibility:hidden;
	cursor:move;
	
	z-index:50;
}
#mediaguild img
{
	width:98px;
	height:98px;
}

#contents
{	
	position:absolute;
	width:1940px;
	height:1140px;
/*
	width:970px;
	height:570px;
*/
	
	/*border:1px dotted black;*/
	
	z-index:30;
}
#text_contents
{
	display:none;
}

#menu
{
	position:absolute;
	z-index:60;
	
	width:620px;
	height:20px;

	color:white;
	
	visibility:hidden;
	
	font-size:11px;
	
	/*background-color:black;*/
}
#menu a
{
	color:white;
	text-decoration:none;
}
#menu a:hover
{
	color:#00b1f2;
}
#menu div
{
	position:absolute;
}
#menu_home
{
	left:20px;
	top:0px;
	width:100px;
	height:20px;
	
	cursor:pointer;
}
#menu_contents
{
	left:145px;
	top:2px;
}
#language
{
/*
	position:absolute;
	left:472px;
	top:3px;
*/
	float:left;
	margin-top:1px;
	margin-left:4px;
	cursor:pointer;
}
#search
{
	display:none;
	position:absolute;
	left:503px;
	top:0px;
	padding-top:2px;
	height:18px;
	width:120px;
}
#search input
{
	float:left;
	padding-left:4px;
	width:94px;
	border:0px;
	height:14px;
	
	font-size:11px;

	color:rgb(150,150,150);
	background-color:rgb(250,250,250);
}
#search_results
{	
	display:none;
	right:4px;
	bottom:21px;
	width:155px;
	height:180px;
	
	background:url(../media/bg_menu.png);
	
	z-index:10;
}
#result
{
	padding:4px;
	padding-left:6px;
	width:173px;
}
#list
{
	top:21px;
	width:170px;
	overflow:auto;
}

#list a
{
	display:block;
	width:146px;
	margin:4px;
}

.menu
{
	width:127px;
	bottom:21px;
	display:none;
}
.menu a
{
	display:block;
	width:110px;
	margin:4px;
}


.section
{
	position:absolute;
	/*border:1px solid;*/
	
	/*opacity:.5;*/
	
	z-index:10;
	
}
.section img,
.section div,
.section canvas
{
	position:absolute;
	cursor:pointer;
}

.joinx
{
	position:absolute;
	height:1px;
	font-size:0px; /*for IE*/
	border-top:1px solid; /*rgb(205,205,205);*/
	
	z-index:35;
}
.joiny
{
	position:absolute;
	width:1px;
	border-left:1px solid; /*rgb(205,205,205);*/
	
	z-index:35;
}

.item
{
	position:absolute;
	cursor:pointer;
	/*border:1px dotted rgb(180,180,180);*/
}

.item canvas
{
	float:left;
	position:relative;
	/*background-color:rgb(180,180,180);*/
}

.item .caption
{
	/*background-color:#cecece;*/
	/*position:relative;*/
	float:left;
	margin-left:5px;
	padding-left:3px;
	width:85px;
	margin-top:2px;
	
	visibility:hidden;
	
	border-left:2px solid;
}
.item .caption p
{
	/*padding-top:7%;*/
	margin-bottom:0px;
}
.item .caption .title
{
	font-size:10px;
	color:#aaaaaa;
	
}
.item .caption .short
{
	/*padding-top:5%;*/
	font-size:10px;
	color:rgb(180,180,180);
	visibility:hidden;
}


/* content pane */

#content
{
	display:none;
	
	position:absolute;
	width:888px;
	height:488px;
	border:1px solid;
	background:white url(../media/bg_content.gif) repeat-x;
	
	z-index:40;
}
#item_icon
{
	position:absolute;
	left:10px;
	top:10px;
	width:84px;
	height:84px;
	
	/*border:1px dotted black;*/
	z-index:10;
}
#item_media
{
	position:absolute;
	left:0px;
	top:0px;
	
	width:99px;
	height:488px;
	
	/*background-color:rgb(230,230,230);*/
	
	z-index:5;
}
#media
{
	position:absolute;
	left:0px;
	/*top:37px;*/
	top:35px;

	width:120px;
	height:418px;

	overflow:hidden;
	
/*	border:1px dotted red;*/
}
#media div
{
	position:absolute;
	width:120px;
	top:0px;
}
#media .thumb
{	
	float:left;
	margin-bottom:19px;
/*
	background-color:#888888;
*/
	
	cursor:pointer;
}
.nav
{
	position:absolute;
	left:43px;
	visibility:hidden;
	cursor:pointer;
}
#media_prev
{
	top:14px;
}
#media_next
{
	top:460px;
}

#item_title
{
	position:absolute;
	left:105px;
	top:6px;
	width:340px;	
	
	z-index:10;
	
	/*border:1px dotted red;*/
	font-size:14px;
	font-weight:bold;
}
#item_title .url
{
	font-size:10px;
	font-weight:normal;
	/*margin-left:10px;*/
	display:block;
}
#item_title a
{
	text-decoration:none;
	border-bottom:1px dotted;
}
#item_title a:hover
{
	text-decoration:none;
	border-bottom:1px solid;
}

.print_title
{
	font-size:14px;
	font-weight:bold;
}

#item_nav
{
	position:absolute;

	right:120px;
	top:14px;
	width:140px;

	z-index:10;
}
#item_nav img
{
	float:right;
	cursor:pointer;
}

#item_text
{
	position:absolute;
	left:98px;
	top:40px;
	
	width:670px;
	/*height:436px;*/
	height:439px;
	
	overflow:hidden;
	
	/*border:1px dotted black;*/
}

#columns
{
	position:absolute;
	left:0px;
	top:0px;
}
#columns_nav
{
	position:absolute;
	height:20px;
	right:0px;
	bottom:0px;
}
#columns_nav span
{
	position:relative;
	float:right;
	
	padding:0px 5px;
	
	font-size:11px;
}
#columns_nav canvas
{
	position:relative;
	width:14px;
	height:14px;
	/*vertical-align:middle;*/
	float:right;
	cursor:pointer;
	margin-top:1px;
}


.column
{
	overflow:hidden;
	float:left;
	
	font-family:verdana,sans-serif;
	font-size:12px;
	line-height:17px;
	
	/*background-color:#cecece;*/
}
.column p
{
	margin-top:17px; /* one line exactly */
	margin-bottom:0px;
}
.column .short
{
	margin-left:-12px;
	margin-top:3px;
	font-size:10px;
	line-height:14px;
	color:rgb(150,150,150);
}
.column .group_short
{
	color:rgb(150,150,150);
}
.column a
{	
	color:black;
	text-decoration:none;
	border-bottom:1px dotted #333333;
}
.column a:hover
{
	text-decoration:none;
	border-bottom:1px solid #333333;
}

.column input,
.column textarea,
.column submit
{
	float:left;
	width:160px;
	border:1px solid rgb(150,150,150);
	margin-right:10px;
	padding-left:3px;
}
.column .check
{
	float:none;
	width:14px;
	border:0px;
}
.column .option
{
	float:left;
	width:210px;
}
.column .label
{
	float:left;
	width:85px;
	text-align:right;
	padding-right:5px;
}
.column ul
{
	padding:0px 0px 0px 25px;
	margin:17px 0px 0px 0px;
}

.column .divider
{
	color:rgb(150,150,150);
	padding:4px 20px;
	border-top:1px dotted rgb(150,150,150);
}

#print
{
	padding:20px;
}

#item_calendar
{
	position:absolute;
	left:98px;
	top:55px;
	width:735px;
	height:395px;
	display:none;
	
	z-index:20;
}

#calendar_header
{
	position:absolute;
	left:0px;
	top:-15px;

	width:735px;
	height:15px;
}
#calendar_header div
{
	float:left;
	width:105px;
	font-size:11px;
	color:#373737;
	text-align:center;
}

#calendar
{
	position:absolute;
	left:0px;
	top:0px;

	width:735px;
	height:395px;
	
	/*overflow:hidden;*/
	border:1px solid rgb(205,205,205);
	border-right:0px;
	border-bottom:0px;
}
#calendar div
{
	float:left;
	border:1px solid rgb(205,205,205);
	border-left:0px;
	border-top:0px;
	
	width:104px;
	height:78px;
}
#calendar h1
{
	/*float:right;*/
	margin:3px;
	margin-bottom:-2px;
	color:#373737;
	font-size:11px;
	font-weight:normal;
	text-align:right;

}
#calendar span
{
	color:#00b1f2;
}
#calendar p
{
	font-size:10px;
	margin-bottom:2px;
	margin-left:5px;
}
#calendar a
{	
	color:black;
	text-decoration:none;
	border-bottom:1px dotted #333333;
}
#calendar a:hover
{
	text-decoration:none;
	border-bottom:1px solid #333333;
}
#calendar_nav
{
	position:absolute;
	right:0px;
	top:400px;
	width:200px;
	height:15px;
}
#calendar_nav span
{
	position:relative;
	float:right;
	
	padding:0px 5px;
	
	font-size:11px;
}
#calendar_nav canvas
{
	position:relative;
	width:14px;
	height:14px;
	/*vertical-align:middle;*/
	float:right;
	cursor:pointer;
	margin-top:1px;
}

#mediaview,
#dimm
{
	position:absolute;
	left:0px;
	top:0px;
	
	width:100%;
	height:100%;
}

#mediaview
{
	display:none;
	z-index:80;
}

#mediaview div
{
	position:absolute;
}

#media_meta
{
	background-color:rgb(230,230,230);
	width:485px;
	line-height:16px;
	/*height:18px;*/
	top:15px;
	padding:2px 5px 2px 10px;
	z-index:10;
}
#media_meta a
{
	color:black;
	text-decoration:none;
	border-bottom:1px dotted #373737;
}
#media_meta a:hover
{
	border-bottom:1px solid #373737;
}


#media_meta .cc
{	
	margin-left:10px;
	font-size:11px;
	color:rgb(150,150,150);
}
#media_meta .close
{
	margin-top:1px;
	float:right;
	cursor:pointer;
}