#overall_frame	{ margin:0; padding:0; color:#000000; background-color:#e6f5ff; }

/*                 ==========    Page Frame Structure    ==========
            |-------------------------------------------------------------|
            |            ||              Header Picture                   |
            |            ||-----------------------------------------------|
            |            ||                                               |
            |            ||                                               |
            |   Menu     ||                  Data                         |
            |            ||                                               |
            |            ||                                               |
            |            ||<-- 2px gap   W=568px (incl. 2 margins, 20px)  |
            |            ||                                               |
            |            ||        (max pic size  800px width             |
            |            ||            when hspace = "10")                |
            |            ||                                               |
            |-------------------------------------------------------------|
            |                           Footer                            |
            |-------------------------------------------------------------|
*/

/*          <----------------------- Page Frame --------------------------> */

div#page_frame	{ position:relative; padding:0; margin:0 auto; width:1020px;
		  background: #ffffff repeat-y url("graphics/bgpage.gif"); }


/*          <--------- Main Frame (holding Menu and Data panels) ---------> */

div#main_frame	{ border:0; margin:0; padding:0; }


/*          <----------->  Left (Menu) Pane                                 */

div#left_frame	{ border:0; margin:0; padding:0; position:fixed; top:auto; float:left; width:180px; }

div#menu	{ border:0; margin:0; padding:0; }

ul#menu_list	{ border:0; margin:0; padding:0; list-style-type:none; }


/*                         <------ Right (Header and Data) Pane ----------> */

div#right_frame	{ border:0; margin:0; padding:2; float:right; width:838px; }

div#header	{ border:0; margin:0; padding:0; }

div#data	{ overflow:hidden; margin:10px; padding:0; width:818px;
		  font-family:"Comic Sans MS",Arial,sans-serif; font-size:12px; font-style:normal;
		  font-weight:normal; text-decoration:none; color:#2d549c; background:#ffffff; }

div#data h1	{ font-size:24px; font-weight:bold; }

div#data h2	{ font-size:20px; font-weight:bold; }

div#data h3	{ font-size:16px; font-weight:bold; }

div#data p	{ font-size:14px; font-weight:normal; }

div#data a:link	{ font-family:Arial,sans-serif; font-style:normal; font-size:100%; font-weight:normal;
		  text-decoration:underline; color:#4682b4; }

div#data a:visited
		{ text-decoration:underline; color:#2e8b57; }

div#data a:hover
		{ text-decoration:underline; color:#dc143c; }

div#data a:active
		{ text-decoration:none; color:#4399bd; }


/*          <----------------------- Footer Frame ------------------------> */

div#footer_frame
		{ margin-top:10px; padding:0; width:1020px; height:20px; clear:both;
		  background:transparent top left no-repeat url("graphics/bgfoot.gif"); }

div#footer	{ padding:1px 0 0 0; margin:0;
		  font-family:arial,tahoma,verdana,sans-serif; font-style:italic; font-size:11px;
		  font-weight:normal; text-align:center; text-decoration:none; color:#808080; }

div#footer p:after
		{ content: " Copyright 2018-19, Dr R L Ainsworth"; }


/* -------------------------- HTML Classes  ------------------------------- */

a.bobby
		{ padding:0 10px 0 10px; background:left top no-repeat url("graphics/bobby_pic.jpg");
		  overflow:hidden; display:block; line-height:25px; width:164px; height:136px; }
a.item
		{ padding:0 10px 0 10px; background:left top no-repeat url("graphics/link_item.gif");
		  overflow:hidden; display:block; line-height:25px; width:164px; height:28px;
		  font-family:tahoma,verdana,arial,sans-serif; font-style:normal; font-size:13px; font-weight:bold;
		  text-align:left; text-decoration:none; color:#ffffff; }

a.item:hover
		{ padding:0 10px 0 10px; background:left top no-repeat url("graphics/link_hover.gif");
		  overflow:hidden; display:block; line-height:25px; width:164px; height:28px;
		  font-family:tahoma,verdana,arial,sans-serif; font-style:normal; font-size:13px; font-weight:bold;
		  text-align:left; text-decoration:none; color:#ffffff; }

a.this_item
		{ padding:0 10px 0 10px; background:left top no-repeat url("graphics/link_active.gif");
		  overflow:hidden; display:block; line-height:25px; width:164px; height:28px;
		  font-family:tahoma,verdana,arial,sans-serif; font-style:normal; font-size:13px; font-weight:bold;
		  text-align:left; text-decoration:none; color:#ffffff; }

br.all		{ clear:both; }

.smallgap	{ margin-top:-6px; }
.tinygap	{ margin-top:-12px; }

.left		{ text-align:left; }
.right		{ text-align:right; }
.centre		{ text-align:center; }

.bold		{ font-weight:bold; }
.ital		{ font-style:italic; }
.uline		{ text-decoration:underline; }

.black		{ color:#000000; }
.red		{ color:#FF0000; }
.dkred		{ color:#8B0000; }
.dkgreen	{ color:#006400; }
.skyblue	{ color:#87ceed; }
.navy		{ color:#000080; }
.grey		{ color:#808080; }