html, body, td, input, select, textarea
{
	font-family:		verdana, tahoma, arial, sans-serif;
	font-size:			10pt;
	line-height:		1.2em;
}

html, body
{
	margin:				0;
	padding:			0;
	width:				100%;
	height:				100%;
	
	overflow:			hidden;
}

body
{
	background:			url(images/bg-right.gif) right repeat-y;
	color:				#838595;
}

img
{
	border:				0;
}

a, a:active, a:link, a:visited, a:hover
{
	color:				#af3e40;
	background:			transparent;
	text-decoration:	none;
}

a:hover
{
	text-decoration:	underline;
}

#logo
{
	display:			block;
	position:			absolute;
	left:				70px;
	top:				15px;
	width:				171px;
	height:				76px;
	
	background:			url(images/logo-phyleon.gif) left top no-repeat;
	color:				#000;		
}

#menu-items
{
	position:			absolute;
	right:				366px;
	top:				15px;
	height:				76px;

	paddding:			0;
	margin:				0;

	text-align:			right;
}

#menu-items li
{
	paddding:			0;
	margin:				0;
	margin-bottom:		5px;	

	font-size:			14px;
	line-height:		14px;
	list-style:			none;
}

#menu-items a, #menu-items a:link, #menu-items a:active, #menu-items a:visited, #menu-items a:hover
{
	padding-left:		17px;

	text-decoration:	none;

	color:				#838595;
}

#menu-items a:hover
{
	background:			url(images/bg-menu.gif) left top no-repeat; 
}

#menu-items a.active, #menu-items a.active:link, #menu-items a.active:active, #menu-items a.active:visited, #menu-items a.active:hover
{
	background:			url(images/bg-menu.gif) left top no-repeat;
	font-weight:		bold; 
}

#menu
{
	position:			absolute;
	right:				0;
	top:				0;
	width:				351px;
	bottom:				60px;
	
	background:			url(images/bg-right-top.gif) right repeat-y;
	color:				#000; 		

	line-height:		1px;
	font-size:			1px;
}

#menu-padding
{
	padding-left:		16px; /*  1 + 15 */
	padding-top:		15px;
	padding-right:		85px; /* 70 + 15 */
	padding-bottom:		15px;

	font-size:			10pt;
	line-height:		120%;
}

#submenu-items
{
	padding:			0;
	margin:				15px 0;		
	
	font-size:			10pt;
	line-height:		120%;
}

#submenu-items li
{
	paddding:			0;
	margin:				0;
	padding-bottom:		7px;	

	font-size:			12px;
	line-height:		12px;
	list-style:			none;
}

#submenu-items a, #submenu-items a:link, #submenu-items a:active, #submenu-items a:visited, #submenu-items a:hover
{
	background:			transparent;		
	color:				#838595;	

	text-decoration:	none;
	
	padding-left:		30px;
}

#submenu-items a:hover
{
	background:			url(images/bg-submenu.gif) 5px 0 no-repeat;
}

#submenu-items a.active, #submenu-items a.active:link, #submenu-items a.active:active, #submenu-items a.active:visited, #submenu-items a.active:hover
{
	background:			url(images/bg-submenu.gif) 5px 0 no-repeat;
	font-weight:		bold;
}


#visual
{
	margin-left:		1px;
	width:				280px;
	height:				125px;
}

#languages
{
	margin-left:		1px;
	width:				280px;
	
	background:			#838595;
	color:				#fff;			
	border-top:			1px solid #fff;
	border-bottom:		1px solid #fff;

	font-size:			10pt;
	line-height:		120%;
}

#languages-padding
{
	margin:				5px 15px;
}

#languages a, #languages a:active, #languages a:link, #languages a:visited, #languages a:hover
{
	background:			url(images/language.gif) 0 5px no-repeat;
	color:				#fff;
	text-decoration:	none;
	
	padding-left:		15px;
	margin-right:		15px;
}

