/* Style sheet for www.ska-aavp-eu.org
 * by Henk Vosmeijer, 2009 January 
 * adapted from the existing design by Steve Torchinsky for the skads-eu.org website
 *
 * colours:
 *   #7c80a0 : light purple for header text "Square Kilometre Array..."
 *   #fcdb2a : golden colour of embrace tiles, used for titles
 *   #2A305C : dark purple for background
 *   #AEAECA : light purple for heading level 1
 *   #CC9933 : subdued gold for heading level 2
 *   #339999 : cyanish used in skatelescope.org
 *   #A4D3EE : light sky blue used for heading level 3
 *   #cdcec5 : grey for gridding on greygrid table
 *   #565b81 : background of header buttons
 *   #FF69B4 : hot pink for framing urgent news
 */

body {
 color: #FFFFFF;
 background-color: #2A305C; 
 text-align: justify;
 text-decoration: none;
 padding: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 font-weight: normal;}

p { 
 text-align: justify;
 text-decoration: none;
 padding: 4px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 font-weight: normal;}

a { 
 text-decoration: underline; }
a:visited {
 background-color: #2A305C;
 color: white;}
a:link { 
 background-color: #2A305C;
 color: white;}
a:hover {
 text-decoration: none;
 background-color: white;
 color: #2A305C;}

li {
 text-align: left; 
 padding-bottom: 1ex;}

dl { 
 padding-top: 0px;
 padding-bottom: 0px;}

h1 { 
 color: #AEAECA;
 background-color: #2A305C;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 110%;
 text-decoration: none;
 padding-top: 5px;
 padding-bottom: 0px;}

.h1 { 
 color: #AEAECA;
 background-color: #2A305C;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 110%;
 text-decoration: none;
 padding-top: 5px;
 padding-bottom: 0px;}

a.h1 { 
 color: #AEAECA;
 background-color: #2A305C;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 110%;
 text-decoration: underline;}
a.h1:visited {
 background-color: #2A305C;
 color: #AEAECA;}
a.h1:link { 
 background-color: #2A305C;
 color: #AEAECA;}
a.h1:hover {
 text-decoration: none;
 background-color: #AEAECA;
 color: #2A305C;}

h2 { 
 color: #CC9933;
 background-color: #2A305C;
 font-family: Helvetica, Arial, Verdana, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 105%;
 text-decoration: none;}
.h2 { 
 color: #CC9933;
 background-color: #2A305C;
 font-family: Helvetica, Arial, Verdana, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 105%;
 text-decoration: none;}
a.h2 { 
 color: #2A305C;
 background-color: #CC9933;
 font-family: Helvetica, Arial, Verdana, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 105%;
 text-decoration: underline;}
a.h2:visited {
 background-color: #2A305C;
 color: #CC9933;}
a.h2:link { 
 background-color: #2A305C;
 color: #CC9933;}
a.h2:hover {
 text-decoration: none;
 background-color: #CC9933;
 color: #2A305C;}


h3 {
 color: #A4D3EE;
 background-color: #2A305C;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 100%;
 text-decoration: none;}

table { 
 width: 100%; 
 padding: 0px;}
td {
 vertical-align: top;}

th { 
 text-align: center;
 vertical-align: top;
 padding: 4px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 90%;
 font-weight: bold;
 font-variant: small-caps;
 background-color: #AEAECA;
 color: #2A305C;}

ul {
 text-align: left; }

.bw { 
 color: #000000;
 background-color: #ffffff; }

td.bw { 
 padding-left: 1em;
 padding-right: 1em; }

a.bw { 
 text-decoration: underline; }
a.bw:visited {
 background-color: white;
 color: black;}
a.bw:link { 
 background-color: white;
 color: black;}
a.bw:hover {
 text-decoration: none;
 background-color: black;
 color: white;}

.Title {
 text-align: left;
 font-size: 90%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 text-decoration: none;
 color: #fcdb2a;
 background-color: transparent;}

.Text { 
 text-align: justify;
 background-color: #2A305C;
 padding: 5px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: white;}

.right {
 padding-right: 1em;
 text-align: right; }

.floatright {
 padding-top: 1ex;
 padding-right: 0px;
 padding-left: 1em;
 padding-bottom: 1ex;
 float: right; }

.left {
 text-align: left; }

.floatleft {
 padding-top: 1ex;
 padding-right: 1em;
 padding-left: 0em;
 padding-bottom: 1ex;
 float: left; }

.centre {
 text-align: center; }

.small { 
 font-size: 90%; }

.tiny { 
 font-size: 80%; }

.reverse { 
  color: #2A305C;
  background-color: #FFFFFF;}
a.reverse { 
 text-decoration: none;
 display: block;}
a.reverse:visited {
 background-color: white;
 color: #2A305C;}
a.reverse:link { 
 background-color: white;
 color: #2A305C;}
a.reverse:hover {
 background-color: #2A305C;
 color: white;}

table.Page {
 width: 796px;
 padding: 0px;
 border-width: 0px;
 background-color: #2A305C;}

table.mainText { 
 background-color: #7c80a0;
 color: #2A305C;
 padding: 0px;
 }

td.mainArea { 
 text-align: justify;
 background-color: #2A305C;
 padding: 4px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #FFFFFF;}

table.grid { 
 border-width: 0px;
 padding: 0px;
 background-color: #cdcec5;
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 font-weight: normal;}

td.grid { 
 text-align: left;
 padding: 1px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-color: #FFFFFF;
 color: #000000;}

td.gridright { 
 text-align: right;
 padding: 1px;
 padding-right: 1em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-color: #FFFFFF;
 color: #000000;}

table.greygrid { 
 border-width: 0px;
 padding: 0px;
 background-color: #cdcec5;
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 80%;
 font-weight: normal;
 }

td.orange { 
 text-align: left;
 padding: 1px;
 background-color: #ff9a00;
 color: #000000;}

td.golden {
 text-align: left;
 padding: 1px;
 background-color: #FFCC00;
 color: #000000;}

td.lgreen { 
 text-align: left;
 padding: 1px;
 background-color: #CCFFCC;
 color: #000000;}

td.lblue { 
 text-align: left;
 padding: 1px;
 background-color: #9ACCFF;
 color: #000000;}

td.white { 
 text-align: left;
 padding: 1px;
 background-color: #FFFFFF;
 color: #000000;}

td.linespace { 
 padding: 0px;
 font-size: 60%;
 background-color: #FFFFFF;
 color: #FFFFFF;
 border-color: #FFFFFF; }

table.partner { 
 background-color: #A4D3EE;
 color: #2A305C;
 padding: 0px;
 border-width: 1px; }

td.partner {
 width: 20%; 
 text-align: center;
 padding: 5px;
 font-size: 80%;
 font-weight: normal;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-color: #2A305C;
 color: #FFFFFF;}

table.urgentNews { 
 background-color: #FF69B4;
 color: #2A305C;
 padding: 0px;
 border-width: 1px; }

table.newsItem { 
 background-color: #A4D3EE;
 color: #2A305C;
 padding: 0px;
 border-width: 1px; }

td.newsItem {
 width: 100%; 
 text-align: left;
 padding: 5px;
 font-size: 100%;
 font-weight: normal;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-color: #2A305C;
 color: #FFFFFF;}

td.logo {
 text-align: right;
 vertical-align: top;
 background-color: #2A305C;
 color: white;
 padding: 0px;
 width: 115px;
 border-width: 0px;}

img.link { 
 border-style: solid;
 border-width: 2px;
 border-color: transparent; }
img.link:hover { 
 border-color: #A4D3EE; }

img.logo { 
 padding: 0px;
 width: 174px;
 height: 93px;
 border-style: solid;
 border-width: 2px;
 border-color: #2A305C;}
img.logo:hover { 
 border-color: #A4D3EE; }
img.logoNoHover { 
 padding: 0px;
 width: 174px;
 height: 93px;
 border-style: solid;
 border-width: 2px;
 border-color: #2A305C;}

img.astrothumb { 
 padding-top: 5px;
 padding-right: 0px;
 padding-left: 15px;
 padding-bottom: 5px;
 float: right;
 border-style: none;}

img.thumb { 
 padding-top: 1px;
 padding-right: 1px;
 padding-left: 1px;
 padding-bottom: 1px;
 border-style: solid;
 border-width: 3px;
 border-color: #2A305C;}
img.thumb:hover { 
 border-color: #A4D3EE; }

img.download {
 border-width: 2px;
 border-color: #2A305C;
 float: left;
 padding-left: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-right: 2px;
 width: 19px;
 height: 18px; }
img.download:hover { 
 border-color: #A4D3EE; }

td.download { 
 width: 19px;
 height: 18px;
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 2px;
 padding-bottom: 2px;
 background-color: #2A305C;
 text-decoration: none; 
 }

td.header {
 text-align: left;
 text-indent: 20px;
 vertical-align: bottom;
 font-size: 110%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 color: #7c80a0;
 background-color: transparent;
 height: 54px; 
 background-image: url(/img/logo3.jpg);
 background-position: left center;
 background-repeat: no-repeat;}

a.header { 
 text-decoration: none;
 background-color: transparent;}
a.header:visited {
  color: #7c80a0;
  background-color: transparent;}
a.header:link { 
  color: #7c80a0;
  background-color: transparent;}
a.header:hover {
  background-color: #7c80a0;
  color: #2a305c;}
img.header { 
 padding: 0px;
 width: 403px;
 height: 54px; 
 border-width: 0px;}


td.home {
 text-align: right;
 vertical-align: middle;
 width: 10%;
 font-size: 80%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 color: #7c80a0;
 background-color: transparent;}
td.homeButton { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 text-align: center;
 vertical-align:middle;
 color: white;
 background-color: #565b81;}

a.home { 
  text-decoration: overline underline;
  background-color: transparent;}
a.home:visited {
  color: white;
  background-color: #7c80a0;}
a.home:link { 
  color: white;
  background-color: #7c80a0;}
a.home:hover {
  background-color: white;
  color: black;}

table.menuHidden {
 /*visibility: hidden;*/
 color: #7c80a0;
 background-color: #2A305C;
 padding: 0px;
 width: 177px; }
table.menu {
 color: #7c80a0;
 background-color: #2A305C;
 padding: 0px;
 width: 177px; }
td.menu { 
 font-size: 80%;
 color: #fcdb2a;
 background-color: #2A305C;
 text-align: left;
 vertical-align: middle;
 padding: 3px; }
a.menu { 
 text-decoration: none;
 background-color: #fcdb2a;
 color: #2A305C;}
a.menu:visited {
  color: #fcdb2a;
  background-color: #2A305C;}
a.menu:link { 
  color: #fcdb2a;
  background-color: #2A305C;}
a.menu:hover {
  color: #2A305C;
  background-color: #fcdb2a;}
a.menuHere{ 
  text-decoration: none;
  color: #2A305C;
  background-color: #AEAECA;}
a.menuHere:hover{ 
  text-decoration: none;
  color: #2A305C;
  background-color: #AEAECA;}

table.topmenu { 
 padding: 0px;
 width: 630px;}
a.topmenu { 
 display: block;
 text-decoration: none;
 color: #ffffff;
 background-color: transparent;}
a.topmenu:visited {
  color: #ffffff;
  background-color: transparent;}
a.topmenu:link { 
  color: #ffffff;
  background-color: transparent;}
a.topmenu:hover {
  color: #2A305C;
  background-color: #AEAECA;}

td.leftButton { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 padding: 0px;
 width: 150px;
 height: 24px;
 border-width: 0px;
 background-image: url(/img/bbleft3.jpg);
 background-color: transparent;
 background-position: left center;
 background-repeat: no-repeat;
 vertical-align: middle;
 text-align: center;}

td.leftButtonHere { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 padding: 0px;
 width: 90px;
 height: 24px;
 border-width: 0px;
 color: #2A305C;
 background-image: url(/img/leftButtonHere.jpg);
 background-color: #AEAECA;
 background-position: left center;
 background-repeat: no-repeat;
 vertical-align: middle;
 text-align: center;}

td.leftButtonMCCT { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 padding: 0px;
 width: 105px;
 height: 24px;
 border-width: 0px;
 background-image: url(/img/bbleft3MCCT.jpg);
 background-color: transparent;
 background-position: left center;
 background-repeat: no-repeat;
 vertical-align: middle;
 text-align: center;}

td.leftButtonHereMCCT { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 padding: 0px;
 width: 105px;
 height: 24px;
 border-width: 0px;
 color: #2A305C;
 background-image: url(/img/leftButtonHereMCCT.jpg);
 background-color: #AEAECA;
 background-position: left center;
 background-repeat: no-repeat;
 vertical-align: middle;
 text-align: center;}

td.midButton { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 padding: 0px;
 width: 90px;
 height: 24px;
 border-width: 0px;
 background-image: url(/img/b3.jpg);
 background-color: transparent;
 background-position: center center;
 background-repeat: no-repeat;
 vertical-align: middle;
 text-align: center;}

td.midButtonHere { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 padding: 0px;
 width: 90px;
 height: 24px;
 border-width: 0px;
 color: #2A305C;
 background-image: url(/img/midButtonHere.jpg);
 background-color: #AEAECA;
 background-position: center center;
 background-repeat: no-repeat;
 vertical-align: middle;
 text-align: center;}

td.midButtonMCCT { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 padding: 0px;
 width: 105px;
 height: 24px;
 border-width: 0px;
 background-image: url(/img/b3mcct.jpg);
 background-color: transparent;
 background-position: center center;
 background-repeat: no-repeat;
 vertical-align: middle;
 text-align: center;}

td.midButtonHereMCCT { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 padding: 0px;
 width: 105px;
 height: 24px;
 border-width: 0px;
 color: #2A305C;
 background-image: url(/img/midButtonHereMCCT.jpg);
 background-color: #AEAECA;
 background-position: center center;
 background-repeat: no-repeat;
 vertical-align: middle;
 text-align: center;}

td.rightButton { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 padding: 0px;
 width: 90px;
 height: 24px;
 border-width: 0px;
 background-image: url(/img/bright3.jpg);
 background-color: transparent;
 background-position: right center;
 background-repeat: no-repeat;
 vertical-align: middle;
 text-align: center;}

td.rightButtonHere { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 padding: 0px;
 width: 90px;
 height: 24px;
 border-width: 0px;
 color: #2A305C;
 background-image: url(/img/rightButtonHere.jpg);
 background-color: #AEAECA;
 background-position: right center;
 background-repeat: no-repeat;
 vertical-align: middle;
 text-align: center;}

td.rightButtonMCCT { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 padding: 0px;
 width: 105px;
 height: 24px;
 border-width: 0px;
 background-image: url(/img/bright3MCCT.jpg);
 background-color: transparent;
 background-position: right center;
 background-repeat: no-repeat;
 vertical-align: middle;
 text-align: center;}

td.rightButtonHereMCCT { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 padding: 0px;
 width: 105px;
 height: 24px;
 border-width: 0px;
 color: #2A305C;
 background-image: url(/img/rightButtonHereMCCT.jpg);
 background-color: #AEAECA;
 background-position: right center;
 background-repeat: no-repeat;
 vertical-align: middle;
 text-align: center;}

img.corneranim { 
 padding: 0px;
 width: 173px;
 height: 151px;
 border-style: solid;
 border-width: 2px;
 border-color: #2A305C;}
img.corneranim:hover { 
 border-color: #A4D3EE; }
img.corneranimNoHover { 
 padding: 0px;
 width: 173px;
 height: 151px;
 border-style: solid;
 border-width: 2px;
 border-color: #2A305C;}
td.corneranim { 
 padding: 0px;
 width: 173px;
 height: 151px;
 text-align: left;
 border-width: 0px;
 background-color: #2A305C;}

img.mcctlogo { 
 padding: 0px;
 width: 150px;
 height: 96px;
 border-style: solid;
 border-width: 2px;
 border-color: #2A305C;}
img.mcctlogo:hover { 
 border-color: #A4D3EE; }
img.mcctlogoNoHover { 
 padding: 0px;
 width: 150px;
 height: 96px;
 border-style: solid;
 border-width: 2px;
 border-color: #2A305C;}
td.mcctlogo { 
 padding: 0px;
 width: 150px;
 height: 96px;
 text-align: left;
 border-width: 0px;
 background-color: #2A305C;}

.contactInfo {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  font-weight: normal;
  color: #FFFFFF;}
a.contactInfo {
 text-decoration: underline; }
a:visited {
  color: white;}
a:link { 
  color: white;}
a:hover {
  text-decoration: none;
  background-color: white;
  color: #2A305C;}

a.picture:visited { 
  border-style: solid;
  border-width: 1px;
  padding: 0px;
  color: #2A305C;
  background-color: #2A305C;}

a.picture:link { 
  border-style: solid;
  border-width: 1px;
  padding: 0px;
  color: #2A305C;
  background-color: #2A305C;}

a.picture:hover { 
  border-style: solid;
  border-width: 1px;
  padding: 0px;
  color: #2A305C;
  background-color: #2A305C;}

.top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;}

a.top:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #CC9933;
}



.News {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
        text-align: left;
        text-decoration: none;
	color: #CC9933;
        background-color: #2A305C;}
a.News:visited {
	color: #CC9933;
        background-color: #2A305C;
        text-decoration: underline;}
a.News:link {
	color: #CC9933;
        background-color: #2A305C;
	text-decoration: underline;}
a.News:hover {
	background-color: #CC9933;
        color: #2A305C;
	text-decoration: none;}

td.News {
 text-align: left;
 padding-top: 15px;
 padding-bottom: 15px;
 padding-left: 5px;
 padding-right: 5px;
 font-size: 100%;
 font-weight: normal;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-color: #2A305C;
 color: #FFFFFF;}

td.linklist {
 font-size: 100%;
 background-color: #fcdb2a;
 color: black;
 text-align: left;
 vertical-align: top;
 border-style: solid;
 border-width: 2px;
 border-color: #2A305C;
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 2px;
 padding-bottom: 2px; }
a.linklist { 
 display: block;
 text-decoration: none;
 background-color: #fcdb2a;
 color: black;}
a.linklist:visited {
  background-color: #fcdb2a;
  color: black;}
a.linklist:link { 
  background-color: #fcdb2a;
  color: black;}
a.linklist:hover {
  background-color: black;
  color: #fcdb2a;}



td.nextslide { 
 text-align: right; 
 width: 33%;}
td.prevslide { 
 text-align: left;
 width: 33%; }
td.slideindex { 
 text-align: center;
 width: 33%; }