/* CSS Document */

/***********************************************/
/* General Page Styles                         */
/***********************************************/
body {background-image: url(../images/BGgrad.jpg); background-repeat: repeat-x; margin: 0; padding: 0; text-align: center;}

div#wholepage {width: 780px; margin-left: auto; margin-right: auto; background-color: #4F4F4F;}

div#header {background-image: url(../images/HBGgrad.jpg); background-repeat: repeat-x; position: relative; height: 74px; border-bottom: 2px solid #c0c0c0;}

div#page {background-color: #4F4F4F; position: relative; height: 540px;}

div#footer {position: relative; height: 20px;}

div#logo {position: relative; left: -320px;}

/***********************************************/
/* Home Page Styling                           */
/***********************************************/

div#homeimage {background-color: #c0c0C0; float: left; position: relative; top: 20px; left: 20px; height: 500px; padding: 5px 5px 5px 5px; border: 2px solid #000000;}
div#hometext {background-color: #3f3f3F; text-align: left; float: right; position: relative; right: 20px; top: 40px; height: 400px; width: 280px; padding: 0px 20px 0px 20px; color: #c0c0c0; font: 12px Verdana, Arial, sans-serif;}
div#hometext span.welcome {font-weight: bold; color: #ffffff;}
div#hometext p.nif {text-align: left; font-weight: bold; color: #ffffff;}
div#homebook {border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;}

/***********************************************/
/* Navigation Links Styling                    */
/***********************************************/

div#links {position: absolute; left: 30px; width: 0px; z-index: 100; background-color: #4F4F4F;}
div#links a {display: block; text-align: center; font: 11px Verdana, Arial, sans-serif; white-space: nowrap;
   padding: 2px 7px; margin: 0px 0px 1px; border-width: 0px; 
   text-decoration: none; text-transform: capitalize; font-variant: small-caps;
   color: #ffffff;}
div#links a:hover {color: #000000; background: #ddddee;}
div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: -70px; left: 160px; width: 550px;
   padding: 6px; margin: 14px; z-index: 100;
   color: #000000; background: #ddddEE; border: 1px solid #000000; border-right: solid 3px #999999;
   font: 14px verdana, sans-serif; text-align: center; text-transform: none;}

/***********************************************/
/* Page Footer Styling                         */
/***********************************************/

div#pagebot {position: relative; width: 774px; height: 20px; z-index: 100;
   background: #000000; padding: 3px 3px; margin: 0px 0px 1px; border-top: 2px solid #c0c0c0;} 
div#pagebot td.bleft {position: absolute; left: 10px; font: 11px Verdana, Arial, sans-serif; color: #c0c0c0; white-space: nowrap;}
div#pagebot td.bright {position: absolute; left: 570px; font: 11px Verdana, Arial, sans-serif; color: #c0c0c0; white-space: nowrap;}

/***********************************************/
/*Meet Phil & This Site Page Styling           */
/***********************************************/

div.philimage {float: left; width: 90px; height: 99px; padding: 0px 50px 30px 30px;}
div.philimage2 {float: right; width: 200px; height: 133px; padding: 20px 20px 30px 30px;}

div#statictext {position: relative; top: 20px; width: 720px; z-index: 100;
   text-align: left; font: 12px verdana, sans-serif; color: #c0c0c0; 
   padding: 3px 6px 0px 20px; margin: 0px 0px 1px;}
div#statictext p.pagetitle {font: 18px verdana, sans-serif; color: #c0c0c0;
   text-decoration: none; padding: 0px 20px 0px 20px;}
div#statictext p span.about{color: #DDDDEE; text-align: center;}

div#statictext a {display: inline; font: 12px verdana, sans-serif; font-weight: bold;
   text-decoration: none; color: #FFFFFF;}
div#statictext a:hover {color: #000000; background: #FFFFFF;
   border-right: none;}
div#statictext a span {display: none;}
div#statictext a:hover span {display: inline;
   position: absolute; top: -90px; left: 160px; width: 550px;
   padding: 6px; margin: 14px; z-index: 100;
   color: #000000; background: #DDDDEE; border: solid 1px #000000; border-right: solid 3px #DDDDEE;
   font: 14px verdana, sans-serif; text-align: center;}
