.fuscia { color: #FF66CC; }
.teal { color: #0080C0; }
.prapleenclosed {  border-color: #6633CC; border-style: groove; border-width: 2pt; padding: .01em; }
.esso {  border-color: #6633CC; width: 50%; text-align: center; border-style: groove; border-width: 2pt; padding: .01em; }
.kudos {  background-color: #6633cc;border-color: #6633CC; width: 50%; text-align: center; border-style: groove; border-width: 2pt; padding: .01em; }
 .title1 {font : 24px tahoma, helvetica, arial; text-align : left;color: #66ccff;
  background : black;	  }
.chartbackground {background-color: purple}
.fullkudos {  background-color: #6633cc;border-color: #6633CC; width: 98%; text-align: right; border-style: groove; border-width: 2pt; padding: .01em; }
 .title1 {font : 24px tahoma, helvetica, arial; text-align : left;color: #66ccff;
  background : black;	  }
  .title2 { font : 12px tahoma, helvetica, arial;  font-weight : bold;
  padding : 6px;
  text-align : left;}

.tallhr {height: 24px; color: #FF66CC;}
.tophr {height: 60px; color: #FF66CC;}


.fancytitle {font-family:Palatino, 'Palatino Linotype', 'Zapf Calligraphic', 'Book Antiqua', 'URW Palladio L', serif; font-size: large; font-weight: bold;align: center; text-align: center}
.fancysubtitle {font-family:Palatino, 'Palatino Linotype', 'Zapf Calligraphic', 'Book Antiqua', 'URW Palladio L', serif ;font-size: small; font-weight: normal; align: center; text-align: center;}
.fancytext {font-family:Palatino, 'Palatino Linotype', 'Zapf Calligraphic', 'Book Antiqua', 'URW Palladio L', serif ; font-weight: normal; font-style: italic; font-size: small; align: center; text-align: left;}

//columns that flow
.flowcolumn         {width: 100%;  margin: 1em 0; padding: 0; counter-reset: ol;}
.flowcolumn      li {float: left;  margin: 0;     padding: 0; list-style-type: none;
              width: 18em;  margin-left: 2.5%;}
.flowcolumnl.two  li {width: 47.5%; margin-left: 2.5%;}
.flowcolumn.four li {width: 22.5%; margin-left: 2.5%;}

/*debug*/ 
//ul.flowcolumn.bull {outline: blue dashed thin; background: teal;}
ul.flowcolumn.bull li {outline: red  dotted thin; background: teal;}
ul.flowcolumn.supporters li{ background: teal;}
//end columns that flow
ul.flowcolumn.bull,ul.flowcolumn.supporters li a:hover
{
background-color: #369;
color: #fff;
}
#flowing ul {list-style-type: none; list-style-image: none;}
#flowing li {background-color: #259;	float: left;display: inline; margin: 3pt 3pt 3pt 3pt; display: block;}
#flowing li a {color: #66ccff;	padding: 3px;border: 1px solid #259; text-decoration: none;float: left;}
#flowing li a:hover {color: #fff;background: #0080C0; border: 1px solid #66CCFF;}
#flowing li.nolink {color: #CCC; border: 1px solid #F3F3F3;padding: 3px;}
#flowing li.current {color: #FFF;background: #6633CC;}

.prapledouble {  float: left; border-color: #6633CC; border-style: double; border-width: 1pt; width:40px;}
.praplefilled { padding:1em; margin-bottom: 6px; float: left; border-color: #6633CC; border-style: solid; background-color: #6633cc; border-width: 1pt; width:40px;}
.filled { padding:1em; margin-bottom: 6px; float: right; background-color: #eeeee5; border: dotted 1pt #66ccff; width:40px; margin-right: 2em}
.filledb { padding:2em; float: left; display: block; border-color: #6633CC; border-style: solid; background-color: #eeeee5; border-width: 0pt; width:40%; margin: 1em; top: 0}
.filledbi { font-style: italic; font-size: 70%;padding:2em; float: right; display: block; border-color: #6633CC; border-style: solid; background-color: #eeeee5; border-width: 0pt; width:40%; margin: 1em; top: 0}
.filledbr { padding:2em; float: right; display: block; border-color: #6633CC; border-style: solid; background-color: #eeeee5; border-width: 0pt; width:40%; margin: 1em; top: 0}

.bx{width:50%;text-align:center;font-family: SansSerif, Lucida, Verdana, Geneva, Arial, Helvetica,  sans-serif;margin-left:25%;font-variant: small-caps;border:solid thin green; color:#eeeee5;background: #0080C0;  a:link: #eeeeee5;font-weight: bold;}
.bx a:link,.bx a:visited, .bx a:active, .bx a:hover {color: #eeeee5; text-decoration: none}
.partybar {width : 240px; padding : 0px; text-align : left;}
a.domain {font : 24px tahoma, helvetica, arial; text-decoration : none;color : #ffffff;}	
a.domain domain a {font : 24px tahoma, helvetica, arial; text-decoration : none;color : #ffffff;}
 .partybar {background : #dddfee; border-top : 1px solid #eef8fd;  border-bottom : 1px solid #c0cfe2; border-right : 1px solid #c0cfe2; color : #000000; }
td.partymenu {padding : 7px; font : 12px tahoma, helvetica, arial, tahoma; font-weight : bold; text-align : left;}


#partysidediv {position : relative; font : 12px tahoma, helvetica, arial, tahoma; z-index : 100;}
#partysidediv a {display : block; padding : 5px; text-decoration : none; font : 12px tahoma, helvetica, arial, tahoma; font-weight : bold;color: black }
#directory #partysidediv, #partysidediv #directory {text-transform: uppercase}
#partysidediv td {text-align: right}

#directory #partysidediv td {text-align: left}

td #linkhome{text-transform: uppercase; text-align: left; background : #6633cc}

.pinkish {color: #ffccff;}
.praple { color: #6633CC;}
.brightblue {color: #66ccff;}
.dis{display:none;}
.sho{display: block;}
/*Options for the glossary
/*It has terms on the left and definitions below and to the right.
/*Terms are boxed in purple and smaller type because there are several for each grouped definition.
/*The definitions have their own indentation block.
/*
*/
.footer1 {background : #d8dfee;color : #000000;}
.footer2 {background : black; color : #ffffff; }
.footer1 {  padding : 0;spacing: 0;text-align : left;font : 12px tahoma, helvetica, arial;}
.footer2 {  padding : 3px;  text-align : center;   } 
.title2 { background : #d8dfee;	color : #000000;}


.drop
{
 float: left;
 font-family: Old English, Georgia,serif;
 font-size: 300%;
 line-height: 0.85em;
 margin-right: 0.03em;
 margin-bottom:-0.25em;
}



		
#at {font-size: 70%; font-style: italic}
.table {display: table}
.row {display: table-row}
.column {display: table-column}
.isred{color: red; border-style: double; border-color:#6633CC; font-weight: bold; padding: 2em;}
b b{color: red}

.dlfloat { border: 3px solid #6633cc; padding: 0.5em; margin-left: 10%; margin-right: 10%; padding-left: 2.5em; }
.dtfloat { float: left; clear: left; width: 14%; text-align: right; font-weight: normal;  font-size: 10pt;  color: #6633cc; padding:3pt;}
.dtfloat:after { content: " "}
.ddfloat { margin: 0 0 0 112px; padding: 5pt; font-style: italic;}
.ddfloat:before{content: "-";  }
.dtfloat a:hover{background: #258; color:#9cf;}
.dlfloat {list-style-position: inside}/*end of options for the glossary*/
.ddfloat:last-child {border-bottom: 50em;}		
.col{color: #529ed1;}
.tip{font-style: italic; color: #6633CC; border: thin solid #6633CC; display: block}

ol ol {list-style-type: lower-roman;}
ol ol ol {list-style-type: lower-alpha}

.glossary{position: absolute;margin: 0px 0px 0px 0%;width:100%;height:auto;z-index:41;}
ul.c,ol.c {list-style-type: none;}
 a.footlink, a.footlink:link, a.footlink:hover, a.footlink:active, a.footlink:visited {color : #d8dfee;}
  
.content{position: absolute;margin: 130px 0px 0px 0%;width:100%;height:auto;z-index:8;background: black;}
.shortcontent{position: absolute;margin: 500px 0px 0px 0px;width:100%;height:auto;z-index:941; }
.clearcontent{position: absolute;margin: 130px 0px 0px 0%;width:100%;height:auto;z-index:41;border: none}

html{margin-right:0%}
body{font-family: Verdana, Calibri, Arial, Helvetica, sans-serif;font-size:11px;background-color: #006699;margin-left: 0%; color: #66ccff;}
.connect h3, .experience h2, .experience h2, .practical {color: #66ccff; border-width: 1pt; border-style: solid; 
border-color: #0080C0;}
h1, h2, h3{font-variant: small-caps; color:#085891;}
#results h3{font-variant: normal}
.connect h2 {margin-left:5%; margin-top: 2%;font-size:180%}

/**This is the top level container
*/
.headerbackground{margin:0px 0px 0px 20%;padding:0px;height: auto;z-index: 9;position: absolute;width: 67%;background-color: black;  background-position: top left}
.blackheader{margin:-20px 0px 0px 0px;padding:0px;height: 140px;position: absolute;z-index: 9;width: 67%;background-image: url(b.jpg);  background-repeat: repeat-x; background-color: black;}


.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 { vertical-align:top; background : #d8dfee; }
.eq a:hover, .eqsm a:hover{color: #258; text-decoration: none; background-color: #66ccff;}
 img.middle { vertical-align:-35%; }
.sup {position:relative; top:-4px;}
.sub {position:relative; top:4px;}
.slink a:hover, .slink a:link, .slink a:active, .slink a:visited{text-decoration: none}

.eq a:hover, .eqsm a:hover{color: #258; text-decoration: none; background-color: #66ccff;}

.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; }
#dkbg:hover { background-color : #66ccff; }
.widelines{line-height: 200%}
#sm{font-size: smaller}
#bgr{font-size: bigger}

#smi{font-size: smaller; font-style: italic}
#smiblock{font-size: smaller; font-style: italic; display:block; border-width: 2px; border-color: #e7e7e7; border-style: solid; background-color: #eeeee5; padding: 1em; z-index: -3}

#bgr{font-size: 200%}
#mid {vertical-align: bottom;}
p.next, ol.next{ font-size: 8pt; font-family: SansSerif, Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: right; margin-right:0%;}
p.next:before{content: 'See: '; display: block;}
ol.next{border-left: #6633CC 3px double; font-size: 8pt; font-family: SansSerif, Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: right; margin-right:0%; margin-left: 25%; padding: 2em;}

/**a:hover { background: #258; color:#9cf;}*/
a:active { color: #6633cc; }
a:visited, a:link { color: #1595EA; }

/**.Objective a:hover, .Objective a:visited, .Objective a:link, .Objective a:active{text-decoration: none; color: #66ccff;font-size:120%;}*//

#nodeco{text-decoration: none;  border: none}
#nodeco a:hover, #nodeco a:visited, #nodeco a:link, #nodeco a:active {text-decoration: none}

.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;}

/**.connect p.fancyfirst:first-line{letter-spacing: .1cm}*/
/**.connect p.fancyfirst:first-letter{font-size: 800%}*/

.expexp{top: 0%;margin-left: 5%;margin-top: 80px;width: 90%;z-index:7;height: auto;border-color: #E7EFE7;border-width: 2px;border-style: solid;}


.explore{position: relative; top: 0%;margin-left: 0%;width: 38%;z-index:7;height: auto;border-color: #E7EFE7;border-width: 1px;border-style: solid; float:left; background-image: url(mengleft.gif);background-position: top right;background-repeat: no-repeat; min-height: 149px; min-width:144px; }

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

.experience{position: relative; top: 0%;margin-left: 40%;z-index:8;height: auto;border-color: #E7EFE7;border-width: 1px;border-style: solid;background-image: url(mengrt.gif);background-position: bottom left;background-repeat: no-repeat; min-height: 149px; min-width:144px;color: #66ccff;}
/**.experience p:first-line{letter-spacing: .1cm}*/
/**.experience p.p1:first-letter{font-size: 200%}*/

.experience p, .explore p {padding: 2em;}

.explore p, .explore p2, .experience p { background-image: url(sw.png); }
.explore p:first-line {font-size:180%; display: block; color: white;}
.explore p, .explore p2 {color: white; 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 {  color: white; font-weight: bold; background-image: url(sw2.png);background-position: center bottom;background-repeat: repeat-x; 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; }

.schedule { background-image: url(shore.png);background-position: center bottom;background-repeat: no-repeat; padding: 2em;}
.scheduleleft{position: relative; top: 0%;margin-left: 0%;width: 48%;z-index:7;height: auto; float:left; color: green;  }
.scheduleright{position: relative; top: 0%;margin-left: 50%;z-index:7;height: auto;color: orange; }
.scheduleleft, .scheduleright{border-color: #E7EFE7;border-width: 0px;border-style: solid; }

.schedule li{font-size: 10pt}


.scheduleright h3 a, .scheduleright h3{color: orange; padding: 2pt;text-decoration: none; border: none;}
.scheduleleft h3 a, .scheduleleft h3{color: green; padding: 2pt; text-decoration: none; border: 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{color: white; font-family: Verdana; position: relative; top: 0%;}
.supportersleft {margin-left: 3%;width: 41%;z-index:7; float: left; height: 700px;}
.supportersright {margin-left: 50%;width: 30%;z-index:7; font-family: verdana;height: 700px;}
.supportersright li{font-size: 110%}

.majorsupporterkudos { background-color: #6633cc; border-color: #6633CC; text-align: center; border-style: groove; border-width: 3pt;font-size: 120%; padding: .8em; }
.majorsupporterkudos a:link, .majorsupporterkudos a:active, .majorsupporterkudos a:visited {text-decoration: none}

.minorsupporterkudos {font-size: 110%; border-color: #6633CC; text-align: center; border-style: groove; border-width: 3pt; padding: .8em; }

.tertiarysupport {padding: .3em; background-color: #5533cc; }

div.menu{top: 0;position: absolute;margin:0px 0px 0px 0px;width: 120px;height: auto;z-index:1;font-family: SansSerif, Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 8pt; text-align:right; }

div.menu{top: 0;position: absolute;margin:0px 0px 0px 0px;width: 120px;height: auto;z-index:1;font-family: SansSerif, Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 8pt; text-align:right; }



div.sidetext, div#sidetext{position: absolute;top: 0px;left:0px;width: 140px;height: auto;z-index:1;font-family: SansSerif, Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 10pt; text-align:right;border-color: #66ccff;border-width: 2px;border-style: groove;color: white; }

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

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.leftsidestuff {position: absolute;top: 0px;left:-670%;width: 190px;height: auto;z-index:8;font-family: SansSerif, Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 8pt;  text-align:right;}


div.leftsidestuff ul {list-style-type: none; list-style-image: none;}
//div.leftsidestuff li {background-color: #259;	display: inline; margin: 1pt 1pt 1pt //1pt; display: block;}
div.leftsidestuff li a {color: #66ccff;	padding: 1px;border: 1px solid #259; text-decoration: none; font-size: 6pt;}
div.leftsidestuff li a:hover {color: #fff;background: #0080C0; border: 1px solid #66CCFF;}
div.leftsidestuff li.nolink {color: #CCC; border: 1px solid #F3F3F3;padding: 1px;}
div.leftsidestuff li.current {color: #FFF;background: #6633CC;}



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;  }

.noborder, .noborder a:, .noborder a:link, .noborder a:visited, .noborder a:active{border: none;}


div.menu a:link, div.menu a:visited, div.menu:active, div.menu li, div.menu ul {color:#66CCFF;}
div.menu ul, #menu2 ul{display: inline; list-style-image: none; list-style-type: none; text-transform: uppercase}	
.menu #menu2{width: 120px;}
#menu2 li ul {display: inline; font-size: 8pt; text-transform: none}
#menu2 li:hover>ul{display: inline;}
#menu2 ul > li:last-child {border-bottom: 0;}					
#menu2 li:hover, #menu2 li>a:hover {color: #66ccff;}
#menu2 li:visited, #menu2 li:active, #menu2 li>a:link {color: #66ccff;}
#lselect h3, #references h3{height: 43px; width: 120px; padding: 0;}
#theory h3, #tutorials h3{width: 120px; padding: 0;}
/**#theory h3 span, #references h3 span, #tutorials h3 span, #lselect h3 span {display: none;}*/

#lselect h3 {background: transparent url(logo.jpg) no-repeat;}
#references h3 {background: transparent url(logo.jpg) no-repeat;}
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.sidestuff div#sidestuff, body>div.sidestuff, body>div.sidestuff #sidestuff, .sidestuff,.sidestuff#sidestuff{ 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;  }

.sidestuff a:link, div.sidestuff a:visited, div.sidestuff a:active {border: none}
img.noborder {border: none}
.sidestuff, .midstuff, .rightsidestuff {border: none}




.Objective{font-family: "lucida console", SansSerif, Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif;}
.Objective p{font-size:120%;color: #66ccff; height: auto; margin-left:30%;padding: 4px; font-style: italic; font-weight: bold;}
.Objective p:first-letter{font-size:250%; margin-left:-.5em;}



#atvdiscussion .objective, #atvopinion .objective {z-index: 0;}
#atvdiscussion .blackheader, #atvopinion .blackheader {z-index: 0;}
#atvopinion .blackheader #navbar {z-index: 999999999;}
.objective {z-index: 0;}
.blackheader {z-index: 0;}


.parentsparty .objective, .parentsparty .objective {z-index: 0;}
.parentsparty .blackheader, .parentsparty .blackheader {z-index: 0;}
.parentsparty .blackheader #navbar {z-index: 999999999;}



.ispink {color:#ff66ff;}
.ijscreenshot{padding-bottom:30px;padding-right: 10px;padding-left: 10px;position: absolute;height: 30%;width: 90%;z-index:8;top: 40%;background-image: url(ij.gif);background-repeat: no-repeat;background-position: center center;}

#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}
.shadow {
	height: 1em;
	filter: Shadow(Color=#666666, 	
			Direction=135, 
			Strength=5);
}


.atvbox{padding: 1em; border: none; width: 25%; height: 70px; margin-top: 0%; margin-right: 20px; float: right;background-image: url(wintertiny.png);  text-align: right; background-repeat: repeat;}
.atvbox ul li a{ font-size: 80%;text-decoration: none;}
.atvbox ul {align: right; display: inline;list-style-type: none;}


.nspbox{padding: 1em; border: none; width: 25%; height: 70px; margin-top: 0%; margin-right: 20px; float: right;background-image: url(eventssmall.png);  text-align: right; background-repeat: repeat;}
.nspbox ul li a{ font-size: 80%;text-decoration: none;}
.nspbox ul {align: right; display: inline;list-style-type: none;}

.box{padding: 1em; border: none; font-size: 90%;width: 25%; height: 100px; margin-top: 0%; margin-right: 0%; float: right;background-image: url(sw.png);  text-align: right; background-repeat: repeat;}
.box ul li a{ font-size: 80%;text-decoration: none;}
.box ul {align: right; display: inline;list-style-type: none;}


.titlePage{margin:0px 0px 0px 20%;padding:0px;height: 670px;position: absolute;width: 67%;z-index: 681;background-color: white;border-color: #66ccff;border-width: 7px;border-style: double;color: #6633CC; }
.titlePage p {margin-top: 15%; text-align: center; font-size: 300%; z-index:99999; width:100%}
.titlePage a:link, .titlePage a:hover, .titlePage a:active, .titlePage a:visited{text-decoration: none; color: #66CCFF;}
.IntroPage{margin:0px 0px 0px 20%;padding:0px;height: 670px;position: absolute;width: 67%;
z-index: 681;background-color: black;border-color: #66ccff;border-width: 7px;border-style: double;color: #6633CC;}
.IntroPage p {margin-top: 15%; text-align: center; font-size: 300%; z-index:99999; width:67%}
.IntroPage a:link, .titlePage a:hover, .titlePage a:active, .titlePage a:visited{text-decoration: none; color: #66CCFF;}

.mainTitle {font-size: 38pt; font-weight: bold; position: relative; z-index:13; width:100%; height: 40pt; color:#085891;}
.mainTitle p {font-size: 12pt; font-weight: normal;}
#navbar {font-family: SansSerif, Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif;position: fixed; top: 70px; background-image: url(nav.png); background-position: 0% 32px ; z-index:12;background-repeat: repeat-x; padding: 0px; height: 130px; width: 67%;  text-align: center; font-size: 10px;}

#navbar ul {list-style-type: none; list-style-image: none;}
#navbar li {background-color: #259;	float: left;display: inline; margin: 3pt 3pt 3pt 3pt; display: block;}
#navbar li a {color: #66ccff;	padding: 3px;border: 1px solid #259; text-decoration: none;float: left;}
#navbar li a:hover {color: #fff;background: #0080C0; border: 1px solid #66CCFF;}
#navbar li.nolink {color: #CCC; border: 1px solid #F3F3F3;padding: 3px;}
#navbar li.current {color: #FFF;background: #6633CC;}


#nextbar {font-family: SansSerif, Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif;position: fixed; top: 420px;  

 
left: 0%; padding: 0px; height: auto; width: 30pts;  text-align: center; font-size: 10px;}

#nextbar ul {list-style-type: none; list-style-image: none;}
#nextbar li {background-color: #259;	float: left;display: inline; margin: 1pt 1pt 1pt 1pt; display: block;}
#nextbar li a {color: #66ccff;	padding: 1px;border: 1px solid #259; text-decoration: none;float: left;}
#nextbar li a:hover {color: #fff;background: #0080C0; border: 1px solid #66CCFF;}
#nextbar li.nolink {color: #CCC; border: 1px solid #F3F3F3;padding: 1px;}
#nextbar li.current {color: #FFF;background: #6633CC;}




#smallbar ul { color: #6633CC;list-style-type: none; list-style-image: none; padding: 0px;line-height: 1.5; display: block}

#smallbar li {font-size: 8pt;text-transform: uppercase;  margin: 0pt 0pt 0pt 0pt; }
#smallbar ul ul li {font-size: 6pt;text-transform: none;text-align:right; line-height: 1.5;}


#smallbar li a:link, #smallbar li a:visited, #smallbar li a:active,  
#smallbar li a {color: #26c2ff; background: #006699; text-decoration: none;padding: 1px}

#smallbar li a:hover {color: #fff; background: #0080C0; padding: 1px; font-size: 8pt}

#smallbar li.nolink {color: #CCC; padding: 1px;}

#smallbar li span{text-transform: none}

div#smallbar{padding: 1px;top: 0px;position: absolute; margin-left: 87%; width: auto;height: auto;z-index:1;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 8pt; text-align:left;}

body>div.smallbar div.smallbar div#small, body>div#smallbar, body>div#smallbar, body>#smallbarmenu2, body>div#smallbar #smallbar, .smallbar #smallbar{ position: fixed;  line-height: 300%;  border: groove 2px #feeeee}





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{top: 0%;margin-left: 5%;margin-top: 20px;width: 90%;z-index:7;height: auto;min-height: 60pt;border-color: #E7EFE7;border-width: 3px;border-style: solid;text-align: center; font-style: italic;font-size: 8pt;}
.signoff p {padding-left: 2em; padding-right:2em;padding-top: 1em; padding-bottom: 60pt;}
.signoff a:link, .signoff a:hover, .signoff a:active, .signoff a:visited{text-decoration: none; color: #66CCFF;}
.hidden {display: none;}
.partytitle {

		background:#6987bc;

  color : #ffffff;

		}
/**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: 270px;
top: 180px;
}
#researchimg:hover {
width : 100px;
height: 100px;
left: 320px;
top: 180px;
background: url(smresearch.png) top left no-repeat ;

z-index: 100;
}
#researchimg {
position: absolute;
width : 100px;
height: 100px;
left: 320px;
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;
}

#overview .overview, #volunteer .volunteer, #programschedule .programschedule,#program .program, #mission .mission, #events .events, #support .support, #index .index, #research .research, #contacts .contacts, #ipbu .ipbu, #preparty .preparty {background: #0080C0; }
#atvexecutivesummary #smallbar .atvexecutivesummary,
#atvopinion #smallbar .atvopinion,#atvoverview #smallbar .atvoverview,
#atvproject #smallbar .atvproject,
#atvdiscussion #smallbar .atvdiscussion,
#atv #smallbar .atv, 
#programschedule #smallbar .programschedule, #party #smallbar .party,
 
#nsp #smallbar .nsp, 
#nsp1 #smallbar .nsp1, 
#nsp2 #smallbar .nsp2,
#nspevents #smallbar .nspevents,
#lakeland #smallbar .lakeland,
#fnmi #smallbar .fnmi, 

#outreach #smallbar .outreach, #schedule #smallbar .schedule, #postparty #smallbar .postparty, #party #smallbar .party, #overview #smallbar .overview, #volunteer #smallbar .volunteer, #program #smallbar .program, #mission #smallbar .mission, #events #smallbar .events, #support #smallbar .support, #index #smallbar .index, #research #smallbar .research, #contacts #smallbar .contacts, #ipbu #smallbar .ipbu, #preparty #smallbar .preparty {background: #2220C0; }