/********************************************************
 * GLOBAL STYLES
 ********************************************************/
body {
  	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	background: #c78ebf url("../images/background.png") repeat;
	color: #000000;
}

h1, h2, h3, h4 {
	font-family: "Trebuchet MS" verdana;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
	line-height: 100%;
	padding: 0;
}

h1 {
	font-size: 18px;
	color: #98017E;
	margin-top: 0;
	margin-bottom: 10px;
}
h1.titleonly {
	margin-bottom: 0px;
}

h2, h3, h4 {
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 5px;
}
h2.titleonly {
	margin-top: 0px;
	margin-bottom: 0px;
}

p {
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0;
	line-height: 1.5em;
}

p.justified {
	text-align: justify;
}

span.bigger {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

span.footer {
	color: #FFFFFF;
}

span.subfooter {
	color: #808080;
}

img.right {
	border: 1px solid #FF99FF;
	float: right;
	margin-left: 10px;
}

img.left {
	border: 1px solid #FF99FF;
	float: left;
	margin-right: 10px;
}

/********************************************************
 * HEADER STYLES
 ********************************************************/
 
img.header-logo {
	border: none;
	margin: 5px 0px 5px 5px;
}

img.header-title {
	border: none;
	margin: 5px 5px 5px 5px;
}

img.header-banner {
	border: none;
	margin: 0px 5px 5px 5px;
}

/********************************************************
 * NEWS STYLES
 ********************************************************/

table.message {
	border: none;
	border-collapse: collapse;
	width: 100%;
}

td.message-date {
	padding-right: 5px;
	text-align: right;
	vertical-align: middle;
	border-bottom: thin dotted black;
	font-size: 12px;
}
td.message-title-clickable, td.message-title {
	padding-left: 5px;
	text-align: left;
	font-weight: bold;
	width: auto;
	border-bottom: thin dotted black;
	font-size: 12px;
}
td.message-title-clickable:hover {
	text-decoration: underline;
}
td.message-short, td.message-long {
	padding: 5px 5px 5px 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: justify;
	line-height: 1.5em;
}
a.message-navigate {
	padding-left: 5px;
}
a.title-navigate {
	color: #000033;
	text-decoration: none;
}

li {
	line-height: 1.5em;
}

.field {
	color: #000000;
	background-color: #ff80ff;
	border: 1px solid;
	border-top-color: #800080;
	border-left-color: #800080;
	border-right-color: #ffc0ff;
	border-bottom-color: #ffc0ff;
	font-size: 11px;
	padding-left: 5px;
	padding-right: 5px;
}

.button {
	color: #FFFFFF;
	background-color: #ff40ff;
	border: 1px solid;
	border-top-color: #ffc0ff;
	border-left-color: #ffc0ff;
	border-right-color: #800080;
	border-bottom-color: #800080;
	font-size: 11px;
}

/********************************************************
 * MENU STYLES
 ********************************************************/

div.menu {
	margin: 0px 5px 0px 5px;
}

ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

li.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative; /* Required for sub-menu-pop-up */
	line-height: normal;
}

a.menu, div.menugroup {
	font-size: 18px;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	padding: 10px;
	min-width: 145px;
	max-width: 145px;
	width: 145px;
	cursor: pointer;
	margin-top: 0px;
	margin-bottom: 0px;
	color: white;
	background: #b63099 url(../images/menu_inactive.png) repeat;
	cursor: pointer;
}

a.menu:hover {
	color: yellow;
	background: #d25cb8 url(../images/menu_active.png) repeat;
	text-decoration: underline;
}

div.menugroup:hover {
	color: yellow;
	background: #d25cb8 url(../images/menu_submenu.png);
}

/* Makes the nested menu pop-out properly */
ul.menu ul.menu {
	position: absolute;
	top: 0;
	left: 100%; /* to position them to the right of their containing block */
	width: 100%; /* width is based on the containing block */
}

ul.menu li.menu {
	z-index: 500;
}

ul.menu li.menu ul.menu {
	display: none;
}

ul.menu li.menu:hover ul.menu {
	display: block;
	/* Mild transparancy effect */
	filter: alpha(opacity=95); /* MSIE */
	-moz-opacity: 0.95; /* mozilla/firefox */
	opacity: 0.95; /* Safari */
	khtml-opacity: 0.95; /* Konquerer */
}