div#statictext p.pagetitle span {color: #FFFFFF; font: 12px verdana, sans-serif; text-decoration: none;
   padding: 0px 0px 0px 20px;}

/***********************************************/
/*Workshop Pages Styling                        */
/***********************************************/

div#wspage {background-color: #4F4F4F; position: relative; height: 540px;}
div#nifpage {background-color: #4F4F4F; position: relative; height: 540px;}

div#workshops {position: relative; top: 10px; width: 720px; z-index: 100;
   text-align: left; font: 12px verdana, sans-serif; color: #c0c0c0; 
   padding: 3px 6px 0px 20px; margin: 0px 0px 1px;}

div#workshops p span.about{color: #DDDDEE; text-align: center;}
div#workshops p.pagetitle span {position: relative; top: 5px; color: #FFFFFF; font: 12px verdana, sans-serif; text-decoration: none;
   padding: 0px 0px 0px 30px;}

div#workshops a {display: inline; font: 12px verdana, sans-serif; font-weight: bold;
   text-decoration: none; color: #FFFFFF;}
div#workshops a:hover {color: #000000; background: #4f4f4f;
   border-right: none;}
div#workshops a span {display: none;}
div#workshops a:hover span {display: inline;
   position: absolute; top: -70px; left: 160px; width: 550px;
   padding: 6px; margin: 14px; z-index: 100;
   color: #000000; background: #DDDDEE; border: solid 1px #000000; border-right: solid 3px #DDDDEE;
   font: 14px verdana, sans-serif; text-align: center;}

div#workshops th#supplier {height: 10px; width: 100px; padding: 2px 0px 2px 10px;}
div#workshops th#location {height: 10px; width: 400px; padding: 2px 0px 2px 0px;}
div#workshops th#dates {height: 10px; width: 180px; padding: 2px 10px 2px 0px;}
div#workshops th {background: #000000; color: #ffffff; font: 12px verdana, sans-serif; text-align: left;}
div#workshops tr.odd {background: #3f3f3f;}
div#workshops tr.even {background: #5f5f5f;}

/***********************************************/
/*WebDiary Home Page Styling                   */
/***********************************************/

div#webdiarypage {background-color: #4F4F4F; position: relative; height: 540px;}
div#webdiarydata {padding: 20px 0px 0px 0px; width: 500px; float: left; height: 540px; font: 12px verdana, sans-serif; color: #c0c0c0;}
div#webdiaryarchive {padding: 20px 0px 0px 0px; width: 280px; float: right; height: 540px; font: 12px verdana, sans-serif; color: #c0c0c0;}
div#webdiarydata th#diarydate {background-color: #5F5F5F; padding: 0px 0px 0px 20px; width: 120px;} 
div#webdiarydata th#diaryentry {background-color: #5F5F5F; padding: 0px 0px 0px 0px; width: 420px;} 
div#webdiaryarchive th#diaryarchive {padding: 0px 0px 0px 0px; width: 280px; text-align: center;}
div#webdiarydata p {font: 14px verdana, sans-serif; color: #ffffff; text-decoration: none;}
div#webdiaryarchive p {font: 14px verdana, sans-serif; color: #ffffff; text-decoration: none;}
div#webdiarydata td#entry {text-align: left; padding: 0px 0px 0px 10px;}

div#webdiarypage a {display: inline; font: 12px verdana, sans-serif; font-weight: bold;
   text-decoration: none; color: #FFFFFF;}
div#webdiarypage a:hover {color: #000000; background: #4f4f4f;
   border-right: none;}
div#webdiarypage a span {display: none;}
div#webdiarypage a:hover span {display: inline;
   position: absolute; top: -70px; left: 160px; width: 550px;
   padding: 6px; margin: 14px; z-index: 100;
   color: #000000; background: #DDDDEE; border: solid 1px #000000; border-right: solid 3px #DDDDEE;
   font: 14px verdana, sans-serif; text-align: center;}


