/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu { position: absolute; left: 0; top:0; font-size: medium;  }

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; }

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline;}
#menu ul ul {position:absolute; left:-9999px;}

/* controls background colour of menu box, left controls position on screen */
#menu ul#toplevel {position:absolute; left:5px; top:0; width: 12em; border-style: solid; border-width: 1px; background-color: rgb(240, 240, 240);}

/* controls text color */
#menu a {display:block; color: rgb(0,0,0); line-height:30px; text-decoration:none;padding:0 20px 0 10px;} 
#menu li a.fly {background: url(http://vortexengine.ca/horizarrow.gif) no-repeat right;}

/* this seems to control the hover colour for ie6 only */
#menu li a:hover {background-color: rgb(255,0,0); color:#000;}

/* ADDED - this seems to control the flyout box style for ie6 only */
#menu ul li ul {display:block;background-color: rgb(170,170,255); color:#000;border-style: solid; border-width: 1px;}

/* controls hover color and also hover text colour */
#menu li:hover > a {background-color: rgb(255,0,0); color:#000;}

/* this controls flyout box style */
#menu ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px; border-style: solid; border-width: 1px; background-color: rgb(245,245,245); color:#000;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

#info {width:750px; background:#fff; float:left; border:1px solid #ddd;}
#info p {line-height:1.5em;}
#info p.info {margin-left:10px;}
#info h2 {padding:10px 0 5px 10px; margin:0; font-size:15px; color:#151;}
#info h3 {padding:5px 0 10px 10px; margin:0; font-size:12px; color:#048; font-weight:normal;}

#linkbox
 { border: 1px solid rgb(0, 0, 0);
    text-align: center;
    margin-top:0.5em;
    margin-bottom:0.5em;
    padding: 1em;
    background: rgb(255,220,220);
    }

body
{
	background-color:  rgb(255, 254, 241);
	font-family:  Arial, Helvetica, sans-serif;
}

#masthead2
{ 
	padding:  5px 5px 5px 5px;
	margin:  0px 5px 0px 0px;
	height: 135px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	/* background: rgb(255,100,100); */
}

#masthead2 .logo
{ 
	float: left;
	/*border-width: 1px;
	border-color: rgb(0, 0, 0);
	border: solid;
	background: rgb(100,100,255);*/
	padding:  0px;
	margin:  2px;
}

#masthead2 .title
{ 
	overflow: hidden;
	margin: 0em 6em 0em 0em;
	border-color: rgb(0, 0, 0);
	text-align: center;
	/*border: solid;
	border-width: 1px 1px 1px 1px;
	background: rgb(100,255,100);*/
	padding: 50px 0em 0em 0em;
	color: rgb(0, 0, 0); 
}

#footer
 {
	border: 1px solid rgb(0, 0, 0);
	text-align: center;
	margin:  0.5em 13em 0.5em 13em;
	padding: 2px;
	background: rgb(240,240,240);
    }


#goleft1 {
  width: 33%;
  float: left;
  }
  
#goleft1 p {
   text-align: center;
   }

#goright1 {
  width: 33%;
  float: right;
  }
  
#goright1 p {
   text-align: center;
   }

#goleft2 {
  width: 49%;
  float: left;
  }
  
#goleft2 p {
   text-align: center;
   }

#goright2 {
  width: 49%;
  float: right;
  }
  
#goright2 p {
   text-align: center;
   }






#gocenter
{
	/* this div is used to center the top 3 covers */
	display:  block;
	border-style: none;
	margin-left: auto ;
	margin-right: auto ;
	background-color: rgb(25, 254, 241);
    }




input,textarea {
/*        colour of input box and search button - very light blue */
	background-color: rgb(234, 234, 255);
        margin-top: 5px;
        margin-bottom: 10px;
/*        width: 8em;
	font-family:monospace;
	font-size:10pt;  */
	}

#p1
/* used as div on ave_process, ave_designs, publications, relevant, business_plan, media_mainstream, 
	endorsements, links, author_biography, contacts */
{
	text-align: center;
	clear:left;
}


#p2 /* Use p2 for citations */
 {  text-align: left;
    clear:left;
    /* margin:3em 10% 0.5em 10%;*/
 }

#p3
{
   padding-left: 3em;
   padding-right: 2em;
}

#p4
{
   clear:  both;
}

.indented
{
   padding-left: 2em;
   padding-right: 2em;
}

strong
{
    font-weight: bold;
}