#languages a:hover
{
	background-image:	url(images/language-active.gif);
	color:				#fff;
}

#languages a.active, #languages a.active:active, #languages a.active:link, #languages a.active:visited, #languages a.active:hover
{
	background-image:	url(images/language-active.gif);
	color:				#fff;
}				

#footer
{
	background:			#fff;
	color:				#000;
	position:			absolute;
	left:				0;
	bottom:				0;		
	width:				100%;
	height:				60px;
}

#footer-padding
{
	margin:				15px 70px;
	background:			#030a38;
	color:				#fff;
	text-align:			center;
	height:				30px;
	line-height:		30px;
}

#footer a, #footer a:active, #footer a:link, #footer a:visited, #footer a:hover
{
	color:				#fff;
	background:			transparent;
	text-decoration:	underline;
}

#footer a:hover
{
	text-decoration:	none;
}

#content
{
	position:			absolute;
	left:				70px;
	top:				106px;
	right:				351px;
	bottom:				60px;
	overflow:			auto;
	
	border-top:			1px solid #838595; /* #2f5f96; */
}

#content-padding
{
	padding-right:		15px;				
}

#content h1
{
	font-family:		Georgia, Times New Roman, serif;			
	font-size:			200%;
	font-weight:		normal;
	line-height:		100%;
	margin:				0;
	margin-bottom:		1em;
}

#content h2
{
	font-family:		Georgia, Times New Roman, serif;			
	font-size:			150%;
	font-weight:		normal;
	line-height:		100%;
	margin:				0;
	margin-bottom:		0.5em;
}

#content h3
{
	font-size:			100%;
	font-weight:		bold;
	margin:				0;
}

#content p
{
	margin:				0;
	margin-bottom:		1em;
	text-align:			justify;
}

#redboxscroll
{
	position:			absolute;
	left:				0px;
	top:				259px;
	bottom:				0;
	width:				281px;
	
	overflow:			auto;

	/*
	right:				351px;
	*/
}

#redboxscroll
{
	position:			absolute;
	left:				0px;
	top:				259px;
	bottom:				0;
	width:				281px;

	background:			#af3e40;
	color:				#fff;
}

#news
{
	width:				265px;

	background:			#af3e40;
	color:				#fff;
	
	font-size:			10pt;
	line-height:		120%;
	
}

#news-padding
{
	padding:			5px 15px;
	padding-right:		0;
	
	background:			#af3e40;
	color:				#fff;
	
}

#news-padding h1
{
	margin:				0;
	padding:			0;
	padding-top:		5px;
	font-size:			1.1em;
	font-weight:		bold;
}

#news-padding p
{
	margin:				0;
	padding:			0;
}

#news-padding a, #news-padding a:active, #news-padding a:link, #news-padding a:visited, #news-padding a:hover
{
	color:				#fff;
	background:			transparent;
	text-decoration:	underline;
}

#news-padding a:hover
{
	text-decoration:	none;
}

#fastlinks
{
	padding-top:		5px;
	width:				265px;

	background:			#af3e40;
	color:				#fff;

	font-size:			10pt;
	line-height:		120%;
}

#fastlinks-padding
{
	padding:			5px 15px;
	padding-right:		0;
	
	background:			#af3e40;
	color:				#fff;
}

#fastlinks-padding ul, #fastlinks-padding li
{
	margin:				0;
	padding:			0;
	list-style:			none;
}

#fastlinks-padding a, #fastlinks-padding a:active, #fastlinks-padding a:link, #fastlinks-padding a:visited, #fastlinks-padding a:hover
{
	background:			url(images/fastlink.gif) 0 5px no-repeat;
	color:				#fff;
	text-decoration:	none;
	
	padding-left:		15px;
}

#fastlinks-padding a:hover
{
	background:			url(images/fastlink-active.gif) 0 5px no-repeat;
	color:				#fff;
}