/***********************************************/
/*WebDiary Entry Pages Styling                 */
/***********************************************/

div#webdiaryentry {position: relative; top: 20px; width: 720px; z-index: 100;
   text-align: left; font: 12px verdana, sans-serif; color: #c0c0c0; 
   padding: 3px 6px 0px 20px; margin: 0px 0px 1px;}
div#webdiaryentry p.pagetitle {font: 14px verdana, sans-serif; color: #ffffff; text-decoration: none; padding: 0px 20px 0px 20px;}

div#webdiaryentry a {display: inline; font: 12px verdana, sans-serif; font-weight: bold;
   text-decoration: none; color: #FFFFFF;}
div#webdiaryentry a:hover {color: #000000; background: #4f4f4f;
   border-right: none;}
div#webdiaryentry a span {display: none;}
div#webdiaryentry a:hover span {display: inline;
   position: absolute; top: -70px; left: 160px; width: 550px;
   padding: 6px; margin: 14px; z-index: 100;
   color: #000000; background: #DDDDEE; border: solid 1px #000000; border-right: solid 3px #DDDDEE;
   font: 14px verdana, sans-serif; text-align: center;}

/***********************************************/
/*WebDiary 110801A Styling                     */
/***********************************************/

div#imgcolumn_110801A {float: left; width: 300px; height: 540px; padding: 0px 0px 0px 0px;}
div#imgcolumn_110801A img#old {padding: 20px 0px 0px 0px;}
div#textcolumn_110801A {position: relative; top: -30px; float: right; width: 420px; height: 540px; padding: 0px 0px 0px 0px;}
div#textcolumn_110810A {position: relative; top: 0px; width: 720px; height: 540px; padding: 0px 0px 0px 0px;}
div#textcolumn_110818A {position: relative; top: 0px; width: 720px; height: 540px; padding: 0px 0px 0px 0px;}

/***********************************************/
/*WebDiary 110801B Styling                     */
/***********************************************/

div#imgcolumn_110801B {float: left; width: 150px; height: 400px; padding: 40px 0px 0px 20px;}
div#textcolumn_110801B {position: relative; top: -10px; float: right; width: 550px; height: 400px; padding: 0px 0px 0px 0px;}
div#textcolumn_110801B p.reply {float: left; position: relative; left: -150px; color: #ffffff;}

/***********************************************/
/*WebDiary 110801C Styling                     */
/***********************************************/

div#page_110801C {background-color: #4F4F4F; position: relative; height: 2300px;}
div#wde_110801C {position: relative; top: 20px; text-align: left; font: 12px verdana, sans-serif; color: #c0c0c0;
			padding: 3px 6px 0px 20px; margin: 0px 0px 1px;}
div#wde_110801C p.pagetitle {font: 14px verdana, sans-serif; color: #ffffff; text-decoration: none; padding: 0px 20px 0px 20px;}
div#wde_110801C p {padding: 0px 40px 0px 20px;}
div#wde_110801C table#flags {border-spacing: 5px;}
div#wde_110801C td#alpha {font: 18px verdana, sans-serif; color: #ffffff;}
div#wde_110801C td {font: 10px verdana, sans-serif; color: #ffffff;}
div#wde_110801C img {float: left;}

/***********************************************/
/*WebDiary 110818A Styling                     */
/***********************************************/

div#textcolumn_110818A p.email {color: #ffffff;}

/***********************************************/
/*WebDiary 110818A Styling                     */
/***********************************************/

div#textcolumn_110916A {position: relative; top: 0px; width: 720px; height: 540px; padding: 0px 0px 0px 0px;}

/***********************************************/
/*WebDiary 111004A Styling                     */
/***********************************************/

div#textcolumn_111004A {position: relative; top: 0px; width: 720px; height: 540px; padding: 0px 0px 20px 0px;}

/***********************************************/
/*WebDiary 111004B Styling                     */
/***********************************************/

