/********************************************************************
 * CSS File created 08.04.2005 for Steve Klink
 *******************************************************************/


/********************************************************************
 * Global definitions. 
 *******************************************************************/

/* 
 * Black ground, white text. No Margins
 */

body{
margin: 0px;
padding: 0px;
font-size: 100%;
background-color: #000000;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
}

/*
 * Page Titles in a standard Format and colour.
 */
h1, .PageTitle{
	color: #ffffff;
	font-size: 160%;
	line-height: 90%;
}

/*
 * Page Subtitles in a standard Format and colour.
 */
h2, .PageSubtitle
{color: #e67000;
font-size: 140%;
line-height: 90%;
}

/* 
 * All links default body, white text, no underline
 */
a{
	color: #e67000;
	text-decoration: none
}

/* 
 * Mouse over links - Reverse video 
 */
a:hover{
	background-color: #ff0000;
	color: #000000;
}

/*
 * No borders on images
 */
img {
	border: none;
}

/*******************************************************************
 * Basic widgets
 ******************************************************************/

/*--------------------- White Horizontal line --------------------*/
HR
{color: #ffffff
}

/*--------------------------- Navigation -------------------------*/
/* 
 * Custom Link in black ground, white text, no underline
 Used in submenus - Deprecated !!!!!!!!! 
*/
.nav1
{background-color: #000000;
color: #ffffff;
text-decoration: none}


/*-------------------- Tables and table widgets ------------------*/
/*
 * Set all table fonts the same. 
 */

TD, TH
{/* ns workaround */ 
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #ffffff}


.MenuTitle
{background-color: #000000;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 140%;
font-variant: normal;}

.NewsHeader
{background-color: #ffffff;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 140%;
font-variant: normal;}

.SubmenuTitle
{background-color: #000000;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 160%;
font-variant: normal;}

.GalleryTitle{ 
	text-align: left; 
	font-size: 120%; 
	font-weight: bold;
}
/*
 * Background for large images
 */
.NewsPanel
{background-color:#ffffff;
}

.scrollText 
{  font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-style: normal; 
font-weight: normal; 
color: #000000;
}
/**
 * Start of the new definitions to migrate the web site to CSS
 * -----------------------------------------------------------------------------
 */

/**
 * Main Structures
 * ===============
 */
#header{
	margin: 10px; 
	border-top: 1px solid #c0c0c0; 
	border-bottom: 1px solid #c0c0c0;
}

#menu{
	width: 756px; 
	height: 50px; 
	margin: 0 auto;
}

.menuitem{
	float: left; 
	text-align: center;
	height: 50px;  
}

.menuitem, .submenuitem{
	margin: 10px;
	font-weight: bold;
}

.submenuitem a{
	color: #ffffff;
}

#maintop{
	clear: both;
	position: relative;
}

#mainlogo{
	float: left;
	padding-left: 2%;
}

#languages{
	position: absolute;
	left: 70%;
	width: 30%;
}

.langlink{
	position: relative;
	padding: 15px 0;
}

.langimg{
	position: absolute;
	left: 50%;
}

#maintitle{
	clear: both;
	padding: 25px 0 10px 2%;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
		
#main_left, #main{
	float: left;
	padding: 25px 0 10px 2%;
	text-align: justify;
}

#main_left{
	width: 70%;
}

#right_col{
	float: left;
	width: 25%;
	text-align: center;
}

.commentedimg{
	float: left;
	margin-top: 20px;
	width: 100%;
	text-align: center;
}

#footer{
	clear: both;
	text-align: center;
}

/**
 * Generic containers
 * ==================
 */
.container{
	width: 100%;
	display: block;
	float: left;
	list-style: none;
}

#centred_1k_container{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -470px;
	margin-top: -300px;
	height: 600px;
	width: 800px;
}

#centred_container{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -400px;
	margin-top: -300px;
	height: 600px;
	width: 800px;
}


/**
 * Special texts:
 * ==============
 *
 * Small insignificant information - legal stuff
 */
p.info{
	font-size: 70%;
	font-style: italic;
}

/*
 * CD reference numbers 
 */
p.music_nr{
	font-weight: bold;
	text-align: center;
	color: #0000ff;
}

/**
 * Specific layout goodies.
 */
.leveller{
	clear: both;
	text-align: left;
}

/**
 * Widgets
 * =======
 */

/**
 * Image used as a link.
 * Blocked and centered with automargin
 * Border highlights at the bottom, and cursor changes on hover.
 */
.linkimg{
	display: block;
	text-align: center;
	margin: 0 auto;
	border-bottom: 2px solid #000000;
}

.linkimg:hover, .tnimg:hover{
	border-bottom: 2px solid #ff0000;
	cursor: pointer;
}

/**
 * List with red spot as bullet.
 */
.reddotlist{
 	list-style-image: url('/mia/images/spot.jpg'); 
 	margin: 2px;
 	text-align: left;
}
/**
 * List with red spot as bullet.
 */
.reddotlistm{
 	list-style-image: url('/images/spot.jpg'); 
 	margin: 2px;
 	text-align: left;
}
/**
 * Grid containers
 * ===============
 */
.grid_3_col p{
	margin-left: -10px;			/* Remove the inherited left padding */
}

.grid_3_col h3{
	text-decoration: underline;			/* Remove the inherited left padding */
}

.grid_3_col{
	width: 31%;
	padding: 1%;
	float: left;
}

.grid_2_col p{
	margin-left: -10px;			/* Remove the inherited left padding */
}

.grid_2_col h3{
	text-decoration: underline;			/* Remove the inherited left padding */
}

.grid_2_col{
	width: 47%;
	padding: 1%;
	float: left;
}
/**
 * Gallery stuff 
 * =============
 */

#videoscreen{
	position: fixed;
	width: 38%; 
	text-align: center;
}

.videogallery{
	position: relative;
	float: right; 
	width: 58%;
	text-align: center;
}

.videoclip{
	float: left;
	width: 45%;
	padding: 2px 2%;
	border-top: 1px solid #c0c0c0;  
}

.tn_container{
	text-align: center;
	margin: 5px auto;
}

.thumbnail{
	float: left;
	width: 25%;
}

.tnimg{
	width: 90%;
	border-bottom: 2px solid #000000;
}

.displayimg{
	width: 100%;
}
#gallerymenu, .gallerytitle{
	float: left; 
	padding-bottom: 20px;
}

#gallerymenu{ 
	padding-top: 10px;
	width: 30%; 
}

.gallerytitle{
	width: 70%;
	white-space: nowrap;
}

#tabs{
	width: 96%;
	float: left;  			/* MSIE does anyway, so match the others up */
	margin: 1% 1% 0 1%;
	padding: 0 1%;
}

#tabs a{
	display: block;
	font-weight: bold;
	background-color: #ffffff;
}

#tabs .selected{
	color: #000000;
}

#tabs ul a{
	padding: 0px 5px 3px 5px;
}

#tabs ul{
	list-style: none;
	width: 100%;
	padding: 0px;  /* Firefox, Opera, Safari */
	margin: 0px;   /* MSIE */
}

#tabs li{
	padding: 0 2px;
	white-space: nowrap; /* Opera */
	float: left;
}


.topline{
	margin: 0 5px;
	height: 1px;
	background-color: #ffffff;
}

.midupper{
	margin: 0 3px;
	height: 1px;
	background-color: #ffffff;
}

.midlower{
	margin: 0 2px;
	height: 1px;
	background-color: #ffffff;
}

.bottomline{ 
	margin: 0 1px;
	height: 2px;
	background-color: #ffffff;
}