/* Page top declarations */

.pageTop	{
  border:	0px;
  border-style:	none;
  margin:	0px;
  padding:	0px;
}

/* Main body declarations */


/* Layout: */

body	{
  margin:		0px;
  padding:	0px;
  border:	0px;
}


/* Colour/margins: */

body	{

  /* Have a background colour. */
  background-color:	rgb(255,255,255);

  background-image:	url(../images/01mainback-6.jpg);
  background-repeat:	repeat-y;
  background-attachment:	fixed;

  /* Default to black text for a white background. */
  color:	rgb(0,0,0);

  font-family:	arial, helvetica;

}

body h1	{
  font-family:	arial, helvetica;
}

body h2	{
  font-family:	arial, helvetica;
}

body h3	{
  font-family:	arial, helvetica;
}

body h4	{
  font-family:	arial, helvetica;
}

body h5	{
  font-family:	arial, helvetica;
}

body h6	{
  font-family:	arial, helvetica;
}




/* Main page declarations */

/* Layout: */



/* Colour/margins: */

.pageMain .personList	{
  font-size:	100%;
}

.pageMain .personList .person	{
  font-weight:	700;
  color:	rgb(112,0,192);
}

.pageMain .personList .personJob	{
  font-weight:	700;
  color:	rgb(112,0,192);
}

.pageMain .personList .personJob a:link	{
  text-decoration:	none;
}

.pageMain .personList .personJob a:visited	{
  text-decoration:	none;
}

.pageMain .personList .personJob .jobEmail	{
  font-weight:	normal;
}



/* Notice block declarations */

.pageMain .noticeGroup	{
}

.pageMain .noticeGroup .notice	{
  padding-top:	5px;
  padding-bottom:	5px;
  padding-right:	5px;
  padding-left:	20px;
  margin-bottom:	5px;
  background-color:	rgb(250,244,244);
  font-size:	100%;
  border-top:	1px dotted rgb(128,128,128);
  border-bottom:	1px dotted rgb(128,128,128);
}

.pageMain .noticeGroup .notice h3	{
  background-color:	transparent;
  font-size:	14pt;
  color:	rgb(0,96,0);
  margin-top:	0.3em;
  margin-left:	-10pt;
}

.pageMain .noticeGroup .notice div.datePostfix	{
  text-align:	right;
  font-style:	italic;
}
.pageMain .noticeGroup .notice div.datePostfix span.prefix	{
  font-weight:	bold;
}
.pageMain .noticeGroup .notice div.datePostfix span.date	{
}

.pageMain .noticeGroup .notice .topicIcon	{
  float:	right;
  margin-right:	0.5em;
  margin-top:	0.5em;
}

.pageMain .noticeGroup .notice .followMe	{
  text-align:	right;
  font-style:	italic;
}



/* Main page declarations */

/* Layout: */

.pageMain	{
  border:	0px;
  padding-left:	0.5em;
  padding-top:	0.5em;
  margin-left:	150px;
  width:	480px;
}

.pageMain p.WCNpromo	{
  text-align:	center;
  border:	dotted 1px;
  background-color:	rgb(212,212,212);
  padding: 0.5em;
}


.pageMain .sectionSep	{
  width:	60%;
  height:	1px;
  margin-top:	1em;
  margin-bottom:	1em;
}


.pageMain .pageToc	{
  width:	220px;
}


.pageMain .notice .topicIcon	{
  float:	right;
  margin:	2px;
}


.pageMain .floatingLeft	{
  margin:	2px;
  margin-right:	6px;
  float:	left;
}

.pageMain p.caption	{
  margin:	0px;
  font-style:	italic;
  font-size:	10pt;
}


/* Colour/margins: */

/* Main page section declarations. */

.pageMain	{
  font-size:	80%;
}

.pageMain table td	{
  font-size:	80%;
}