div#CPS_page {background-color: #4F4F4F; position: relative; height: 1000px;}
div#textcolumn_111004B {position: relative; top: 0px; width: 720px; height: 1000px; padding: 0px 0px 0px 0px;}
div#textcolumn_111004B a:hover span {display: inline;
   position: absolute; top: -130px; left: 150px; width: 570px;
   padding: 6px; margin: 14px; z-index: 100;
   color: #000000; background: #DDDDEE; border: solid 1px #000000; border-right: solid 3px #000000;
   font: 12px Verdana, sans-serif; text-align: center;}

/***********************************************/
/*WebDiary 111023A Styling                     */
/***********************************************/

div#NIF_page_111023A {background-color: #4F4F4F; position: relative; height: 550px;}
div#textcolumn_111023A {position: relative; top: 0px; width: 720px; height: 550px; padding: 0px 0px 0px 0px;}
div#textcolumn_111023A a:hover span {display: inline;
   position: absolute; top: -130px; left: 150px; width: 570px;
   padding: 6px; margin: 14px; z-index: 100;
   color: #000000; background: #DDDDEE; border: solid 1px #000000; border-right: solid 3px #000000;
   font: 12px Verdana, sans-serif; text-align: center;}

/***********************************************/
/*WebDiary 111201A Styling                     */
/***********************************************/

div#imgcolumn_111201A {float: left; width: 220px; height: 220px; padding: 0px 10px 0px 0px;}
div#textcolumn_111201A {position: relative; top: -10px; width: 720px; height: 500px; padding: 0px 10px 0px 0px;}
div#textcolumn_111201A a:hover span {display: inline;
   position: absolute; top: -130px; left: 150px; width: 570px;
   padding: 6px; margin: 14px; z-index: 100;
   color: #000000; background: #DDDDEE; border: solid 1px #000000; border-right: solid 3px #000000;
   font: 12px Verdana, sans-serif; text-align: center;}

/***********************************************/
/*WebDiary 111221A Styling                     */
/***********************************************/

div#imgcolumn_111221A {float: left; width: 150px; height: 400px; padding: 40px 0px 0px 20px;}
div#textcolumn_111221A {position: relative; top: -10px; float: right; width: 550px; height: 400px; padding: 0px 0px 0px 0px;}
div#textcolumn_111221A a:hover span {display: inline;
   position: absolute; top: -130px; left: -20px; width: 570px;
   padding: 6px; margin: 14px; z-index: 100;
   color: #000000; background: #DDDDEE; border: solid 1px #000000; border-right: solid 3px #000000;
   font: 12px Verdana, sans-serif; text-align: center;}

/***********************************************/
/*WebDiary 111221B Styling                     */
/***********************************************/

div#imgcolumn_111221B {float: left; width: 150px; height: 400px; padding: 40px 0px 0px 20px;}
div#textcolumn_111221B {position: relative; top: -10px; float: right; width: 550px; height: 400px; padding: 0px 0px 0px 0px;}
div#textcolumn_111221B a:hover span {display: inline;
   position: absolute; top: -130px; left: -20px; width: 570px;
   padding: 6px; margin: 14px; z-index: 100;
   color: #000000; background: #DDDDEE; border: solid 1px #000000; border-right: solid 3px #000000;
   font: 12px Verdana, sans-serif; text-align: center;}
div#textcolumn_111221B p.reply {float: left; position: relative; left: -150px; color: #ffffff;}

/***********************************************/
/*Gallery Pages Styling                        */
/***********************************************/

div#shorttitle {font: 10px Verdana, sans-serif;}

div#gallery a {display: inline; font: 12px verdana, sans-serif; font-weight: bold;
   text-decoration: none; color: #c0c0c0;}
div#gallery a:hover {color: #FFFFFF; background: #4F4F4F;
   border: none;}
div#gallery a span {display: none;}
div#gallery a:hover span {display: inline;
   position: absolute; top: -90px; left: 150px; width: 570px;
   padding: 6px; margin: 14px; z-index: 100;
   color: #000000; background: #DDDDEE; border: solid 1px #000000; border-right: solid 3px #000000;
   font: 12px Verdana, sans-serif; text-align: center;}

