@page
{
	/*
	 * size is not allowed any more see:
	 * http://www.w3.org/TR/CSS2/page.html#page-context
	 *
	 * size: auto portrait;
	 */
	margin: 2.0cm 1.5cm;
}

/*-----------------------------------------------
 * Reset browser-specific styles and fonts.
 */

/* general styles -----------------------------*/
html {
	/*
	 * Don't use #333333 for text, borders, etc.
	 * since this might waste colored ink or
	 * toner.
	 */
	color: #000000;
	background: #ffffff;
}

body,
div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code,
form, fieldset, legend, input, button, textarea,
p,
blockquote,
th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address, cite, code,
dfn, var,
em, strong,
caption, th,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del, ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
	font-variant: normal;
}

sup, sub {
	vertical-align: baseline;
}

legend {
	color: #000000;
}

input, button, textarea,
select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

* html input,
* html button,
* html textarea,
* html select {
	font-size: 100%;
}

/* fonts --------------------------------------*/
body {
	font: 13px/1.2308 Arial, sans-serif;
}

* html body {
	font-size: small;
}

input, button, textarea, select {
	font: 99% Arial, sans-serif;
}

table {
	font-size: inherit;
}

pre, code, kbd, samp, tt {
	font-family: monospace;
	line-height: 100%;
}

* html pre,
* html code,
* html kbd,
* html samp,
* html tt {
	font-size: 108%;
}

/*-----------------------------------------------
 * general styles required by samba.org
 */

.noPrint {
	display: none !important;
}

body {
	background-color: #ffffff;
	color: #000000;
	font-size: 13px;
	line-height: 16px;
	font-family: Arial, sans-serif;
	text-align: left;
	padding: 0;
}

body * {
	background-color: transparent;
}

#page,
#pageStart {
	width: 100%;
}

/* header -------------------------------------*/
#hd {
	margin: 0;
	padding: 0 0 39px;
}

#hdPrintImage {
	width: 100%;
}

/* main content -------------------------------*/
#bd {
	margin: 0;
	padding: 0;
}

#bd #bdCols {
	width: 100%;
}

/* center column: content */
#bd #main,
#bd #mainStart {
	width: 100%;
	margin: 0;
}

/* bottom boxes (start page only) */
#bd #mainBoxReleases {
	float: left;
}

#bd #mainBoxBeyondSamba {
	float: right;
}

#bd .mainBox {
	width: 48%;
	background-image: url(bgBoxMain.webp);
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 26px 0 0;
	padding: 0;
}

#bd .mainBox h5 {
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	margin: 0 0 2px;
}

#bd .mainBox .mainBoxContent {
	font-size: 11px;
	line-height: 15px;
	margin: 20px 0 0;
	padding: 0;
}

#bd .mainBox .mainBoxContent p {
	margin: 0 0 15px;
}

#bd .mainBox .mainBoxContent ul li {
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 0 6px;
	background-image: url(iconListBox.png);
	background-position: 0 6px;
	background-repeat: no-repeat;
}

#bd .mainBox .mainBoxContent a:link,
#bd .mainBox .mainBoxContent a:visited,
#bd .mainBox .mainBoxContent a:active,
#bd .mainBox .mainBoxContent a[href]:hover {
	color: #045d9a;
	font-size: 11px;
	line-height: 15px;
}

#bd .mainBox .mainBoxBottom {
	display: none;
}

/* general styles -----------------------------*/
#pageStart h1 {
	color: #c90000;
	font-size: 46px;
	font-weight: normal;
	font-family: Georgia, serif;
	line-height: 58px;
	margin: 0;
	padding: 0;
}

h2 {
	color: #c90000;
	font-size: 18px;
	font-weight: bold;
	font-family: Georgia, serif;
	line-height: 24px;
	margin: 0 0 19px;
	padding: 0;
}

#pageStart h2 {
	color: #666666;
	font-size: 24px;
	font-weight: normal;
	line-height: 32px;
	margin: 0 0 16px;
}

h3 {
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	font-family: Georgia, serif;
	line-height: 20px;
	margin: 0 0 18px;
	padding: 0;
}

#pageStart h3 {
	color: #c90000;
	font-size: 24px;
	font-weight: normal;
	line-height: 28px;
	margin: 0;
}

h4 {
	color: #c90000;
	font-size: 18px;
	font-weight: normal;
	font-family: Georgia, serif;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 16px;
}

a:link,
a:visited,
a:active,
a[href]:hover {
	color: #045d9a;
	font-size: 13px;
	line-height: 16px;
	text-decoration: none;
}

a[href]:hover {
	text-decoration: underline;
}

ul {
	margin: 0 0 16px 8px;
}

ul ul {
	margin: 0 0 0 14px;
}

ul li {
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 0 6px;
	background-image: url(iconList.png);
	background-position: 0 7px;
	background-repeat: no-repeat;
}

ol {
	margin: 0 0 16px 28px;
}

ol ol {
	margin: 0 0 0 26px;
}

ol li {
	list-style-type: decimal;
}

ol ol li {
	list-style-type: lower-latin;
}

i, em {
	font-style: italic;
}

b, strong {
	font-weight: bold;
}

div.clearing {
	clear: both;
	width: 100%;
	height: 0;
	font-size: 0;
	line-height: 0;
}

/*
 * The styles below have been used with the old
 * design (with minor modifications). Check out
 * whether they are still required.
 */
#main table {
	border: 1px solid #cecece;
	margin: 0 0 15px;
}

#main table th {
	font-weight: bold;
}

blockquote {
	margin: 35px;
	padding: 13px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}