.pageMain h1	{
  display:	none;	/* Don't display h1 except on what doesn't support styles. */

  background-color:	rgb(224,224,224);
  font-size:	24pt;
  font-weight: 500;
  color:	rgb(0,0,0);
  margin-top:	0.5em;
  margin-bottom:	0.5em;
  width:	100%;
}

.pageMain h2	{
  background-color:	rgb(240,240,240);
  font-size:	18pt;
  font-weight: 700;
  color:	rgb(0,0,0);
  margin-top:	0.5em;
  margin-bottom:	0.5em;
}

.pageMain h3	{
  font-size:	16pt;
  font-weight: 700;
  color:	rgb(0,0,128);
  margin-top:	1em;
  margin-bottom:	0.5em;
}

.pageMain h4	{
  font-size:	12pt;
  font-weight: 700;
  color:	rgb(0,96,0);
  margin-top:	1em;
  margin-bottom:	0.5em;
}

.pageMain h5	{
  font-size:	10pt;
  font-style:	italic;
  font-weight: 700;
  color:	rgb(0,0,0);
  margin-top:	1em;
  margin-bottom:	0.5em;
}

.pageMain p	{
  margin-top:	0em;
  margin-bottom:	0.7em;
}

.pageMain a:link	{
  color:	rgb(0,0,255);
}
.pageMain a:visited	{
  color:	rgb(0,0,128);
}
.pageMain a:hover	{
  background:	rgb(255,255,192);
}


.pageMain .boxHighlight	{
  background:	rgb(240,240,240);
  padding:	2px;
  border:	solid 2px rgb(64,64,64);
  margin-bottom:	6px;
  /* Make box display like table, so the border stops
  where any floting elements overlap. */
  display:	table;
}

.pageMain .blockDescription	{
  margin-left:	3em;
  font-style:	italic;
}

.pageMain .blockIndent	{
  margin-left:	1.5em;
}

.pageMain ul .datePrefix	{
  font-weight:	700;
}

.pageMain li	{
  margin-bottom:	3px;
}

.pageMain .sectionSep	{
  width:	60%;
  height:	1px;
}

.pageMain .horizontalPageNav	{
  text-align:	right;
  font-style:	italic;
}

.pageMain .paraImage	{
  float:	right;
  margin:	0.5em;
}

.pageMain .paraImageL	{
  float:	left;
  margin:	0.5em;
}

.pageMain .centerFig	{
  text-align:	center;
  margin-top:	0.5em;
  margin-bottom:	0.5em;
}

.pageMain .center	{
  text-align:	center;
}

.pageMain .right	{
  text-align:	right;
}

.pageMain .pageToc	{
  float:	right;
  background:	rgb(240,240,240);
  padding:	2px;
  border:	solid 2px rgb(64,64,64);
  margin:	4px;
}

.pageMain .pageToc h3	{
  margin-top:	0.5em;
  margin-bottom:	0em;
  margin-left:	0.5em;
}

.pageMain .pageToc ul	{
  margin-top:	0.5em;
}

.pageMain .glosRef	{
  font-size:	90%;
  vertical-align:	super;
}



/* Main page declarations */

.pageMain .eventBox	{
  float:	right;
  font-size:	85%;
  border-left:	rgb(200,200,200) dotted 1px;
  border-right:	rgb(200,200,200) dotted 1px;
  width:	100px;
  padding:	0.5em;
  padding-top:	0px;
  background:rgb(255,255,255);
}

.pageMain .eventBox .generic	{
}

.pageMain .eventBox .generic h2	{
  font-weight:	600;
  background:	none;
  margin-top:	0px;
  font-size:	10pt;
}

.pageMain .eventCalendar	{
}

.pageMain .eventCalendar h2	{
  font-weight:	600;
  background:	none;
  margin-top:	0px;
}
.pageMain .eventBox .eventCalendar h2	{
  font-size:	10pt;
}

.pageMain .eventCalendar h3	{
  background:	none;
}
.pageMain .eventBox .eventCalendar h3	{
  font-size:	9pt;
}