div#gallery {position: relative; top: 20px; z-index: 100;}
div#gallery td {font: 11px Verdana, sans-serif; color: #c0c0c0; text-align: center;}
div#gallery img {border: 2px solid; border-color: #DDD #888 #888 #DDD;}
div#gallery td#image1  {height: 156px; width: 156px;}
div#gallery td#image2  {height: 156px; width: 156px;}
div#gallery td#image3  {height: 156px; width: 156px;}
div#gallery td#image4  {height: 156px; width: 156px;}
div#gallery td#image5  {height: 156px; width: 156px;}
div#gallery td#image6  {height: 156px; width: 156px;}
div#gallery td#image7  {height: 156px; width: 156px;}
div#gallery td#image8  {height: 156px; width: 156px;}
div#gallery td#image9  {height: 156px; width: 156px;}
div#gallery td#image10 {height: 156px; width: 156px;}
div#gallery td#image11 {height: 156px; width: 156px;}
div#gallery td#image12 {height: 156px; width: 156px;}
div#gallery td#image13 {height: 156px; width: 156px;}
div#gallery td#image14 {height: 156px; width: 156px;}
div#gallery td#image15 {height: 156px; width: 156px;}
div#gallery td#navpage {height: 62px;}
div#gallery td#navprev img{border: none;}
div#gallery td#navnext img{border: none;}
div#noresult {border: none; font: 12px Verdana, Arial, sans-serif; width: 700px; height: 540px; padding: 2px 3px 2px 3px;}

/***********************************************/
/*Display Individual Image Styling             */
/***********************************************/

div#landimage {float: left; position: relative; top: 30px; left: 20px; width: 500px;
	       font: 12px Verdana, Arial, sans-serif; color: #c0c0c0;}
div#landtitle {padding: 0px 0px 20px 0px; font: 14px Verdana, Arial, sans-serif; color: #c0c0c0;
		text-decoration: none; font-weight: bold;}
div#landimagenotes {float: right; position: relative; top: 50px; right: 30px; width: 250px;
	       font: 12px Verdana, Arial, sans-serif; color: #c0c0c0;}
div#landimagenotes ul {list-style: none;}
div#landimagenotes ul span.heading {float: left;}
div#landimagenotes ul span.data {float: right; color: #a0a0a0;}
div#landimagenotes ul span.landnote {float: right; text-align: left; font: 12px Verdana, Arial, sans-serif; color: #c0c0c0;}
div#landimagenotes ul li {padding: 0px 0px 15px 0px; margin: 5px;}

div#nextprev {background-color: #4F4F4F;}
div#nextprev a {display: inline; font: 12px verdana, sans-serif; font-weight: bold;
   text-decoration: none; color: #c0c0c0;}
div#nextprev a:hover {color: #000000; background: #FFFFFF; border-right: none;}
div#nextprev a span {display: none;}
div#nextprev a:hover span {display: inline;
   position: absolute; top: -90px; left: 150px; width: 590px;
   padding: 6px; margin: 14px; z-index: 100;
   color: #c0c0c0; background: #DDDDEE; border: solid 1px #000000; border-right: solid 3px #DDDDEE;
   font: 12px Verdana, sans-serif; text-align: center;}

div#portimage {float: left; position: relative; top:30px; left: 30px; width: 400px;
	       font: 12px Verdana, Arial, sans-serif; color: #c0c0c0;}
div#portimagenotes {float: right; position: relative; top: 20px; right: 50px; width: 300px;
	       font: 12px Verdana, Arial, sans-serif; color: #c0c0c0;}
div#portimagenotes ul {list-style: none;}
div#portimagenotes ul span.heading {float: left;}
div#portimagenotes ul span.data {float: right; color: #a0a0a0;}
div#portimagenotes ul span.portnote {float: right; text-align: left; font: 12px Verdana, Arial, sans-serif; color: #c0c0c0;}
div#portimagenotes ul li {padding: 0px 0px 15px 0px; margin: 5px;}
div#portimagenotes li#porttitle {padding: 0px 0px 5px 0px; font: 14px Verdana, Arial, sans-serif; color: #c0c0c0;
		text-decoration: none; font-weight: bold;}
