html {
	border: 0;
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 100%;
}

body {
	border: 0;
	margin: 0;
	padding: 0;
	color: #383838;
	background: #dad9d6;
}

body, div {
	font-family: Tahoma, Geneva, Verdana, Arial; 
}

a {
	color: #323232;
}

h1 {
	font-size: 26px;
	font-family: tahoma, verdana, arial; 
	font-weight: 600;
	color: #821b88;
	margin-bottom: 10px;
}

h2 {
	font-family: tahoma, verdana, arial; 
	font-size: 1.5em;
	margin-bottom: 10px; 
	font-weight: 600;
}

h2.blue {
	color: #00a1c7;
}

h2.magenta {
	color: #f22590;
}

h2.orange {
	color: #ff7f00;
}
h2.green {
	color: #35a12e;
}

h3 {
	font-family: tahoma, verdana, arial; 
	font-size: 14px;
	font-weight: 600;
}


#doc4 {
	background: url('../images/main_bg.png') repeat-y;
}


.submenu {
	margin-top: 5px;
}

.submenu > li {
	margin-left: 50px;
	display: inline;
	font-size: 1.2em;
}

.submenu > li.first {
	margin-left: 0;
}


.submenu > li > a {
	font-family: Tahoma, Geneva, Verdana, Arial;
	color: #ffffff;
	text-decoration: none;
}

.submenu > li > a:hover {
	text-decoration: underline;
}


.tabs {
	margin: 0;
	height: 32px;
}

.tabs > li {
	display: inline;
	text-align: center;
	margin: 0;
	padding: 0;
}

.tabs > li > a {
	font-size: 1.1em;
	color: #000000;
	border: 0;
	display: inline-block;
	background: url('../images/tab_empty.png') no-repeat;
	width: 125px;
	height: 32px;
	text-decoration: none;
	padding: 10px 0 0 0;
	margin: 0;
}

.tabs > li > a.current {
	background: url('../images/tab_selected.png') no-repeat;
	color: #FFFFFF;
}

.tabs > li > a.global {
	background: url('../images/tab_global.png') no-repeat;
	color: #FFFFFF;
	padding: 10px 0 0 9px;
	text-align: left;
}

.sponsors > li {
	display: inline;
	vertical-align: middle;
	height: 105px;
}

. sponsors > li > a {
	display: inline-block;
	height: 105px;
}

.sponsors > li > a > img {
	vertical-align: middle;
}

.sponsor-padding {
	margin-left: 9px;
	margin-right: 9px;
}

a.magenta {
	color: #f22590;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

a.orange {
	color: #ff7f00;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}



/* styling of the container. */
a.flowPlayer {
	display:block;
	width: 512px;
	height:306px; 
	text-align:center;
	margin:0 15px 15px 0;
	border:1px solid #999;
}

/* play button */
a.flowPlayer img {
	border:0px;
}

/* when container is hovered we alter the border color */
a.flowPlayer:hover {
	border:1px solid #000;
}

td {
	padding: 2px;
	vertical-align: top;
	
}