/*** PURPLE ***/

div.rounded-purple {
	background: transparent url(../images/corner_purple_m.png) repeat;
}
div.rounded-purple-top {
	background: transparent url(../images/corner_purple_tl.png) no-repeat top left;
}
div.rounded-purple-top div {
	background: transparent url(../images/corner_purple_tr.png) no-repeat top right;
}
div.rounded-purple-bottom {
	background: transparent url(../images/corner_purple_bl.png) no-repeat bottom left;
}
div.rounded-purple-bottom div {
	background: transparent url(../images/corner_purple_br.png) no-repeat bottom right;
}

.rounded-purple-top, .rounded-purple-top div, .rounded-purple-bottom, .rounded-purple-bottom div {
	width: 100%;
	height: 10px;
	font-size: 1px; /* = Fix for IE */
}

/*** DARK PURPLE ***/

div.rounded-darkpurple {
	background: transparent url(../images/corner_darkpurple_m.png) repeat;
}
div.rounded-darkpurple-top {
	background: transparent url(../images/corner_darkpurple_tl.png) no-repeat top left;
}
div.rounded-darkpurple-top div {
	background: transparent url(../images/corner_darkpurple_tr.png) no-repeat top right;
}
div.rounded-darkpurple-bottom {
	background: transparent url(../images/corner_darkpurple_bl.png) no-repeat bottom left;
}
div.rounded-darkpurple-bottom div {
	background: transparent url(../images/corner_darkpurple_br.png) no-repeat bottom right;
}

.rounded-darkpurple-top, .rounded-darkpurple-top div, .rounded-darkpurple-bottom, .rounded-darkpurple-bottom div {
	width: 100%;
	height: 10px;
	font-size: 1px; /* = Fix for IE */
}


/*** WHITE ***/

div.rounded-white {
	background: transparent url(../images/corner_white_m.png) repeat;
	margin-bottom: 5px;
}
div.rounded-white-top {
	background: transparent url(../images/corner_white_tl.png) no-repeat top left;
}
div.rounded-white-top div {
	background: transparent url(../images/corner_white_tr.png) no-repeat top right;
}
div.rounded-white-bottom {
	background: transparent url(../images/corner_white_bl.png) no-repeat bottom left;
}
div.rounded-white-bottom div {
	background: transparent url(../images/corner_white_br.png) no-repeat bottom right;
}

.rounded-white-top, .rounded-white-top div, .rounded-white-bottom, .rounded-white-bottom div {
	width: 100%;
	height: 10px;
	font-size: 1px; /* = Fix for IE */
}

/*** GENERIC ***/

div.content {
	padding: 10px 20px 10px 10px;
}
* html div.content { /* Hack to force div content to display in IE */
	height: 1%;
}
div.content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/********************************************************
 * ADS STYLES
 ********************************************************/

div.ads {
	margin: 0px 5px 0px 5px;
	background-color: #b63099;
}

img.ads {
	margin: 5px 0px 5px 0px;
	padding: 0;
	border: none;
}

/********************************************************
 * ORGANISATION STYLES
 ********************************************************/

table.organisation {
	border-collapse: collapse;
} 

img.organisation {
	border: 1px solid #FF99FF;
	float: left;
	clear: both;
	margin-right: 10px;
}
 
td.organisation {
	vertical-align: top;
}
td.organisation-name {
	font-weight: bold;
}
td.organisation-role {
	font-style: italic;
}

/********************************************************
 * PODIA STYLES
 ********************************************************/
 
p.podium {
	padding-top: 10px;
}
 
span.podium-name {
 	font-size: 12px;
	font-weight: bold;
 	text-decoration: underline;
}
 
span.podium-address {
 	font-style: italic;
}

a.podium-address {
	text-decoration: none;
    border-bottom: none;
}
 
a.podium-address:hover {
	text-decoration: underline;
    border-bottom: 1px dotted #FFFFFF;
}

/********************************************************
 * LINKLIST STYLES
 ********************************************************/

img.linklist {
	border: 1px solid #FF99FF;
	float: right;
	clear: both;
	margin-bottom: 10px;
}

/********************************************************
 * PROGRAM LIST / EVENT STYLES
 ********************************************************/
 
span.event-costs {
	font-style:italic;
}

a.event-date-link {
	text-decoration: none;
}