div#imageborder img {border-right-style: solid; border-right-color: #CCCCCC; border-right-width: 5px;
			border-bottom-style: solid; border-bottom-color: #CCCCCC; border-bottom-width: 5px;
			border-left-style: solid; border-left-color: #999999; border-left-width: 5px;
			border-top-style: solid; border-top-color: #999999; border-top-width: 5px;}

/***********************************************/
/*Contact Page Styling                         */
/***********************************************/

div#statictext p.email {font: 16px verdana, sans-serif; color: #c0c0c0;}
div#statictext p.email a {font: 16px verdana, sans-serif; color: #c0c0c0; font-weight: bold;}
div#statictext p.pagetitle {color: #FFFFFF;}

/***********************************************/
/* Search Page Styles                         */
/***********************************************/

div#searchheader {background-color: #4F4F4F; position: relative; top: 20px; width: 764px; z-index: 100;
   text-align: left; font: 12px verdana, sans-serif; color: #c0c0c0; 
   padding: 3px 6px 0px 10px;}
div#searchheader p.pagetitle {font: 18px Verdana, Arial, sans-serif; height: 10px; color: #FFFFFF;
   text-decoration: none; padding: 0px 0px 0px 30px;}
div#searchpage {background-color: #4F4F4F; position: relative; top: 0px; width: 780px;}
div#searchselectionbox {position: relative; float: left; width: 280px; height: 470px;}
div#searchselectionnotes {position: relative; float: right; width: 420px; height: 470px;}

div#listbox {position: absolute; top: 10px; left: 20px;}
div#listbox form {font: 11px Verdana, Arial, sans-serif; color: #000000; border: 3px solid; width: 260px; padding: 10px 0px 10px 0px;
		    background-color: #DDDDEE; margin: 10px; border-color: #AAA #444 #444 #AAA;} 
div#listbox select {font: 11px Verdana, Arial, sans-serif; color: #000000; margin: 10px 0px 0px 0px;}
div#listboxnotes {position: relative; float: right; top: 10px; width: 400px; font: 12px Verdana, Arial, sans-serif;
			color: #c0c0c0; text-align: left; margin: 0px 40px 0px 0px;}
div#listboxnotes h3 {color: #FFFFFF;}
div#listbox input.inp2 {font: 11px Verdana, Arial, sans-serif; color: #000000; width: 110px; margin: 10px; background-color: #ffffff;
			border: 4px solid; border-color: #AAA #444 #444 #AAA; font-weight: bold;}
div#listbox input.inp1 {margin: 10px 10px 0px 10px;} 
div#listbox legend {margin: 0px 0px 0px 40px;}

div#searchboxnotes {position: relative; float: right; top: -10px; width: 400px; font: 12px Verdana, Arial, sans-serif;
			color: #c0c0c0; text-align: left; margin: 0px 40px 0px 0px;}
div#searchboxnotes h3 {color: #FFFFFF;}

div#newsearch {position: absolute; top: 220px; left: 80px;}
div#newsearch form {background-color: #DDDDEE; padding: 10px 10px 10px 10px; border: 3px solid; border-color: #AAA #444 #444 #AAA;} 
div#newsearch button {font: 11px Verdana, Arial, sans-serif; color: #000000; width: 130px; margin: 10px; background-color: #ffffff;
			border: 4px solid; border-color: #AAA #444 #444 #AAA; font-weight: bold;}
div#newbuttonnotes {position: relative; float: right; top: -20px; width: 400px; font: 12px Verdana, Arial, sans-serif;
			color: #c0c0c0; text-align: left; margin: 0px 40px 0px 0px;}
div#newbuttonnotes h3 {color: #FFFFFF;}

div#lfsearch {position: absolute; top: 340px; left: 80px;}
div#lfsearch form {background-color: #DDDDEE; padding: 10px 10px 10px 10px; border: 3px solid; border-color: #AAA #444 #444 #AAA;} 
div#lfsearch button {font: 11px Verdana, Arial, sans-serif; color: #000000; width: 130px; margin: 10px; background-color: #ffffff;
			border: 4px solid; border-color: #AAA #444 #444 #AAA; font-weight: bold;}
