/* pipslab temporary website - css made by Sonja van Kerkhoff, 30 May 2009
Email for any questions or problems: sonjaAThotmail.com. 
Always make a copy of this before you change anything, just incase */

body 	{
	font-family: "Courier New", Courier, monospace; /*arial, helvetica;*/
	color:#efefef; /* looks like white but has enough grey in it so it prints visibly on a white page if viewers 
	use browsers other than IExplorer and if for some reason the Print css is not working because of an 
	unusal browser */
	background-color:#000000; /* dark grey */
	padding:4px 0px 0px 0px;
	margin:0px;
	text-align:center;
		}
	
a:link {color:#6565F7; border-bottom:none; text-decoration:none;} /*unvisited links*/
a:visited {color:#876ddc; border-bottom:none; text-decoration:none;} 
a:hover {color:#ff0000; border-bottom:none; text-decoration:none;}
a:active {color:#6565F7; border-bottom:none; text-decoration:none;}

.frame { /* the page container */
	padding:0px;
    margin: 0px auto; /* auto enables the centering to work in firefox*/
	background-color:#000000; /* black */
	width:640px; /*determines the width of the page*/
	/*border: 1px #ff0000 solid;*/
	}

.header_menuFrame { 
/*so it is possible to line up both in FF + IE, without having to have new a div for each word*/
	/*border: 1px #0000ff solid;*/
	}
.header_menuFrame .header1  {margin: 0px 0px 0px 5px; /*moves text and image to right*/}

.header1 { /*numbered so later other versions of the header are possible - with different images, etc*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:none;
	width: 640; 
	height: 218;
	background: #000000 url(/gfx/header1.jpg) no-repeat;
	background-color: #000000;
	background-image: url('/gfx/header1.jpg') no-repeat;
	text-align:left;
	}

.header1 p {
	width:200 px; /*doesn't work in FF so br is added*/ 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 16px;
	display: block; /*so we don't need to add BR each time for FF*/
	font-size: 170%; font-weight: 500; letter-spacing: 1px;
	}
	
.menuFrame { /* container for the whole menu row so it is easy to change where the menu appears*/
	/*height:26px; *//* ff + IE read this distance differently IE seems to double the distance*/
	margin: -174px 0px 0px 20px; /*only way to line up the left menu edge. FFox is good. IE doesn't quite match*/
	padding: 0px;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 95%; /* also for text that isn't part of a menu */
	/*border: 1px #ff0000 solid;*/

	}
	
.menuFrame2 { /*for the Dutch version, less space between items*/
	/*font-family: arial, helvetica;*/
	margin: -174px 0px 0px 20px; /*only way to line up the left menu edge. FFox is good. IE doesn't quite match*/
	font-weight: 500;
	padding: 0px;
	letter-spacing: 0px;
	font-size: 93%; /* also for text that isn't part of a menu */
}

.menuFrame3 { /*variants, now not used */
	font-family: Lucida Console; 
	margin: -74px 0px 0px 20px; /*only way to line up the left menu edge. FFox is good. IE doesn't quite match*/
	font-weight: 500;
	font-size: 95%; /* also text that doesn't have to be part of a menu */
	padding: 0px;
	font-size:;
}

.menuFrame4 { /*variants, now not used */
	font-family: arial, helvetica; 
	margin: -74px 0px 0px 20px; /*only way to line up the left menu edge. FFox is good. IE doesn't quite match*/
	font-weight: 500;
	padding: 0px;
	letter-spacing: 1px;
	font-size: 90%; /* also text that doesn't have to be part of a menu */
}


/* as an option for later *//*
.menuFrame#websites {background:#efefef url(../gfx/tr.gif) no-repeat;}
.menuFrame#illustrate {background:#efefef url(../gfx/tr.gif) no-repeat; } */

#menu1 ul{/*just incase it is needed for javascript*/}

.menuContainer {
width: 600px; 
color:#87729b; 
padding: 0px 0px 0px 0px;
margin:0px;
/*margin: 0px 5px 0px 3px; *//*pads on outside, pushes the white line inwards to match the text*/
/* border-bottom:1px #efefef solid;*//*made new class just for the white line because padding + margin don't make the text match*/
text-align: left; /*set value to "left", "center", or "right"*/
	}
	
/*
.menuContainer p a {padding:0px 0px; background-color: #efefef; border:1px #efefef dotted; text-decoration:none}
.menuContainer p a:hover {padding:0px 0px; background-color: #efefff; border:1px #ff0000 dotted; text-decoration:none} */

.menuContainer ul{
list-style: none; /* removes bullets and list indents */
/*overflow: hidden; other options are auto, scroll, auto, or inherit. default is visible*/
padding: 0px 0px 0px 0px; 
margin:0px;
	}

.menuContainer ul li 
{
display: inline;
margin: 0px 29px 0px 0px; /* spacing between menu items */
padding: 0px 0px 0px 0px; /*pushes the menu row to the left*/
color:#efefef;
} 

.menuContainer ul li a{
color:#efefef;
border-bottom:none; 
text-decoration:none;
margin: 0px; /* spacing between menu items */
padding: 0px;
}



/*
.selectedItem {  to imitate active - as a div and not a p so it works on the menu items without needing an extra p class for everything 
color: #00FF00;
display:inline;
} 

.selectedItem ul li a {  to imitate active - as a div and not a p so it works on the menu items without needing an extra p class for everything
color: #00FF00;
display:inline;
} */

.menuContainer ul li a:hover{
color:#FBB254;
border-bottom:none;
text-decoration:none;
margin: 0px; 
padding: 0px;
}

.underLine {
width: 590px; 
margin: 3px 0px 0px 0px;
padding: 0px;
border-top:1px #efefef solid; /*made new class just for the white line because padding + margin don't make the text match in any of the menuContainer or menuFrame options*/
	}

.subMenuContainer {
width: 600px; 
color:#87729b; 
font-size: 90%; /* also text that doesn't have to be part of a menu */
padding: 0px 0px 0px 0px;
margin:-13px 0px 0px 0px;
letter-spacing: 2px;
/*margin: 0px 5px 0px 3px; *//*pads on outside, pushes the white line inwards to match the text*/
/* border-bottom:1px #efefef solid;*//*made new class just for the white line because padding + margin don't make the text match*/
text-align: left; /*set value to "left", "center", or "right"*/
	}
		
.subMenuContainer ul{
list-style: none; /* removes bullets and list indents */
/*overflow: hidden; other options are auto, scroll, auto, or inherit. default is visible*/
padding: 20px 0px 0px 0px; 
margin:0px;
	}

.subMenuContainer ul li 
{
margin: 0px 29px 0px 0px; /* spacing between menu items */
padding: 0px 0px 0px 0px; /*pushes the menu row to the left*/
color:#efefef;

} 

.subMenuContainer ul li a{
color:#efefef;
border-bottom:none; 
text-decoration:none;
margin: 0px; /* spacing between menu items */
padding: 0px;
}

.subMenuContainer ul li a:hover{
color:#FBB254;
border-bottom:none;
text-decoration:none;
margin: 0px; /* spacing between menu items */
padding: 0px;
}

.pageContentContainer {  /*margins for text and images on pages + paragraph breaks*/
	clear:both;
	margin:0px 0px 0px 19px;
	padding:0px;
	border:none;
	clear:both;
	/*border:1px #efefef solid;*/
	}

.narrowColumn {
	width:300px;
	/*border:1px #efefef solid;*/
	}
	
	.narrowColumn2 {
	width:500px;
	/*border:1px #efefef solid;*/
	}

.floatLeft {float:left;}
.floatRight {float:right;}
.clearFloat {clear:both;}

.alignLeft {
	text-align:left;
	font-weight: bold;
}
.alignRight {text-align:right;}

.pageTextContainer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:none;
	}

img, img a {border:none; display:inline; margin: 0px; padding: 0px;} /* nec to keep invisibles on same line */
.border img, .border img a{border:1px #000000 solid; margin: 0px 8px 2px 0px;} 


.language  {
font-size: 90%;
font-weight: 500;
letter-spacing: 1px;
text-align:right;
margin: -35px 0px 15px 0px;
font-weight: 500;
	}

.language a {font-weight:500;}

h1 { /*page titles*/
color:#FEFCF7; 
font-size: 150%;
font-weight: 500;
letter-spacing: 2px;
margin: 10px 0px 20px 0px;
padding: 10px 0px 0px 0px;
line-height: 1em;
/*border-bottom:1px #000077 dotted;*/
/*text-align:center;*//*works in FF only*/

}



h2 { /*subtitles*/
color:#eeddF7; 
font-size: 140%;
font-weight: 500;
display:inline;
letter-spacing: 1px;
margin: 0px 0px 0px 0px;
padding: 8px 0px 10px 0px;
line-height: 1em;
border:none;
text-align:center;
}

/*h2 span {display:inline; font-size: 80%; font-weight: 700; }*/

h3 { /*captions*/
color:#aa99aa; 
font-size: 90%;
font-weight: 500;
letter-spacing: 0px;
margin: 4px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1em;
}

h3 a:hover {color:#ff00dd; border-bottom:none; text-decoration:none; margin:0px; padding:0px; font-weight: 500; letter-spacing: 0px;}
/*  XXXXXXXx   trying to fix the springing up on hover */

h4 {
color:#eeddF7; /*titles for shows on agenda page*/
font-size: 100%;
font-weight: 500;
letter-spacing: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1em;
border:none;
display:inline;
}

h4 span {font-size: 80%; letter-spacing: 1px; color:#effeFe; width:150px;} 
/* width only useful for older browsers + IE. Not yet used*/

h5 { /* colophon text.*/
color:#ababaf; 
font-size: 80%;
font-weight: 500;
letter-spacing: 2px;
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 0px;
background-color:#1B231F;
line-height: 1em;
border:none;
}

h5 span {font-size: 76%; letter-spacing: 1px; color:#ABABAF; font-weight:500;} /*not used yet*/

p {
	font-size:100%;
	letter-spacing:0px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display:inline;
	font-weight: normal;
}

p span {color:#736486; font-weight: 500; margin: 8px 0px 0px 0px; display:block;}
.grey {color:#9B9A97;}

.selected { /* markup needs to have p inside the anchor tags*/
color: #FBB254;
display:inline;
letter-spacing: 1px;
}