strong.stronger
{
    font-weight: bold;
    font-size: 1.2em;
}

strong.verystrong
/* used for names on contacts page */
{
    font-weight: bold;
    font-size: 1.2em;
    padding-right: 1em;
    padding-left: 1em;
    background: rgb(220,220,220);
}

h1
/* Main heading on every page */
{text-align: center;}

h2 {text-align: center;}

/* Used on main FAQ headings 1, 2, 3 etc*/
h3
{
	text-align: center;
	margin-top: 2em;
	font-weight: bold;
	font-size: 1.5em;
	background: rgb(220,220,220);
	border-width: 1px;
	border-style:  solid;
}

h4
/* used for titles on ave_process, ave_designs, publications, relevant, business_plan, media_mainstream, 
	endorsements, links, author_biography,  */
{
 	margin-top: 3em;
	font-weight: bold;
	font-size: 1.2em;
	background: rgb(230,230,230);
	text-align: center;
	border-width: 1px;
	border-style:  solid;
}

/* Used for FAQ part1, part2, etc */
h5
{
    margin: 0.1em;
    font-weight: bold;
    font-style: normal;
    font-size: 2.0em;
    border-style: solid;
    border-width: 1px;
    border-color:  rgb(0,0,0);
    background: rgb(204,204,255);
    text-align: center;
}

#faqnav
{

}

a.faqindex
{
	display: block;
	text-decoration: none;
	color: rgb(0,0,0);	
	background: rgb(204,204,255);
	text-align:  center;
	border-style: solid;
	border-width: 1px;
	width:  8em;
	margin-left: auto;
	margin-right: auto;
	padding: 2px 2em 2px 2em;
}

a.faqindex:hover
{ 
	display: block;
	background-color: rgb(255, 255, 0);
}

a.faqprev
{ 
	float: left;
	text-decoration: none;
	color: rgb(0,0,0);	
	display: block;
	border-style: solid;
	border-width: 1px;
	margin:  0;
	padding:  2px 1em 2px 2em;
	background-color: rgb(204,204,255);
	background-image: url(http://vortexengine.ca/horizarrowleft.gif);
	background-repeat:  no-repeat;
	background-position:  left center;
}

a.faqprev:hover
{ 
	display: block;
	background-color: rgb(255, 255, 0);
}

a.faqnext
{ 
	float: right;
	text-decoration: none;	
	color: rgb(0,0,0);
	display: block;
	border-style: solid;
	border-width: 1px;
	margin:  0;
	padding:  2px 2em 2px 1em;
	background-color: rgb(204,204,255);
	background-image: url(http://vortexengine.ca/horizarrow.gif);
	background-repeat:  no-repeat;
	background-position:  right center;
}

a.faqnext:hover
{ 
	display: block;
	background-color: rgb(255, 255, 0);
}

p.style1
/* used for centered links on ave_process, ave_designs, publications, relevant, business_plan, media_mainstream, 
	endorsements, links, author_biography,  */
{
	text-align: center;
}

p.style2
/* Use p.style2 for entropy_budget_ref_figures page */
{  text-align: center;
    clear:left;
    margin:1em 1em 1em 1em;
}

p.style3
/* Use p.style3 for entropy_budget_ref_figures page - figure captions */
 {  text-align: left;
    clear:left;
    margin:0.5em 10% 0.5em 10%;
}

p.style4
/* Use p.style4 for entropy_budget_ref_figures ozawa quotes */
{   
    font-size: 1.6em;
    text-align: center;
    clear:left;
    margin:0.5em 10% 0.5em 10%;
    border: 1px solid rgb(0, 0, 0);
    padding: 1px;
    background: rgb(250,250,200)
}

p.question
{
	font-weight: bold;
	font-size: 1.2em;
	background:  rgb(235,235,235);
	padding: 0.5em;
	-moz-border-radius: 15px 15px 15px 15px;

}

p.figcaption
{
    text-align: center;
    clear:left;
    margin:0.5em 10% 0.5em 10%;
    border: 1px dashed rgb(0, 0, 0);
    padding: 2px;
    background: rgb(250,200,200)
}

#allcontent
{
	/* entire page is wrapped in this div */
	border-style: none;
	width: 100%;
	min-width: 640px;
	max-width: 1024px;
	margin-left: auto ;
	margin-right: auto ;
	background-color: rgb(255, 254, 241);
    }


#main
 {
	position: relative;
	left: 0px;
	top: 5px;
	border-style: none;
	/*width: 100%;*/
	/*max-width:  1024px;*/
	/* background-color: rgb(240, 240, 240); */
    }

.navlink
 { padding: 3px 10px 2px;
    display: block;
    }

#rightCol
 { float: right;
    border-left-style: solid;
    border-left-width: 2px;
    text-align: right;
    width: 6em;
    background-color: rgb(204, 204, 255);
    }

#img_box{
width:90%;
height:90%;
text-align: center;
display: block;
margin:auto;
}


#img_box_small{
clear:both;
width:50%;
height:50%;
text-align: center;
display: block;
margin:auto;
}