div#lfbuttonnotes span#limited {background: #DDDDEE; border: 1px solid #000000; width: 104px; padding: 1px 3px 1px 3px;}
div#lfbuttonnotes {position: relative; float: right; top: -20px; width: 400px; font: 12px Verdana, Arial, sans-serif;
			color: #c0c0c0; text-align: left; margin: 0px 40px 0px 0px;}
div#lfbuttonnotes h3 {color: #FFFFFF;}

/***********************************************/
/* Books Page Styles                           */
/***********************************************/

div#books a {display: inline; font: 12px verdana, sans-serif; font-weight: bold;
   text-decoration: none; color: #c0c0c0;}
div#books a:hover {color: #FFFFFF; background: #4F4F4F; border: none;}
div#books a span {display: none;}
div#books a:hover span {display: inline;
   position: absolute; top: -110px; left: 150px; width: 570px;
   padding: 6px; margin: 14px; z-index: 100;
   color: #000000; background: #DDDDEE; border: solid 1px #000000; border-right: solid 3px #000000;
   font: 12px Verdana, sans-serif; text-align: center;}

div#books {position: relative; top: 20px; z-index: 100;}
div#books td {font: 11px Verdana, sans-serif; color: #c0c0c0; text-align: center;}
div#books img {border: 2px solid; border-color: #c0c0c0;}
div#books td#amazon {font: 15px Verdana, sans-serif; color: #ffffff; text-align: left; padding: 0px 0px 10px 0px;}
div#books td#blurb {font: 15px Verdana, sans-serif; color: #ffffff; text-align: left; padding: 10px 0px 10px 0px;}
div#books td#book1  {height: 180px; width: 250px;}
div#books td#book2  {height: 180px; width: 250px;}
div#books td#book3  {height: 180px; width: 250px;}
div#books td#book4  {height: 180px; width: 250px;}
div#books td#book5  {height: 180px; width: 250px;}
div#books td#book6  {height: 180px; width: 250px;}

/***********************************************/
/* Front Gallery Page Styles                   */
/***********************************************/

div#gall a {display: inline; font: 12px verdana, sans-serif; font-weight: bold;
   text-decoration: none; color: #c0c0c0;}
div#gall a:hover {color: #FFFFFF; background: #4F4F4F; border: none;}
div#gall a span {display: none;}
div#gall a:hover span {display: inline;
   position: absolute; top: -110px; left: 150px; width: 570px;
   padding: 6px; margin: 14px; z-index: 100;
   color: #000000; background: #DDDDEE; border: solid 1px #000000; border-right: solid 3px #000000;
   font: 12px Verdana, sans-serif; text-align: center;}
div#gall {position: relative; top: 20px; z-index: 100;}
div#gall td {font: 11px Verdana, sans-serif; color: #c0c0c0; text-align: center;}
div#gall td#ukgall  {height: 300px; width: 250px;}
div#gall td#eugall  {height: 300px; width: 250px;}
div#gall td#rowgall {height: 300px; width: 250px;}
div#gall img {position: relative; top: -10px; left: 0px;
		border-right-style: solid; border-right-color: #CCCCCC; border-right-width: 5px;
		border-bottom-style: solid; border-bottom-color: #CCCCCC; border-bottom-width: 5px;
		border-left-style: solid; border-left-color: #999999; border-left-width: 5px;
		border-top-style: solid; border-top-color: #999999; border-top-width: 5px;}
div#gall td#gallexp {font: 12px Verdana, sans-serif; color: #c0c0c0; text-align: left; padding: 10px 0px 10px 0px;}

/***********************************************/
/*Technique Home Page Styling                  */
/***********************************************/

