html {
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	background:#fff; /*color background - only works in IE */
	font: normal 11px verdana,arial, helvetica, sans-serif;	
	}
body {
	padding:0; /*remove padding */
	margin: 5px 0; /* remove margins */
	border:0; /* remove borders */
	font: normal 11px verdana,arial, helvetica, sans-serif;
	background-color:#ffffff;
	line-height: 1.5em;
}


#content2 {
	background:#ff; /* set the background color */	
	margin-left: 210px;
	margin-top: 10px;
	}
#foot 
{
	margin: 0;	
	display:block; 
	width:100%; 
	height:15px; 
	background:#fff; 
	color:#000; 
	text-align:center; 
	font-size:0.9em; 
	z-index:4; 
	border-top:1px solid #103565;
	padding-top:5px;
	margin-top: 20px;
}
.roundedPanel
{	
	background-color: #A7C9F4;	
}

#downloadtop
{
	/*background-image: url(images/download_top.png);
	background-repeat:no-repeat;*/
	width: 182px;
	height:226px;	
}
#downloadtop p
{
	text-align:center;
	padding-top: 200px;
	font-weight:bold;
	color: #002040;
	border: solid 1px red;
}
#downloadtop p a
{
	text-decoration:none;	
}
#downloadtop p a:hover
{
	text-decoration:underline;	
}
.boxbottom
{
	background-image: url(images/download_bottom.png);
	background-repeat:no-repeat;
	width: 182px;
	height:26px;
	color:White;
	text-align:center;
	font-weight:bold;
	padding-top: 3px;		
}

.boxbottom a,.boxbottom a:hover
{
	text-decoration:none;
	color: White;
	
}

.graytop
{
	background-image: url(images/gray_top.png);
	background-repeat:no-repeat;
	width: 182px;
	height:166px;	
	text-align:center;
	padding-top: 10px;
}

.rsstoptop
{
	width: 182px;
	padding:0;
	margin:0;
	background-image: url(images/gray_top_top.png);
	height: 16px;
}
.rsstop
{
	background-image: url(images/gray_top_line.png);
	background-repeat:repeat-y;
	width: 182px;
	text-align:left;
	padding-bottom: 10px;	
}
.rsstop .date
{
	font-weight: bold;
	color: #002C52;		
	margin-bottom: 5px;
}
.rsstop .description
{
	margin-top: 5px;
}

.applicationstop
{
	color: #002C52;	
	background-image: url(images/applications_top.png);
	background-repeat:no-repeat;	
}

.applicationstop a,.applicationstop a:hover
{
	color: #002C52;	
	font-weight:bold;
	text-decoration:none;
}

.applicationsub
{
	background-image: url(images/application_sub.png);
	background-repeat:no-repeat;	
	color: #404040;
	padding-bottom: 10px;
	width:683px;
	height:116px;
}

.applicationsub a,.applicationsub a:hover
{
	color: #002C52;	
	font-weight:normal;
	text-decoration:underline;
}

.applicationsub img
{
	float: left;
	padding-top: 2px;
}
.applicationsub p
{
	margin: 10px;
	width: 500px;
	float:left;	
	text-align:center;
}
.subApplicationBack a
{
	font-weight:bold;
	clear: both;
	margin: 15px 10px 0px 10px;
}

.applicationstop td.title
{
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 15px;
	font-size:1.5em;
	font-weight:bold;
}

.applicationstop td
{
	padding-left: 50px;
}

.applicationfooter
{
	background-image: url(images/application_sub.png);
	background-repeat:no-repeat;	
	color: #404040;
	padding: 10px;
	width:600px;
	height:116px;	
}



table.press {
	border-width: 0px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
}
table.press th {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: gray;
font-size: 1em;
font-weight: normal;
}
table.press td {
	width: 33%;
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
}


#banner {		
		margin: 0px 5px 0px 5px;	
		width: 900px;			
}	
.bannerMid
{
	height: 150px; 
	background-image:url(images/banner_mid.png); 
	background-repeat:repeat-x;
	width: 100%;	
	
}

#langSelector
{	
	position: absolute;
	top: 10px;
	left: 785px;
	text-align:right;	
}

#langSelector a
{
	text-decoration:none;
	color: White;	
}

.menu {
	padding: 0 0 0 175px;
	margin: 0;
	border: none;	
	background-image: url(images/xavier_mid.png);
	background-repeat:repeat-x;		
} 


.menuItem
{
	display:block;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	margin:0;
	height: 18px;
	padding: 0 1em 0 1em;
	position: relative;
	white-space:nowrap ;
	font-weight: bold;	
}
.dynamicMenuItem
{
	display:block;
	color:#ffffff;
	background-color: #002C52;
	text-decoration:none;
	margin:0;
	padding: 0.2em 1em 0.2em 1em;
	font: bold 11px verdana, arial, geneva, lucida, sans-serif;
	white-space:nowrap ;
}
.hoverStyle
{
	background-color: #2061B9;
	color: #ffffff;
	text-decoration:none;
}


.hoverStyle a, a:hover
{
	text-decoration: none;	
}

.panelFooter {
	padding: 0;
	margin: 0;
	height: 20px;
	background-image: url(images/xavier.gif);
	background-repeat:repeat-x;		
	color: White;
	font-weight:bold;
	text-align:center;
} 

