.fuscia { color: #FF66CC; }
.teal { color: #0080C0; }
.kudos {   }
.fullkudos {  }
.footer1 {display: none;}
.footer2 {display: none;}
.content{}
html{}
body{}
@page :left {
  @bottom-left {
    content: counter(page);
  }
}

.fancytitle {font-family:Palatino, 'Palatino Linotype', 'Zapf Calligraphic', 'Book Antiqua', 'URW Palladio L', serif; }




.headerbackground{}
.blackheader{display:none;}
.eq {display: block; font-size: 12pt !important; text-align: center; font-weight: bold;font-family: SansSerif, Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif; border: 2px solid #0080c0; color: #66ccff; background-color: #258; padding: 5pt; margin-top: 1em; margin-right: 0; margin-left: 0; list-style-image: url(fll.gif);}
.eq #larger {font-size: 150%}
.eq a:link,.eq a:visited, .eq a:active,.eqsm a:link,.eqsm a:visited, .eqsm a:active {color: #66ccff; text-decoration: none}
.subtitle {}
img.middle { vertical-align:-35%; }
.sup {position:relative; top:-4px;}
.sub {position:relative; top:4px;}
.eqsm {display: block; font-size: 10pt !important; text-align: center; font-weight: normal;font-family: SansSerif, Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif; border: 2px solid #0080c0; color: #66ccff; background-color: #258; padding: 1em; margin-top: 1em; margin-right: 0; margin-left: 0; list-style-image: url(fll.gif);}
.symbols {font-family: SansSerif, Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif; }
.widelines{line-height: 200%}
#sm{font-size: smaller}
#bgr{font-size: bigger}
#smi{font-size: smaller; font-style: italic}
.note{border-width: 4px; border-style: double; border-color: #6633CC; display: block; font-size: smaller; text-align: right;}
.centre{text-align: center}
p.note:before {content: 'Note: '; font-style: italic; }
#centre {text-align: center; display: block}
.connect{top: 0%;margin-left: 5%;margin-top: 80px;width: 90%;z-index:7;height: auto;border-color: #E7EFE7;border-width: 3px;border-style: solid; min-width: 200px;}
.connect p.p1:first-line{letter-spacing: .1cm}
.connect p.p1:first-letter{font-size: 200%}
.connect p {padding-left: 2em; padding-right:2em;padding-top: 1em; padding-bottom: 1em;}
td p.p1:first-line{letter-spacing: .1cm}
td p.p1:first-letter{font-size: 200%}
td p {padding-left: 2em; padding-right:2em;padding-top: 1em; padding-bottom: 1em;}




.explore p.p1:first-line{letter-spacing: .1cm}
.explore p.p1:first-letter{font-size: 200%}


.experience p.p1:first-line{letter-spacing: .1cm}
.experience p.p1:first-letter{font-size: 200%}
.experience p, .explore p {padding: 2em;}
.explore p:first-line {font-size:180%; display: block; color: white;}
.explore p, .explore p2 {font-size: 120%;}
.explore p.pnormal:first-letter{color: #66ccff; font-size: 16pt;}
.explore p.pnormal, .explore p.pnormal:first-line {font-size: 12pt; color: #66ccff;}

p.author{text-align: right; font-size: smaller;}
p.author:before{content: "Author: "; }
.sborder{border-width: 1pt;border-style: solid;border-color: #6633CC;}

.verbatimleft, .verbatimright {font-weight: bold; height: auto}
.verbatim li{font-size: 8pt}
.verbatimleft{position: relative; top: 0%;margin-left: 3%;width: 47%;z-index:7;height: 220px; float: left; }
.verbatimright{position: relative; top: 0%;margin-left: 50%;width: 47%;z-index:7;height: 220px;  }
.verbatim ul, .verbatimright ul,.verbatimleft ul {display: inline;  list-style-type: disc; }
.verbatim {background-image: url(kids.png); background-repeat: repeat-x; background-position: bottom; }
.scheduleleft{position: relative; top: 0%;margin-left: 0%;width: 45%;z-index:7;height: auto; float: left; color: green; }
.schedule li{font-size: 10pt}
.scheduleright{position: relative; top: 0%;margin-left: 55%;width: 42%;z-index:7;height: auto;color: orange; text-align: right; }
.scheduleright h3 a, .scheduleright h3{color: orange; padding: 2pt;text-decoration: none}
.scheduleleft h3 a, .scheduleleft h3{color: green; padding: 2pt; text-decoration: none}
.rightcolumn{position: relative; top: 0%;margin-left: 53%;width: 49%;z-index:7;height: auto;color: orange; text-align: center; }
.supportersright a:link,.supportersright a:hover,.supportersright a:visited, .supportersright a:active {text-decoration: none}
.supportersleft a:link,.supportersleft a:hover,.supportersleft a:visited, .supportersleft a:active {text-decoration: none}
img.majorsupporterkudos a:link{border: none}

.supportersleft,.supportersright{font-family: Verdana; position: relative; top: 0%;}
.supportersleft {margin-left: 3%;width: 41%;z-index:7; float: left; height: 900px;}
.supportersright {margin-left: 47%;width: 40%;z-index:7; font-family: verdana;}
.supportersright li{font-size: 110%}

.majorsupporterkudos { }
.majorsupporterkudos a:link, .majorsupporterkudos a:active, .majorsupporterkudos a:visited {text-decoration: none}
.minorsupporterkudos {font-size: 90%;}
.tertiarysupport {font-size: 80%; }
div.menu{display: none:}

div.sidetext, div#sidetext{position: absolute;top: 0px;left:0px;width: 140px;text-align: right;}

.sidestuff{display: none }

div.rightsidestuff, div#rightsidestuff{position: absolute;top: 0px;right:5%;width: 140px;height: auto;z-index:1;font-family: SansSerif, Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 10pt; text-align:right;  }

div.midstuff, div#midstuff{position: absolute;top: 0px; right: 45%; width: 140px;height: auto;z-index:1;font-family: SansSerif, Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 10pt; text-align:right;  }
img {border: none;}

.noborder, .noborder a:, .noborder a:link, .noborder a:visited, .noborder a:active{border: none;}
.menu {display: none}
#menu2 {display: none}
body>div.map div.menu div#menu2, body>div.map, body>div.menu, body>#menu2, body>div.menu #menu2, .menu #menu2{ position: fixed;  }

body>div.sidetext div#sidetext, body>div.sidetext, body>div.sidetext #sidetext, .sidetext,.sidetext#sidetext{ position: fixed;  }

body>div.rightsidestuff div#rightsidestuff, body>div.rightsidestuff, body>div.rightsidestuff #rightsidestuff, .rightsidestuff,.rightsidestuff#rightsidestuff{ position: fixed;  }
body>div.midstuff div#midstuff, body>div.midstuff, body>div.midstuff #midstuff,midstuff,.midstuff#midstuff{ position: fixed;  }

.kudos, .fullkudos{page-break-before: always}
img.noborder {border: none}
.midstuff, .rightsidestuff {border: none}

a {text-decoration: none}



.Objective {display: none}
.ispink {color:#ff66ff;}
#left {text-align: left;}
#right {text-align: right;}
#center {text-align: center;}
#title {color: #66ccff;font-weight: bold; text-transform: uppercase; text-align: center; display: block}
#noteblock { margin: 1em; color: #6633CC;font-weight: bold; text-align: center; width: 75%; display: block}

#navbar {display: none}

#navbar ul{display: none}
div#smallbar{display: none;}

body>div.smallbar div.smallbar div#small, body>div#smallbar, body>div#smallbar, body>#smallbarmenu2, body>div#smallbar #smallbar, .smallbar #smallbar{ display: none}





body>div.sidestuff div.sidestuff div#small, body>div#sidestuff, body>div#sidestuff, body>#sidestuffmenu2, body>div#sidestuff #sidestuff, .sidestuff #sidestuff{ position: fixed;  }
body>div.blackheader div.blackheader, body>div#blackheader, body>div#blackheader, body>#blackheader, body>div#blackheader #blackheader, .blackheader #blackheader, blackheader, .blackheader{ position: fixed;  }





.signoff{display: none;}
.hidden {display: none;}
.partytitle {

		display: none;

		}
/**Images will display to the right, on top of each other if in sequence.*/
img.fcr { float: right; clear: right; margin: 4px; } 
img.fcl { float: left; clear: left; margin: 4px; } 
img.fcrb { float: right; clear: right; margin: 4px; border: thin #6633CC solid } 
img.fclb { float: left; clear: left; margin: 4px; border: thin #6633CC solid}
img.fctb {  margin: 4px; border: thin #6633CC solid } 
img.fcbb { margin: 4px; border: thin #6633CC solid}

#colourtree b{ color: #6633CC;}
/**Images float left or right nicely*/
img.l { float: left; margin: 4px; }
img.r { float: right; margin: 4px; } 
.colourtree img.l { float: left; margin: 8px; padding: 8px;}
.colourtree img.r { float: right; margin: 8px; padding: 8px; } 

p.rightblock{text-align: right; font-style: italic; margin-left: 40%;}
p.wtrtblock{color: white; text-align: right; font-style: italic; margin-left: 40%;}
#ov {text-decoration: none; font-size: 50%; position: relative; top: auto; left: 1em; bottom: 1.5em;}
#und {text-decoration: none; font-size: 50%; position: relative; top: 1em; left: -2em; bottom: auto;}
#und {margin-right: -1em}
#und a:link, #und a:hover, #und a:visited,#und a:active  {text-decoration: none}
#ov a:link, #ov a:hover, #ov a:visited, #ov a:active {text-decoration: none}
#nodeco a:link, #nodeco a:visited, #nodeco a:active #nodeco a:hover{text-decoration: none}
a:link #nodeco ,a:hover #nodeco, a:visited #nodeco , a:active #nodeco  {text-decoration: none}

#avg {text-decoration: overline}
.smfigure {
  float: right;
  width: 16%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
	display: table-cell;
}
.afig {
clear: left;
  float: left;  
  margin: 0.5em;
  padding: 0.5em;
	display: table-cell;
}
.rfig {
  float: right;  
  margin: 0.5em;
  padding: 0.5em;
	display: table-cell;
}
.fig {
clear: left;
  float: left;  
  margin: 0.5em;
  padding: 0.5em;
	display: table-cell;
}
.noborderfig {
clear: left;
  float: left;  
  margin: 0.5em;
  padding: 0.5em;
	display: table-cell;
border: none
}

.smfigure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

.skinnypic {
  float: right;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
 display: table-cell;
}
.skinnypicl {
  float: left;
  clear: left;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
	display: table-cell;
z-index: 9999;
}
.figure {
  float: right;
  width: 25%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
	display: table-cell;
}
.figure50 {
  float: right;
  width: 40%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
	display: table-cell;
}
.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
.figurel {
  float: left;
  width: 25%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
	display: table-cell;
}
.figurel p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
.whitebigfigure {float: right; width: 100%; border: thin silver solid; margin: 0.5em; padding: 0.5em; display: table-cell;background: white}

#bw {color: white; background: black}
#bp{color: #6633CC; background: #66ccff;}
.caption {display: table-caption;
}
#scale50{width:50%}
.bigfigure {float: right; 
width: 100%; border: thin silver solid; margin: 0.5em; padding: 0.5em; display: table-cell;}
.caption {display: table-caption;}

#image {
position: absolute;
width : 507px;
height: 414px;
background: url(program.png) top left no-repeat;
}

#nonstopimg {
position: absolute;
width : 100px;
height: 100px;
left: 220px;
top: 80px;
}

#comm {
position: absolute;
width : 100px;
height: 100px;
left: 120px;
top: 180px;
}

#comm:hover {
width : 125px;
height: 125px;
left: 70px;
top: 160px;
background: url(smmug.png) top left no-repeat ;
z-index: 100;
}

#partyimg {
position: absolute;
width : 100px;
height: 99px;
left: 120px;
top: 70px;
}

#partyimg:hover {
width : 100px;
height: 99px;
left: 120px;
top: 70px;
background: url(smkey.png) top left no-repeat ;
z-index: 100;
}


#prepartyimg {
position: absolute;
width : 100px;
height: 99px;
left: 100px;
top: 0px;
}

#prepartyimg:hover {
width : 100px;
height: 99px;
left: 100px;
top: 0px;
background: url(smpreparty.png) top left no-repeat ;
z-index: 100;
}


#postimg {
position: absolute;
width : 100px;
height: 100px;
left: 90px;
top: 80px;
}

#postimg:hover {
width : 100px;
height: 100px;
left: 50px;
top: 120px;
background: url(smallpost.png) top left no-repeat ;
z-index: 100;
}



#nonstopimg:hover {
width : 100px;
height: 100px;
left: 220px;
top: 80px;
border: 1px dotted white;
background: url(smallnonstop.png) top left no-repeat;
border: none;
z-index: 100;
}


#outreachmap:hover {
width : 100px;
height: 100px;
left: 170px;
top: 220px;
background: url(smethanol.png) top left no-repeat ;

z-index: 100;
}
#outreachmap {
position: absolute;
width : 100px;
height: 100px;
left: 170px;
top: 210px;
}


#partners:hover {
width : 100px;
height: 100px;
left: 270px;
top: 180px;
background: url(smpartners.png) top left no-repeat ;

z-index: 100;
}
#partners {
position: absolute;
width : 100px;
height: 100px;
left: 300px;
top: 180px;
}

#ipbumap:hover {
width : 100px;
height: 100px;
left: 0px;
top: 280px;
background: url(smipbu.png) top left no-repeat ;

z-index: 100;
}
#ipbumap {
position: absolute;
width : 100px;
height: 100px;
left: 0px;
top: 280px;
}