div#techniquepage {background-color: #4F4F4F; position: relative; height: 540px; top: -15px;}
div#techniquepage th#articledate {background-color: #5F5F5F; padding: 0px 0px 0px 20px; width: 100px; font: 12px verdana, sans-serif; color: #c0c0c0; position: relative; top: 30px;} 
div#techniquepage th#articleentry {background-color: #5F5F5F; padding: 0px 0px 0px 0px; width: 500px; font: 12px verdana, sans-serif; color: #c0c0c0; position: relative; top: 30px;} 
div#techniquepage th#articlepdf {background-color: #5F5F5F; padding: 0px 0px 0px 0px; width: 100px; font: 12px verdana, sans-serif; color: #c0c0c0; position: relative; top: 30px;} 
div#techniquepage p {font: 14px verdana, sans-serif; color: #ffffff; text-decoration: none; position: relative; top: 30px;}
div#techniquepage td#date {text-align: left; padding: 0px 0px 0px 10px; font: 12px verdana, sans-serif; color: #ffffff; text-decoration: none;  position: relative; top: 30px;}
div#techniquepage td#entry {text-align: left; padding: 0px 0px 0px 10px; font: 12px verdana, sans-serif; color: #ffffff; text-decoration: none;  position: relative; top: 30px;}
div#techniquepage td#pdf {text-align: left; padding: 0px 0px 0px 10px; font: 12px verdana, sans-serif; color: #ffffff; text-decoration: none;  position: relative; top: 30px;}

div#techniquepage a {display: inline; font: 12px verdana, sans-serif; font-weight: bold;
   text-decoration: none; color: #FFFFFF;}
div#techniquepage a:hover {color: #000000; background: #4f4f4f;
   border-right: none;}
div#techniquepage a span {display: none;}
div#techniquepage a:hover span {display: inline;
   position: absolute; top: -150px; left: 50px; width: 550px;
   padding: 6px; margin: 14px; z-index: 100;
   color: #000000; background: #DDDDEE; border: solid 1px #000000; border-right: solid 3px #DDDDEE;
   font: 14px verdana, sans-serif; text-align: center;}

/***********************************************/
/*Technique Article 110801A Page Styling       */
/***********************************************/

div#article_110801A {background-color: #ffffff; position: relative; top: 5px; height: 3900px;
			 font: 12px verdana, sans-serif; color: #222222; text-align: left; padding: 0px 20px 0px 20px;}
div#article_110801A h1 {font: 24px verdana, sans-serif; color: #222222; padding: 20px 0px 0px 20px; font-weight: bold;}
div#article_110801A img#logo {position: relative; float: right; top: -50px; padding: 0px 0px 20px 10px;}
div#article_110801A img#img1 {position: relative; float: left; padding: 0px 0px 40px 0px;}
div#article_110801A img#img2 {position: relative; float: right; padding: 0px 50px 0px 50px;}
div#article_110801A img#img3 {position: relative; float: left; padding: 0px 0px 40px 40px;}
div#article_110801A p#prim {position: relative; float: right;}
div#article_110801A img#img4 {position: relative; float: right; padding: 0px 40px 40px 0px; width: 190px;}
div#article_110801A img#img5 {position: relative; top: -40px; float: right; padding: 0px 40px 0px 0px;}
div#article_110801A p#tert {position: relative; float: left; width: 480px;}
div#article_110801A p#hsv {position: relative; float: right;}
div#article_110801A img#img6 {position: relative; top: 0px; float: left;}
div#article_110801A img#img7 {position: relative; top: 0px; float: right; padding: 0px 30px 0px 30px;}
div#article_110801A p#comp {position: relative; float: left; width: 480px;}
div#article_110801A td#img8 {width: 240px;} 
div#article_110801A tdimg9 {width: 240px;}
div#article_110801A tdimg10 {width: 240px;}
div#article_110801A img#img11 {position: relative; float: left; padding: 0px 140px 40px 30px;}
div#article_110801A img#img12 {position: relative; float: right; padding: 0px 30px 40px 30px;}
div#article_110801A img#img13 {position: relative; float: left; padding: 0px 50px 30px 0px;}
div#article_110801A img#img14 {position: relative; float: right; padding: 0px 100px 70px 50px;}
div#article_110801A img#img15 {position: relative; float: right;}
div#article_110801A img#img16 {position: relative; float: right;}