/************************************************/
/* Hic et Nunc                            			*/
/* Corporate website styles                     */
/* Medium: screen                           		*/
/* Layout styles                            		*/
/* Version: 1.2                                 */
/* Date: may 2004                               */
/************************************************/

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 20px;
	margin: 0;
	text-align: center;
}

/************************************************/
/* Layout Definitions                           */
/************************************************/

/*_____ Main Page Wrapper divides content in 2-columns _____*/

#pageWrapper {
	width: 760px;
	text-align: left;
	border: 1px solid #ccc;
	background-image: url(../images/bg_IE.gif);
	background-repeat: repeat-y;
}
/* IE hack */
html>body #pageWrapper {
	background-image: url(../images/bg.gif);
} 

/*************** Left column: content area ***************/

/* Right column: main navigation area */
#navBar {
	float: right;
	width: 195px;
	text-align: left;
	padding: 0;
	margin: 0;
}
/* IE hack */
html>body #navBar {
	width: 190px;
} 

#navBarHeader {
	display: none;
}
/* Counterpart of #contentHeader 
#navBarHeader {
	height: 52px;
	border-bottom: 1px solid #fff;
}*/
/* IE hack 
html>body #navBarHeader {
	height: 49px;
} */

/* Navigation tree */
#nav {
	width: 195px;
	padding: 0;
	padding-top: 22px;
	margin: 0;
	margin-top: 47px;
	border-top: 1px solid #fff;
}

/*************** Left column: Content Wrapper ***************/

#contentWrapper {
	width: 560px;	
	padding: 0;
	margin: 0;
}

/* IE hack */
html>body #contentWrapper {
	width: 565px;
} 

/* Logo placeholder */
#contentHeader {	
	height: 49px;
	text-align: left;
	margin-right: 20px;
	margin-left: 20px;
	border-bottom: 1px solid #cecece;	
}

/* Actual content */
#content {
	font-size: 70%;
	padding: 20px;
}

/*************** Breadcrumb ***************/

#breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #888;
	text-decoration: none;
}

#breadcrumb a:link, #breadcrumb a:visited {
	color: #888;
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #000;
	text-decoration: underline;
}

/*************** Content SideBar ***************/
#sideBar {
	position: relative;
	float: right;
	width: 160px;
	font-size: 85%;
	color: #777;
	padding: 5px;
	margin-left: 10px;
	border: 1px solid #aaa;
	background-color: #fff;
	z-index: 101;
}

#sideBar .heading {
	display: block;
	font-size: 110%;
	font-weight: bold;
	padding: 5px;
	margin: -4px;
	background-color: #ddd;
}

#sideBar ul {
	padding-left: 1em;
	margin-left: 1em;
}

/*************** Footer ***************/

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	text-align: center;
	text-decoration: none;
	padding-top: 20px;
	margin: 20px;
	border-top: 1px solid #cecece;
}

.footerSlogan {
	font-size: 60%;
	font-weight: bold;
	color: #999;
	letter-spacing: 1px;
}

#footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	color: #bbb;
	text-decoration: none;
}

#footer a:hover {
	color: #000;
	text-decoration: underline;
}