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

#footer
 {
	text-align: center;
	margin: 5px 200px 20px 200px;
	background: rgb(240,240,240);
	border-style: solid;
	position: relative;
	border-color: rgb(220, 220, 220);
	border-width: 1px 1px 1px 1px;
	padding: 5px 0px 5px 0px; 
	border-radius:  10px;
	box-shadow:-5px 5px 5px rgba(0,0,0,0.4);

    }


#pushleft3 {
	width: 180px;
	float: left;
	margin:  0px;
	text-align:  center;
  }

#pushright3 {
	width: 180px;
	float: right;
	margin:  0px;
	text-align:  center;
  }

#pushcenter {
	width: 220px;
	margin:  auto;
	text-align:  center;
  }


#pushleft2 {
	width: 270px;
	float: left;
	margin:  0px;
	text-align:  center;
  }

#pushright2 {
	width: 270px;
	float: right;
	margin:  0px;
	text-align:  center;
  }


/*        use this to clear floated elements */
.clear {clear: both;}


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%;*/
 }

#p4
{
   clear:  both;
}

strong
{
    font-weight: bold;
}

/* unused */
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
/* used for Main section heading on every page */
{
	margin: 10px 0px 20px 0px;
	text-align: center;
	font-weight:  normal;
	font-style:  italic;
	font-size:  1.5em;
}

h6
/* used for main AVE heading on every page */
{
	margin: 30px 0px 40px 0px;
	font-size:  2em;
    	font-weight: bold;
	text-align: center;
}

h2 
{ 
  text-align: center; 
	font-size: 0.7em;
}

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

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

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

/* Used for FAQ questions */
h7
{
	display:block;
	font-weight: bold;
	font-size: 1.2em;
	background:  rgb(235,235,235);
	padding: 0.5em;
	-moz-border-radius: 15px 15px 15px 15px;
}


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


a.highres
{
    clear:left;
    font-size: 0.7em;
    display: block;
    text-decoration: dashed;
    color: rgb(0,0,255);	
    text-align:  center;
    border-style: none;
    margin:  1em 2em 1em 2em;
    padding: 2px 2px 2px 2px;
}

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


p
{
	font-size:  1em;
	line-height: 1.25em;
}

/* make the first letter of the leading paragraph a bit bigger */
p:first-letter
{
	font-size:1.2em;
	line-height:1em;
}

/* subsequent paragraphs should not have large first letter */
p + p:first-letter
{
	font-size: 1em;
	line-height: 1.25em;
}

/* paragraphs after imgs should not have large first letter */
img + p:first-letter
{
	font-size: 1em;
	line-height: 1.25em;
}



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; */
	width:  1024px;
	margin-left: auto ;
	margin-right: auto ;
	background-color: rgb(255, 254, 241);
    }


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

img.center {
display: block;
margin-left: auto;
margin-right: auto;
}

img.center-fr {
border-style: solid;
border-width: 1px;
border-color: rgb(0, 0, 0);
display: block;
margin-left: auto;
margin-right: auto;
}

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

/*
Adapted from Coffee with milk
Table design by Roger Johansson, 456 Berea Street
www.456bereastreet.com
================================================*/

#pictable table {
	font:normal 100%/150% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	border-collapse:separate;
	border-spacing:0;
	margin-left:  auto;
	margin-right: auto;
	margin-top: 1em;
	color:#000;
	background:#FBF8F2;
	}
#pictable table a {
	color:#523A0B;
	text-decoration:none;
	border-bottom:1px dotted;
	}
#pictable table a:visited {
	color:#444;
	font-weight:normal;
	}
#pictable table a:visited:after {
	content:"\00A0\221A";
	}
#pictable table a:hover {
	border-bottom-style:solid;
	}
#pictable thead th,
#pictable thead td,
#pictable tfoot th,
#pictable tfoot td {
	border:1px solid #523A0B;
	border-width:1px 0;
	background:#EBE5D9;
	}
#pictable th {
	font-weight:bold;
	line-height:normal;
	padding:0.25em 1em;
	text-align:center;
	}
#pictable tbody th,
#pictable tbody td {
	padding:0.25em 1em;
	text-align:center;
	vertical-align:middle;
	}
#pictable tbody th {
	font-weight:normal;
	white-space:nowrap;
	}
#pictable tbody th a:link,
#pictable tbody th a:visited {
	font-weight:bold;
	}
#pictable tbody td,
#pictable tbody th {
	border:1px solid #fff;
	border-width:1px 0;
	}
#pictable tbody tr.odd th,
#pictable tbody tr.odd td {
	border-color:#EBE5D9;
	background:#F7F4EE;
	}
#pictable tbody tr:hover td,
#pictable tbody tr:hover th {
	background:#ffffee;
	border-color:#523A0B;
	}
#pictable caption {
	font-family:Georgia,Times,serif;
	font-weight:normal;
	font-size:1.4em;
	text-align:left;
	margin:0;
	padding:0.5em 0.25em;
	}

#articleText2
{
/* main background style */
	border-style: solid;
	position: relative;
	margin: 0px 200px 0px 200px;
	border-color: rgb(220, 220, 220);
	border-width: 1px 1px 1px 1px;
	padding: 15px 30px 15px 30px; 
	background-color: rgb(250, 250, 250);
	color: rgb(0, 0, 0);
	border-radius:  10px;
	box-shadow:-5px 5px 5px rgba(0,0,0,0.4);
}

#articleText3
/* same as main background but with zero L+R padding (used for top of index.shtml) */
{
	border-style: solid;
	position: relative;
	margin: 0px 200px 0px 200px;
	border-color: rgb(220, 220, 220);
	border-width: 1px 1px 1px 1px;
	padding: 15px 0px 15px 0px; 
	background-color: rgb(250, 250, 250);
	color: rgb(0, 0, 0);
	border-radius:  10px;
	box-shadow:-5px 5px 5px rgba(0,0,0,0.4);

}

#articleText4
{
/* with L+R padding */
	padding: 0px 30px 0px 30px;	
}

#container-1
{
/* empty div */
}

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

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

#faq-index
{
/* empty div */
}


#faq-index ul
{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 1em 0px 0px 0px;
}


#faq-index li
{
	list-style-type: none;
	padding: 0px 0px 0px 2em;
	margin: 0px 0px 0px 1em;
	text-indent:  -2em;
}