.pageMain .eventCalendar ul	{
  list-style:	inside;
  padding:	2px;
  margin-left:2px;
}

.pageMain .eventCalendar li	{
  border:	2px;
}

.pageMain .eventCalendar .catDivider	{
  padding-top:	2px;
  padding-bottom:	2px;
  background:	rgb(128,128,128);
  color:	rgb(255,255,255);
}

.pageMain .eventCalendar li.topicObserving	{
  list-style-image:	url(../images/pages/frontpage/eventboxicons/observing.gif);
}
.pageMain .eventCalendar li.topicObservingRemote	{
  list-style-image:	url(../images/pages/frontpage/eventboxicons/observing-nonwas.gif);
}
.pageMain .eventCalendar li.topicMeeting	{
  list-style-image:	url(../images/pages/frontpage/eventboxicons/meetings.gif);
}
.pageMain .eventCalendar li.topicHoliday	{
  font-size:	85%;
  color:	rgb(0,64,0);
}
.pageMain .eventCalendar li.topicImportant	{
  font-style:	italic;
  font-weight:	bold;
  color:	rgb(64,0,0);
}

.pageMain .eventCalendar hr	{
  border-top:	1px solid;
  border-left:	none;
  border-right:	none;
  border-bottom:	none;
  width:	80%;
}



/* Netscape 4 fallback stylesheet */
/* This stylesheet should include bare essentials to make the site usable with NS4. */
/* Make sure things in here don't have a serious effect on other browsers. */


/* Move side menu to float on left. */

.pageLeftMenu	{
  float:left;
  margin-bottom:	1em;
}


/* Left menu declarations */

/* Layout: */

.pageLeftMenu	{
  float:	left;
  width:	135px;
  margin-left:	5px;
  margin-right:	15px;
  margin-bottom:	1em;
}

.pageLeftMenu .menuTop	{
  margin:	0px;
  border:	0px;
}

.pageLeftMenu .menuBot	{
  margin:	0px;
  border:	0px;
  padding:	55px 0px 0px 0px;
  background:	url(../images/01LeftPanelBot.gif);
}

.pageLeftMenu .menuContent	{
  margin:	0px;
  border:	0px;
  padding-top:	1px;
  padding-bottom:	5px;
}

.pageLeftMenu .menuContent .menuItem	{
  margin-left:	0.5em;
  margin-right:	0.5em;
}


/* Colour/margins: */

.pageLeftMenu	{
  background-color:	transparent;
}

.pageLeftMenu .menuContent	{
  background-color:	black;
  color:	rgb(255,255,255);
  border-left:	2px solid rgb(255,255,0);
  border-right:	2px solid rgb(255,255,0);
}

.pageLeftMenu .menuContent .menuItem	{
  font-size:	12pt;
  font-weight:	600;
  background-color:	rgb(32,32,32);
  margin-top:	0.5em;
  padding-top:	2px;
  border-top:	solid 1px rgb(0,0,128);
  border-bottom:	solid 1px rgb(0,0,128);
}

.pageLeftMenu .menuContent .menuItem .menuItem	{
  font-size:	90%;
  margin-top:	0em;
  margin-bottom:	2px;
  border-top:	none;
  border-bottom:	none;
}

.pageLeftMenu .menuContent .menuItem .menuItem .menuItem	{
  font-size:	100%;	/* Stop the font shrinking at this level. */
}

.pageLeftMenu .menuContent .menuItem a:link	{
  text-decoration:	none;
  color:	rgb(255,255,0);
}

.pageLeftMenu .menuContent .menuItem a:hover	{
  background-color:	rgb(0,0,255);
}

.pageLeftMenu .menuContent .menuItem a:visited:hover	{
  //background-color:	rgb(0,0,255);
}

.pageLeftMenu .menuContent .menuItem a:visited	{
  text-decoration:	none;
  color:	rgb(255,192,0);
}