.attention
{
	float: right;
	width: 182px;
	height: 78px;
	/*background-image: url(images/attention.png);
	background-position:left top;
	background-repeat:no-repeat;*/
	color: White;	
	text-align:left;
	margin: 0;
	padding: 5px 0 0 5px;
}


#news
{
	background-color: #E8F0FC;
	color: #103565;	
	width: 100%;
	padding: 10px;			
}

#newsTitle
{
	font-size: 1.1em;
	font-weight:bold;
	width: 100%;
	padding: 2px;
	border-bottom: solid 1px #2061B9; 	
}

#newsTitle img
{
	border-style: none;
	float: right;
}


.newsHead
{
	font-weight:bold;	
	
}

.newsDate
{
	background-color: #E8F0FC;
	color: #103565;		
	font-size: 0.8em;	
	margin:0;
	padding-bottom: 5px;
}
.newsTitle
{	
	margin:0px;
	font-weight:bold;
	padding-top: 5px;
}
.newsText
{	
	margin:0px;
	padding-right: 5px;	
}

a
{
	color: #103565;
}
#centercontent a:hover
{
	text-decoration:underline;
}


#content { 
	margin-right: 50px;		
	margin-bottom: 50px;
	width: 690px;
}
#content p
{
	text-align:left;
	line-height: 1.5em;
}

#content h1
{
	color: #002C52;
	border-bottom: solid 1px #000000;
	padding-top: 0.3em;
	padding-bottom: 0.5em;
	font-size: 2em;
	line-height: 1.3em;
}
#content h2
{
	color: #404040;
	font-size:1.5em;
	margin-bottom: 1em;
	line-height: 1.1em;
}
#content h4, h5, h6
{
	color: #002C52;
	font-size:1.5em;
}
#content h3
{
	padding-top: 1.5em;
	margin:0;
	color: #002C52;
	font-size: 1.6em;
	line-height: 1.3em;
}
#content .imagetext
{
	float:none;
	clear:both;
	font-style:italic;
	margin: 0 0 10px 0;
	padding:0;			
}

#press { 
	padding: 0px 50px 30px 50px;  
	margin: 0px; 	
}

#pressnote
{
	clear:both;
	padding: 5px 5px 5px 5px;  
	margin-left: 50px;
	width: 500px;
	background-color: White;
	border-style: dashed;
	border-width: 1px;
}

#screenshots { 
	padding: 10px 10px 10px 10px;  
	margin: 0px; 	
}

#content p
{
	text-align:left;
}


.pclear
{
	clear:both;
}

img
{
	border-style:none;
	border-width:0;
}


.appImage
{
	float: left;
	margin: 5px;
}
th 
{
	background-color: #E8F0FC;
	color: #103565;	
	font-size: 2em;
	width: 12em;
	height: 1.2em;
	text-align:center;
}

td.tableText
{
	background-color: #C0D8F7;
	padding-left: 1em;
	padding-right: 1em;	
	text-align:left;
}

#tableLogo
{	
	margin-top: -5em;
}

.portrait
{
	float:left;
	margin-right: 20px;
}

.username
{
	float:right;
	font-style:italic;
	padding-bottom: 20px;
}

.screenshot
{	
	float:right;
	margin-top: 25px;
	border: none;
	padding: 0 5px 5px 5px;
}

.imagetext
{
/*	border: solid 1px black;*/

	float: right;
	font-style:italic;
	
}


#leftcontent {
		position: absolute;
		left:5px;
		top:190px;
		width:180px;
		/*border:1px solid #000;*/
		
		}
		
	

.bulletimage
{
	border: none 0;
  float  : left;
 margin-right: 10px;
}

.functionLeft
{
	float:left;
	margin-right: 60px;
	padding-top: 170px;
	width: 20px;
}
.functionRight
{
	float:left;
	padding-top: 170px;
	margin-left: 5px;
}
.functionImage
{
	padding-top: 10px;
	text-align: center;
	float:left;
	width: 500px;
}
.functionTitle
{
	clear:both;
	font-weight:bold;
	padding: 0;
}
.functionText
{
	padding-top: 5px;
	padding-bottom: 10px;
	text-align:left;
	line-height: 1.5em;
}
.functionPrevious
{
	float:left;
}
.functionPrevious a
{
	text-decoration:none;
}
.functionPrevious a:hover
{
	text-decoration: underline;
}

.functionNext
{
	float: right;
}
.functionNext a
{
	text-decoration:none;
}
.functionNext a:hover
{
	text-decoration: underline;
}


.del					{background:transparent url(images/icon_delic.gif) no-repeat 0px 0px;padding-left:22px; }
.wong					{background:transparent url(images/icon_wong.gif) no-repeat 0px 0px;padding-left:22px;}
.folkd				{background:transparent url(images/icon_folkd.gif) no-repeat 0px 0px;padding-left:22px;}
.linkarena			{background:transparent url(images/icon_linkarena.gif) no-repeat 0px 0px;padding-left:22px;}


.downloadText
{
	padding-left: 140px;
}

.imageLeft
{
	margin: 10px;
	float:left;
}
.imageRight
{
	margin: 5px;
	float:right;
}

.applications h3
{
	padding-top: 1.5em;
	float:none;
}
.applications p
{
	margin-bottom: 4em;
}

.whatsnew
{
	clear:both;
	margin-bottom: 20px;
	display: block;
}
.whatsnew .title
{
	color: #002C52;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 0.5em;	
	margin-top: 0.2em;
}
.whatsnew .image
{
	float:left;
	margin: 5px 15px 5px 0px;
}