#img_box_tiny{
width:20%;
height:20%;
text-align: center;
display: block;
margin:auto;
}



.resize_horizontal{
width:100%;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: rgb(0, 0, 0);
}

.resize_horizontal_nf{
width:100%;
text-align: center;
}


.resize_vertical{
height:100%;
border-style: solid;
border-width: 1px;
border-color: rgb(0, 0, 0);
}


.imgframe 
/* this class is used to frame images with a black border */
{ 
	border-style: solid;
	border-width: 1px;
	border-color: rgb(0, 0, 0);
}

.imgframe2
/* this class is used to frame images with a black border */
{ 
	text-align: center;
	display: block;
	margin:auto;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(0, 0, 0);
}






#pictable table
 { border-style: solid;
   border-color: rgb(200, 255, 0);
   border-collapse: collapse;
   background-color: rgb(230, 230, 230);
    border: 0px;
    margin-left:  auto;
    margin-right:  auto;
    padding:  0em;
}

#pictable tr
{ border: 1px;
   border-style: solid;
   border-color: rgb(0, 0, 0);
    margin:  0em;
    padding:  1em;
}

#pictable td
 {  border: 1px;
    border-style: solid;
    border-color: rgb(0, 0, 0);
    margin:  0em;
    padding:  1em;
     }

#articleText2
{
/* main background style */
	border-style: solid;
	position: relative;
	margin: 0em 13em 0em 13em;
	border-color: rgb(0, 0, 0);
	border-width: 1px 1px 1px 1px;
	padding: 2em 2em 2em 2em; 
	background-color: rgb(250, 250, 250);
	color: rgb(0, 0, 0);
}

#articleText3
/* same as main background but with zero L+R padding (for index.shtml) */
{
	border-style: solid;
	position: relative;
	margin: 0em 13em 0em 13em;
	border-color: rgb(0, 0, 0);
	border-width: 1px 1px 1px 1px;
	padding: 2em 0em 2em 0em; 
	background-color: rgb(250, 250, 250);
	color: rgb(0, 0, 0);
}

#articleText4
{
/* with L+R padding */
	padding: 0em 2em 0em 2em;	
}

#techarticleText
{
	border-style: solid;
	position: relative;
	margin: 0em 5px 0em 13em;
	border-color: rgb(0, 0, 0);
	border-width: 1px 1px 1px 1px;
	padding: 1em;
	background-color: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
}

#techtable table
{
	border-style: solid;
	border-color: rgb(200, 255, 0);
	border-collapse: collapse;
	background-color: rgb(250, 250, 250);
	border: 0px;
	margin-left: auto;
	margin-right: auto;
	padding:  0.1em;
}

#techtable tr { border: 1px;border-style: solid;border-color: rgb(0, 0, 0);margin:  0em;padding:  0.1em;}
#techtable td {  border: 1px;border-style: solid;border-color: rgb(0, 0, 0);margin:  0em;padding:  0.1em;}

.h2 { color: rgb(102, 0, 0);}

a.navlink { color: rgb(102, 102, 102);font-weight: bold; text-decoration: none;}

a.navlink:hover { border-right-width: 2px; border-right-color: rgb(204, 0, 0);color: rgb(102, 0, 0);font-weight: bold;background-color: rgb(255, 0, 0);}

a.navlink2 { color: rgb(0, 0, 255); font-weight: bold; text-decoration: none;}

a.navlink2:hover { border-right-width: 2px; border-right-color: rgb(204, 0, 0);color: rgb(102, 0, 0);font-weight: bold;background-color: rgb(255, 0, 0);}

a.articlelink:link { text-decoration: none; border-bottom: 1px dashed blue;}
a.articlelink:visited { text-decoration: none;	border-bottom: 1px dashed purple;}
a.articlelink:hover { background-color: rgb(255, 255, 0);    }
a.techarticlelink:hover { background-color: rgb(255, 0, 0);    }