/* This is the stylesheet for the Soth website  revision 2009. The contents of this file must come in a particular ORDER. CSS works so that later styles override earlier styles. So, we put GENERAL styles FIRST in this document, and put SPECIAL styles (for the various menus etc) afterwards. */

/* General Styles*/
/* make mozilla standards compliant */
* {
-moz-box-sizing: border-box;
}

html {
margin: 0;
padding: 0;
}

body {
background-color: #FFC;
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica;
font-size: 10pt;
text-align: center; /* this centers the container in IE 5* browsers.*/
margin: 0px;
padding: 0px;
border: none !important;
}

#page_table {
width: 780px;
background-image:url(imagesall/landrbar.gif);
background-repeat:repeat-y;
border-collapse:collapse;
margin: 0px auto;
text-align: left; 
padding:0px;
}
#page_table td {
border-collapse:collapse;
padding: 0;
margin: 0; vertical-align:top;
}
#page_headertable {
width: 780px;
height: 10px;
background-image:url(imagesall/topbar.gif);
background-repeat:no-repeat;
border-collapse:collapse;
margin: 0px auto;
}
#page_footertable {
width: 780px;
background-image:url(imagesall/bottombar.gif);
background-repeat:no-repeat;
border-collapse:collapse;
margin: 0px auto;
}

#page_container {
position: relative;
width: 700px;
background-image:url(imagesall/bkgrnd.jpg);
background-repeat:no-repeat;
margin: 0;
padding: 0; vertical-align:top;
text-align: left; /* this overrides the text-align: center on the body element. */
}

/* Styles for the banner frame */

/*#banner_image {
background-image: url(imagesall/banner.gif);
width: 580px;
height: 80px;
border: none !important;
padding: 0;
margin: 0;
}*/

#emro a:link {
background-image: url(imagesall/emailbutton.gif);
height: 80px;
width: 100px;
float:left;
}
#emro a:hover {
background-image: url(imagesall/emailbuttonover.gif);
}
#emro a:active {
background-image: url(imagesall/emailbuttondown.gif);
}

/* End of styles for the banner frame */


a {
color: #900;
text-decoration: none;
font-family: Arial, Helvetica;
}

p {
padding: 0;
margin: 0 0 1px 0;
}

h1 {
color: #503;
font-family: Arial, Helvetica;
font-size: 16pt;
font-weight: bold;
}

h2 {
color: #503;
font-family: Arial, Helvetica;
font-size: 14pt;
font-weight: bold;
}

h3 {
color: #503;
font-family: Arial, Helvetica;
font-size: 12pt;
font-weight: bold;
}

h4 {
color: #503;
font-family: Arial, Helvetica;
font-size: 10pt;
font-weight: bold;
}

.lh1 {
color: #503;
font-family: Arial, Helvetica;
font-size: 16pt;
font-weight: bold;
}

.lh2 {
color: #503;
font-family: Arial, Helvetica;
font-size: 14pt;
font-weight: bold;
}

.lh3 {
color: #503;
font-family: Arial, Helvetica;
font-size: 12pt;
font-weight: bold;
}

.lh4 {
color: #503;
font-family: Arial, Helvetica;
font-size: 10pt;
font-weight: bold;
}

.likeh4 {
color: #503;
font-family: Arial, Helvetica;
font-size: 10pt;
font-weight: bold;
margin: 0px 0px 0px 0px;
}

.quk {
color: #503;
font-family: Arial, Helvetica;
font-size: 10pt;
font-weight: bold;
text-align:center;
margin: 0px 0px 6px 0px;
}
.qukh {
color: #000;
font-family: Arial, Helvetica;
font-size: 8pt;
font-weight: bold;
text-align:center;
margin: 2px 0px 2px 0px;
}

.quot_ind {
margin: 1px 25px 1px 25px;
}

.quot_big {
font-family: Arial;
font-size: 16px;
margin: 1px 4px 1px 12px;
}

.quot_nomarg {
font-family: Arial;
font-size: 16px;
}

ul.arr_list {
list-style-image: url(imageslong/arrow.gif);
}
ul.arr_list li {
font-weight:bold;
margin: 4px 0px 0px 0px;
}

ul.arr_listsm {
list-style-image: url(imageslong/arrowsmall.gif);
padding:0px;
margin: 0px;
}

ul.arr_listsm li {
font-weight:bold;
margin: 0px 0px 0px 0px;
}

ul.arr_listsm_content {
list-style-image: url(imageslong/arrowsmall.gif);
padding:0px;
margin: 0px;
}
ul.arr_listsm_content li {
font-weight:bold;
margin: 0px 0px 0px 25px;
}

ul.quk {
margin: 0px 0px 0px 6px;
padding: 0px 0px 0px 12px;
font-size: 8pt;
font-weight:bold;
text-align:left;
}

ul.noarr_listsm li {
font-size: 8pt;
}

/* End of general styles */

/* Styles for the topmenus */

/*div.topmenu_sh {
position: absolute;
top: 80px;
left: 108px;
background-repeat: no-repeat;
width: 572px;
height: 80px;
margin: 0;
padding: 0;
}*/
/*
.topmenu_table_sh {
float:left;
	background-repeat: no-repeat;
	width: 566px;
	height: 70px;
	padding: 0 16px 0 12px;
}

.topmenu_table_sh H1 {
border: none;
vertical-align: top;
font-family: Arial, Helvetica, sans-serif;
font-size: 18pt;
font-weight: bold;
color: #FFC;
text-shadow: #303 3px 3px 3px;
text-align: left;
}
*/
.topmenu_table_sh {
	clear:both;
	background-repeat: no-repeat;
	width: 566px;
	border: none;
	padding: 0px 0px 0px 0px;
	height:70px;
}
.topmenu_table_sh p {
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 18pt;
font-weight: bold;
color: #FFC;
text-shadow: #303 3px 3px 3px;	
line-height:60px;
vertical-align:middle;
margin-left:20px;
}

#table_central_content{
width:572px; 
float:left;
vertical-align:top;
}
.topmenu_table_sh a {
border: none;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
font-size: 18pt;
font-weight: bold;
color: #FFC;
text-shadow: #303 3px 3px 3px;
text-align: left;
min-height: 30px;
padding: 6px 0 2px 10px;
}

.topmenu_table_sh td {
border-left-style: double;
border-left-color: #630;
border-left-width: 1px;
vertical-align: bottom;
padding: 0 0 2px 0
}

.topmenu_table_sh a {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #900;
text-align: center;
display: block;
min-height: 26px;
text-decoration: none;
}

.topmenu_table_lg {
background-repeat: no-repeat;
width: 696px;
max-width: 696px;
height: 80px;
padding: 0 22px 0 16px;
margin: 3px 0 0 0;
clear:both; 
vertical-align:text-top;
}

.topmenu_table_lg p {
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #FFC;
	text-shadow: #303 3px 3px 3px;
	text-align: left;
	min-height: 20px;
	padding: 10px 0 2px 10px;
}

.topmenu_tablerow_lg {
background-repeat: no-repeat;
width: 662px;
height: 30px;
margin: 6px 0 0 0;
border-collapse:collapse;
}

.topmenu_tablerow_lg td {
border-left-style:solid;
border-left-color: #630;
border-left-width: 2px;
}

.topmenu_tablerow_lg td a {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
text-align: center;
display: block;
min-height: 27px;
}

#topmenu1_lg {background-image: url(imageslong/t1_lg.gif);}
#topmenu1_sh {background-image: url(imagesmain/t1_sh.gif);}
#topmenu2_lg {background-image: url(imageslong/t2_lg.gif);}
#topmenu2_sh {background-image: url(imagesmain/t2_sh.gif);}
#topmenu3_lg {background-image: url(imageslong/t3_lg.gif);}
#topmenu3_sh {background-image: url(imagesmain/t3_sh.gif);}
#topmenu4_lg {background-image: url(imageslong/t4_lg.gif);}
#topmenu4_sh {background-image: url(imagesmain/t4_sh.gif);}
#topmenu5_lg {background-image: url(imageslong/t5_lg.gif);}
#topmenu5_sh {background-image: url(imagesmain/t5_sh.gif);}
#topmenu6_lg {background-image: url(imageslong/t6_lg.gif);}
#topmenu6_sh {background-image: url(imagesmain/t6_sh.gif);}

a.top_menu_cream {color: #FFC; text-shadow: #600 2px 2px 2px; padding:3px 0 0 0px;}
a.top_menu_cream:hover {background-color: #F70;text-shadow: #600 2px 2px 4px;}
a.top_menu_cream_h {color: #FFC; background-color: #F70; text-shadow: #600 2px 2px 4px; padding:3px 0 0 0px;}

a.top_menu_cream_sh {color: #FFC;text-shadow: #600 2px 2px 2px;}
a.top_menu_cream_sh:hover {background-color: #F70;text-shadow: #600 2px 2px 2px;}

a.top_menu_red {color: #900;text-shadow: #FFC 2px 2px 4px; padding:3px 0 0 0px;}
a.top_menu_red:hover {background-color: #F90;text-shadow: #FFC 2px 2px 4px;}
a.top_menu_red_h {color: #900;background-color: #F90;text-shadow: #FFC 2px 2px 4px; padding:3px 0 0 0px;}

a.top_menu_red_sh {color: #900;text-shadow: #FFC 2px 2px 4px;}
a.top_menu_red_sh:hover {background-color: #F90;text-shadow: #FFC 2px 2px 4px;}

a.top_menu_dark {color: #303;text-shadow: #FFC 2px 2px 4px; padding:3px 0 0 0px;}
a.top_menu_dark:hover {background-color: #F90;text-shadow: #FFC 2px 2px 4px;}
a.top_menu_dark_h {color: #303;background-color: #F90;text-shadow: #FFC 2px 2px 4px; padding:3px 0 0 0px;}

a.top_menu_dark_sh {color: #303;text-shadow: #FFC 2px 2px 4px;}
a.top_menu_dark_sh:hover {background-color: #F90;text-shadow: #FFC 2px 2px 4px;}


.table_yah {
width: 700px;
float:left;
height: 20px;
border: none !important;
border-style: none;
background-image: url(imagesall/youarehere.gif);
background-repeat: no-repeat;
line-height:18px;
font-size: 85%;
color: #FFC;
}

.table_yah td {
height: 20px;
text-align: left;
vertical-align: middle;
line-height:18px;
font-size: 85%;
color: #FFC;
}

.table_yah a {
color: #FFC;
text-decoration:underline;
}

#tableTOCQuickLnks{
clear:both;
width: 686px;
border-style: solid;
border-color: #630;
border-width: 1px;
padding: 2px 2px 2px 2px;
margin:10px 0px 0px 6px;
display: table;
}

#tocmanual{
margin:0px;
padding:6px;
}

#toc{
margin:5px;
padding:0px;
}

.table_toc {
	width: 686px;
	border-style: solid;
	border-color: #630;
	border-width: 1px;
	padding: 2px 2px 2px 5px;
	margin:20px 0px 0px 6px;
}

.table_toc td {
vertical-align: top;
}

/* End of styles for the topmenus*/

/* Styles for new javascript templates -- update 12th Dec 2007 */

#tmpl_banner {
height: 80px;
max-height: 80px;
width: 600px;
min-width: 600px;
float:left;
}

#contentsmenu {  
background-image:url(imagesmain/contents.jpg);
background-repeat: no-repeat;
float:left;
width: 128px;
margin: 0;
padding: 0;
}

#contentsmenu a {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
display: block;
width: 128px;
padding: 0 0 5px 2px;
min-height: 20px;
text-decoration: none;
}

/* End of javascript template styles */



/* Styles specifically for the contents menu */

#contents_menu_top a {
color: #FFC;
text-shadow: #000 2px 2px 1px;
}
#contents_menu_bottom a {
color: #900;
text-shadow: #FFC 2px 2px 2px;
padding:0 0 3px 2px;
}
#contents_menu_bottom a:hover {
color: #FFC;
text-shadow: #630 2px 2px 1px;
background-color: #F60;
}


#contentsmenu0 a {
color: #FFC;
}
#contentsmenu0 a:hover {
color: #303;
text-shadow: #FFC 3px 3px 2px;
background-color: #F90;
}
#contentsmenu1 a {
color: #FFC;
}
#contentsmenu1 a:hover {
color: #FFC;
text-shadow: #000 3px 3px 2px;
background-color: #F30;
}
#contentsmenu2 a {
color: #FFC;
}
#contentsmenu2 a:hover {
color: #900;
text-shadow: none;
background-color: #FF0;
}
#contentsmenu3 a {
color: #FFC;
}
#contentsmenu3 a:hover {
color: #630;
text-shadow: #FFC 3px 3px 2px;
background-color: #3F3;
}
#contentsmenu4 a {
color: #FFC;
}
#contentsmenu4 a:hover {
color: #630;
text-shadow: #FFC 3px 3px 2px;
background-color: #3CF;
}
#contentsmenu5 a {
color: #FFC;
}
#contentsmenu5 a:hover {
color: #FFC;
text-shadow: #000 3px 3px 2px;
background-color: #C0F;
}
#contentsmenu6 a {
color: #FFC;
}
#contentsmenu6 a:hover {
color: #630;
text-shadow: #FFC 3px 3px 2px;
background-color: #F90;
}

#contents_image_michael {
width: 109px;
height: 142px;
margin: 5px 0 0 0;
padding: 2px;
border-width: 0px;
border-style: solid;
border-color: #630;
}
/* End of styles specifically for the contents menu */


/* Specific styles for the int_page buttons */

div.int a {
border: none !important;
background-repeat: no-repeat;
float:left;
width: 700px;
padding: 0;
margin: 0; 
}

#b1 a {
background-image: url(imagesfront/b1.gif);
width: 232px;
height: 187px;
}
#b1 a:hover {
background-image: url(imagesfront/b1_f2.gif);
}
#b1 a:active {
background-image: url(imagesfront/b1_f3.gif);
}

#b2 a {
background-image: url(imagesfront/b2.gif);
width: 220px;
height: 187px;
}
#b2 a:hover {
background-image: url(imagesfront/b2_f2.gif);
}
#b2 a:active {
background-image: url(imagesfront/b2_f3.gif);
}

#b3 a {
background-image: url(imagesfront/b3.gif);
width: 215px;
height: 187px;
}
#b3 a:hover {
background-image: url(imagesfront/b3_f2.gif);
}
#b3 a:active {
background-image: url(imagesfront/b3_f3.gif);
}

#b4 a {
background-image: url(imagesfront/b4.gif);
width: 232px;
height: 197px;
}
#b4 a:hover {
background-image: url(imagesfront/b4_f2.gif);
}
#b4 a:active {
background-image: url(imagesfront/b4_f3.gif);
}

#b5 a {
background-image: url(imagesfront/b5.gif);
width: 220px;
height: 197px;
}
#b5 a:hover {
background-image: url(imagesfront/b5_f2.gif);
}
#b5 a:active {
background-image: url(imagesfront/b5_f3.gif);
}

#b6 a {
background-image: url(imagesfront/b6.gif);
width: 215px;
height: 197px;
}
#b6 a:hover {
background-image: url(imagesfront/b6_f2.gif);
}
#b6 a:active {
background-image: url(imagesfront/b6_f3.gif);
}

#b7 a {
background-image: url(imagesfront/b7.gif);
height: 99px;
width: 232px;
}
#b7 a:hover {
background-image: url(imagesfront/b7_f2.gif);
}
#b7 a:active {
background-image: url(imagesfront/b7_f3.gif);
}

#b7h a {
background-image: url(imagesfront/backhome.gif);
height: 99px;
width: 232px;
}
#b7h a:hover {
background-image: url(imagesfront/backhome_f2.gif);
}
#b7h a:active {
background-image: url(imagesfront/backhome_f3.gif);
}

#b8 a {
background-image: url(imagesfront/b8.gif);
height: 99px;
width: 220px;
}
#b8 a:hover {
background-image: url(imagesfront/b8_f2.gif);
}
#b8 a:active {
background-image: url(imagesfront/b8_f3.gif);
}

#b9 a {
background-image: url(imagesfront/b9.gif);
height: 99px;
width: 215px;
}
#b9 a:hover {
background-image: url(imagesfront/b9_f2.gif);
}
#b9 a:active {
background-image: url(imagesfront/b9_f3.gif);
}

#b0 a {
background-image: url(imagesfront/b0.gif);
height: 80px;
width: 208px;
float:right;
}
#b0 a:hover {
background-image: url(imagesfront/b0_f2.gif);
}
#b0 a:active {
background-image: url(imagesfront/b0_f3.gif);
}

table #inttbltop {
width: 660px;
position: absolute;
top: 128px;
left: 0px;
padding: 0 5px 0 15px;
margin: 0;
}

table #inttblbot {
width: 680px;
padding: 0 15px 0 15px;
margin: 288px 0px 20px 0px;
}

table #inttblbot th {
height: 180px;
}

table #inttblbotw {
width: 680px;
padding: 0 15px 0 15px;
margin: 0px 0px 20px 0px;
}

table #inttblbotw th {
height: 180px;
}

table #inttblbot_sh {
width: 540px;
padding: 0 5px 0 10px;
float:left;
}

/* End of styles specifically for the frontpage buttons */



/* Specific styles for the main page small buttons */

div.int_sh {
margin: 0px 0px 0px 0px;
padding: 0;
}

div.int_sh a {
border: none !important;
background-repeat: no-repeat;
float:left;
padding: 0;
margin: 0;
}

#bs011 a {background-image: url(imagesmain/bs011.gif); width:187px; height:160px; }
#bs011 a:hover {background-image: url(imagesmain/bs011_f2.gif);}
#bs011 a:active {background-image: url(imagesmain/bs011_f3.gif);}

#bs021 a {background-image: url(imagesmain/bs021.gif);  width:190px; height:160px;}
#bs021 a:hover {background-image: url(imagesmain/bs021_f2.gif);}
#bs021 a:active {background-image: url(imagesmain/bs021_f3.gif);}

#bs031 a {background-image: url(imagesmain/bs031.gif);  width:188px;height:160px;}
#bs031 a:hover {background-image: url(imagesmain/bs031_f2.gif);}
#bs031 a:active {background-image: url(imagesmain/bs031_f3.gif);}

#bs041 a {background-image: url(imagesmain/bs041.gif);  width:187px;height:170px;}
#bs041 a:hover {background-image: url(imagesmain/bs041_f2.gif);}
#bs041 a:active {background-image: url(imagesmain/bs041_f3.gif);}

#bs051 a {background-image: url(imagesmain/bs051.gif);  width:190px;height:170px;}
#bs051 a:hover {background-image: url(imagesmain/bs051_f2.gif);}
#bs051 a:active {background-image: url(imagesmain/bs051_f3.gif);}

#bs061 a {background-image: url(imagesmain/bs061.gif);  width:188px;height:170px;}
#bs061 a:hover {background-image: url(imagesmain/bs061_f2.gif);}
#bs061 a:active {background-image: url(imagesmain/bs061_f3.gif);}


#bs111 a {background-image: url(imagesmain/bs111.gif); width:187px; height:160px; }
#bs111 a:hover {background-image: url(imagesmain/bs111_f2.gif);}
#bs111 a:active {background-image: url(imagesmain/bs111_f3.gif);}

#bs112 a {background-image: url(imagesmain/bs112.gif);  width:190px; height:160px;}
#bs112 a:hover {background-image: url(imagesmain/bs112_f2.gif);}
#bs112 a:active {background-image: url(imagesmain/bs112_f3.gif);}

#bs113 a {background-image: url(imagesmain/bs113.gif);  width:188px;height:160px;}
#bs113 a:hover {background-image: url(imagesmain/bs113_f2.gif);}
#bs113 a:active {background-image: url(imagesmain/bs113_f3.gif);}

#bs114 a {background-image: url(imagesmain/bs114.gif);  width:187px;height:170px;}
#bs114 a:hover {background-image: url(imagesmain/bs114_f2.gif);}
#bs114 a:active {background-image: url(imagesmain/bs114_f3.gif);}

#bs115 a {background-image: url(imagesmain/bs115.gif);  width:190px;height:170px;}
#bs115 a:hover {background-image: url(imagesmain/bs115_f2.gif);}
#bs115 a:active {background-image: url(imagesmain/bs115_f3.gif);}

#bs116 a {background-image: url(imagesmain/bs116.gif);  width:188px;height:170px;}
#bs116 a:hover {background-image: url(imagesmain/bs116_f2.gif);}
#bs116 a:active {background-image: url(imagesmain/bs116_f3.gif);}

#bs121 a {background-image: url(imagesmain/bs121.gif); width:187px; height:160px; }
#bs121 a:hover {background-image: url(imagesmain/bs121_f2.gif);}
#bs121 a:active {background-image: url(imagesmain/bs121_f3.gif);}

#bs122 a {background-image: url(imagesmain/bs122.gif); width:190px; height:160px;}
#bs122 a:hover {background-image: url(imagesmain/bs122_f2.gif);}
#bs122 a:active {background-image: url(imagesmain/bs122_f3.gif);}

#bs123 a {background-image: url(imagesmain/bs123.gif);  width:188px;height:160px;}
#bs123 a:hover {background-image: url(imagesmain/bs123_f2.gif);}
#bs123 a:active {background-image: url(imagesmain/bs123_f3.gif);}

#bs124 a {background-image: url(imagesmain/bs124.gif); width:187px; height:170px; }
#bs124 a:hover {background-image: url(imagesmain/bs124_f2.gif);}
#bs124 a:active {background-image: url(imagesmain/bs124_f3.gif);}

#bs125 a {background-image: url(imagesmain/bs125.gif); width:190px; height:170px;}
#bs125 a:hover {background-image: url(imagesmain/bs125_f2.gif);}
#bs125 a:active {background-image: url(imagesmain/bs125_f3.gif);}

#bs126 a {background-image: url(imagesmain/bs126.gif);  width:188px;height:170px;}
#bs126 a:hover {background-image: url(imagesmain/bs126_f2.gif);}
#bs126 a:active {background-image: url(imagesmain/bs126_f3.gif);}

#bs161 a {background-image: url(imagesmain/bs161.gif); width:187px; height:160px; }
#bs161 a:hover {background-image: url(imagesmain/bs161_f2.gif);}
#bs161 a:active {background-image: url(imagesmain/bs161_f3.gif);}

#bs162 a {background-image: url(imagesmain/bs162.gif); width:190px; height:160px;}
#bs162 a:hover {background-image: url(imagesmain/bs162_f2.gif);}
#bs162 a:active {background-image: url(imagesmain/bs162_f3.gif);}

#bs163 a {background-image: url(imagesmain/bs163.gif);  width:188px;height:160px;}
#bs163 a:hover {background-image: url(imagesmain/bs163_f2.gif);}
#bs163 a:active {background-image: url(imagesmain/bs163_f3.gif);}

#bs164 a {background-image: url(imagesmain/bs164.gif); width:187px; height:170px; }
#bs164 a:hover {background-image: url(imagesmain/bs164_f2.gif);}
#bs164 a:active {background-image: url(imagesmain/bs164_f3.gif);}

#bs165 a {background-image: url(imagesmain/bs165.gif); width:190px; height:170px;}
#bs165 a:hover {background-image: url(imagesmain/bs165_f2.gif);}
#bs165 a:active {background-image: url(imagesmain/bs165_f3.gif);}

#bs166 a {background-image: url(imagesmain/bs166.gif);  width:188px;height:170px;}
#bs166 a:hover {background-image: url(imagesmain/bs166_f2.gif);}
#bs166 a:active {background-image: url(imagesmain/bs166_f3.gif);}

#bs211 a {background-image: url(imagesmain/bs211.gif); width:187px; height:160px; }
#bs211 a:hover {background-image: url(imagesmain/bs211_f2.gif);}
#bs211 a:active {background-image: url(imagesmain/bs211_f3.gif);}

#bs212 a {background-image: url(imagesmain/bs212.gif); width:190px; height:160px;}
#bs212 a:hover {background-image: url(imagesmain/bs212_f2.gif);}
#bs212 a:active {background-image: url(imagesmain/bs212_f3.gif);}

#bs213 a {background-image: url(imagesmain/bs213.gif);  width:188px;height:160px;}
#bs213 a:hover {background-image: url(imagesmain/bs213_f2.gif);}
#bs213 a:active {background-image: url(imagesmain/bs213_f3.gif);}

#bs214 a {background-image: url(imagesmain/bs214.gif); width:187px; height:170px; }
#bs214 a:hover {background-image: url(imagesmain/bs214_f2.gif);}
#bs214 a:active {background-image: url(imagesmain/bs214_f3.gif);}

#bs215 a {background-image: url(imagesmain/bs215.gif); width:190px; height:170px;}
#bs215 a:hover {background-image: url(imagesmain/bs215_f2.gif);}
#bs215 a:active {background-image: url(imagesmain/bs215_f3.gif);}

#bs216 a {background-image: url(imagesmain/bs216.gif);  width:188px;height:170px;}
#bs216 a:hover {background-image: url(imagesmain/bs216_f2.gif);}
#bs216 a:active {background-image: url(imagesmain/bs216_f3.gif);}

#bs221 a {background-image: url(imagesmain/bs221.gif); width:187px; height:160px; }
#bs221 a:hover {background-image: url(imagesmain/bs221_f2.gif);}
#bs221 a:active {background-image: url(imagesmain/bs221_f3.gif);}

#bs222 a {background-image: url(imagesmain/bs222.gif); width:190px; height:160px;}
#bs222 a:hover {background-image: url(imagesmain/bs222_f2.gif);}
#bs222 a:active {background-image: url(imagesmain/bs222_f3.gif);}

#bs223 a {background-image: url(imagesmain/bs223.gif);  width:188px;height:160px;}
#bs223 a:hover {background-image: url(imagesmain/bs223_f2.gif);}
#bs223 a:active {background-image: url(imagesmain/bs223_f3.gif);}

#bs224 a {background-image: url(imagesmain/bs224.gif); width:187px; height:170px; }
#bs224 a:hover {background-image: url(imagesmain/bs224_f2.gif);}
#bs224 a:active {background-image: url(imagesmain/bs224_f3.gif);}

#bs225 a {background-image: url(imagesmain/bs225.gif); width:190px; height:170px;}
#bs225 a:hover {background-image: url(imagesmain/bs225_f2.gif);}
#bs225 a:active {background-image: url(imagesmain/bs225_f3.gif);}

#bs226 a {background-image: url(imagesmain/bs226.gif);  width:188px;height:170px;}
#bs226 a:hover {background-image: url(imagesmain/bs226_f2.gif);}
#bs226 a:active {background-image: url(imagesmain/bs226_f3.gif);}

#bs311 a {background-image: url(imagesmain/bs311.gif); width:187px; height:160px; }
#bs311 a:hover {background-image: url(imagesmain/bs311_f2.gif);}
#bs311 a:active {background-image: url(imagesmain/bs311_f3.gif);}

#bs312 a {background-image: url(imagesmain/bs312.gif); width:190px; height:160px;}
#bs312 a:hover {background-image: url(imagesmain/bs312_f2.gif);}
#bs312 a:active {background-image: url(imagesmain/bs312_f3.gif);}

#bs313 a {background-image: url(imagesmain/bs313.gif);  width:188px;height:160px;}
#bs313 a:hover {background-image: url(imagesmain/bs313_f2.gif);}
#bs313 a:active {background-image: url(imagesmain/bs313_f3.gif);}

#bs314 a {background-image: url(imagesmain/bs314.gif); width:187px; height:170px; }
#bs314 a:hover {background-image: url(imagesmain/bs314_f2.gif);}
#bs314 a:active {background-image: url(imagesmain/bs314_f3.gif);}

#bs315 a {background-image: url(imagesmain/bs315.gif); width:190px; height:170px;}
#bs315 a:hover {background-image: url(imagesmain/bs315_f2.gif);}
#bs315 a:active {background-image: url(imagesmain/bs315_f3.gif);}

#bs316 a {background-image: url(imagesmain/bs316.gif);  width:188px;height:170px;}
#bs316 a:hover {background-image: url(imagesmain/bs316_f2.gif);}
#bs316 a:active {background-image: url(imagesmain/bs316_f3.gif);}

#bs411 a {background-image: url(imagesmain/bs411.gif); width:187px; height:160px; }
#bs411 a:hover {background-image: url(imagesmain/bs411_f2.gif);}
#bs411 a:active {background-image: url(imagesmain/bs411_f3.gif);}

#bs412 a {background-image: url(imagesmain/bs412.gif); width:190px; height:160px;}
#bs412 a:hover {background-image: url(imagesmain/bs412_f2.gif);}
#bs412 a:active {background-image: url(imagesmain/bs412_f3.gif);}

#bs413 a {background-image: url(imagesmain/bs413.gif);  width:188px;height:160px;}
#bs413 a:hover {background-image: url(imagesmain/bs413_f2.gif);}
#bs413 a:active {background-image: url(imagesmain/bs413_f3.gif);}

#bs414 a {background-image: url(imagesmain/bs414.gif); width:187px; height:170px; }
#bs414 a:hover {background-image: url(imagesmain/bs414_f2.gif);}
#bs414 a:active {background-image: url(imagesmain/bs414_f3.gif);}

#bs415 a {background-image: url(imagesmain/bs415.gif); width:190px; height:170px;}
#bs415 a:hover {background-image: url(imagesmain/bs415_f2.gif);}
#bs415 a:active {background-image: url(imagesmain/bs415_f3.gif);}

#bs416 a {background-image: url(imagesmain/bs416.gif);  width:188px;height:170px;}
#bs416 a:hover {background-image: url(imagesmain/bs416_f2.gif);}
#bs416 a:active {background-image: url(imagesmain/bs416_f3.gif);}

#bs511 a {background-image: url(imagesmain/bs511.gif); width:187px; height:160px; }
#bs511 a:hover {background-image: url(imagesmain/bs511_f2.gif);}
#bs511 a:active {background-image: url(imagesmain/bs511_f3.gif);}

#bs512 a {background-image: url(imagesmain/bs512.gif); width:190px; height:160px;}
#bs512 a:hover {background-image: url(imagesmain/bs512_f2.gif);}
#bs512 a:active {background-image: url(imagesmain/bs512_f3.gif);}

#bs513 a {background-image: url(imagesmain/bs513.gif);  width:188px;height:160px;}
#bs513 a:hover {background-image: url(imagesmain/bs513_f2.gif);}
#bs513 a:active {background-image: url(imagesmain/bs513_f3.gif);}

#bs514 a {background-image: url(imagesmain/bs514.gif); width:187px; height:170px; }
#bs514 a:hover {background-image: url(imagesmain/bs514_f2.gif);}
#bs514 a:active {background-image: url(imagesmain/bs514_f3.gif);}

#bs515 a {background-image: url(imagesmain/bs515.gif); width:190px; height:170px;}
#bs515 a:hover {background-image: url(imagesmain/bs515_f2.gif);}
#bs515 a:active {background-image: url(imagesmain/bs515_f3.gif);}

#bs516 a {background-image: url(imagesmain/bs516.gif);  width:188px;height:170px;}
#bs516 a:hover {background-image: url(imagesmain/bs516_f2.gif);}
#bs516 a:active {background-image: url(imagesmain/bs516_f3.gif);}

#bs611 a {background-image: url(imagesmain/bs611.gif); width:187px; height:160px; }
#bs611 a:hover {background-image: url(imagesmain/bs611_f2.gif);}
#bs611 a:active {background-image: url(imagesmain/bs611_f3.gif);}

#bs612 a {background-image: url(imagesmain/bs612.gif); width:190px; height:160px;}
#bs612 a:hover {background-image: url(imagesmain/bs612_f2.gif);}
#bs612 a:active {background-image: url(imagesmain/bs612_f3.gif);}

#bs613 a {background-image: url(imagesmain/bs613.gif);  width:188px;height:160px;}
#bs613 a:hover {background-image: url(imagesmain/bs613_f2.gif);}
#bs613 a:active {background-image: url(imagesmain/bs613_f3.gif);}

#bs614 a {background-image: url(imagesmain/bs614.gif); width:187px; height:170px; }
#bs614 a:hover {background-image: url(imagesmain/bs614_f2.gif);}
#bs614 a:active {background-image: url(imagesmain/bs614_f3.gif);}

#bs615 a {background-image: url(imagesmain/bs615.gif); width:190px; height:170px;}
#bs615 a:hover {background-image: url(imagesmain/bs615_f2.gif);}
#bs615 a:active {background-image: url(imagesmain/bs615_f3.gif);}

#bs616 a {background-image: url(imagesmain/bs616.gif);  width:188px;height:170px;}
#bs616 a:hover {background-image: url(imagesmain/bs616_f2.gif);}
#bs616 a:active {background-image: url(imagesmain/bs616_f3.gif);}

/* End of styles specifically for the small main page buttons */



/* What's New and Site Overview Styles */

#questlink a {
float:left;
background-image: url(imagesfront/questionmark.gif);
width: 48px; 
height: 48px;
}

#questlink a:hover {
background-image: url(imagesfront/questionmark_f2.gif);
}

#instructions_for_front_page {float:left; height: 48px; width:48px;}
#instructions_for_front_page a span {display: none;}
#instructions_for_front_page a:hover span {display: block;}

.dynamic_div_invisible {
display: none;
margin: 0;
padding: 0;
overflow: hidden;
border-style: none;
border-width: 0;
}

.dynamic_div_visible {
display: block;
width: 630px;
height: 264px;
margin: 0;
overflow: hidden;
border-style: none;
border-width: 0;
}

#tbl_front_page {
border-collapse: collapse;
border-spacing: 0;
padding: 0;
margin: 0;
/*position: absolute;
top: 128px;
left: 18px;*/
width: 651px;
max-width: 651px;
min-width: 651px;
height: 360px;
max-height: 360px;
min-height: 360px;
border: none;
}

#tbl_front_page th {
height: 35px;
min-height: 35px;
max-height: 35px;
text-align: center;
vertical-align: middle;
border-spacing: 0px;
border-color: #630;
border-width: 1px;
border-style: solid;
}

#tbl_front_page th a {
text-decoration: none;
color: #900;
font-weight: bold;
}

#tbl_front_page th.highlighted {
text-align: center;
vertical-align: middle;
border-spacing: 0px;
border-color: #630;
border-width: 1px;
border-style: solid;
background-color: #FF6;
}

#tbl_front_page th.highlighted a {
display: block;
width: 100%;
text-decoration: none;
color: #900;
font-weight: bold;
}

#tbl_front_page th.selected {
text-align: center;
vertical-align: middle;
border-spacing: 0px;
border-color: #630;
border-width: 1px;
border-style: solid;
background-color: #FF6;
}

#tbl_front_page th.selected a {
display: block;
width: 100%;
text-decoration: none;
color: #900;
font-weight: bold;
}

#tbl_front_page_content_cell {
padding: 0;
margin: 0;
vertical-align: top;
height: 284px;
min-height: 284px;
max-height: 284px;
width: 630px;
max-width: 630px;
min-width: 630px;
overflow: hidden;
border-spacing: 0;
border-color: #630;
border-width: 1px;
border-style: solid;
}

#tbl_front_page_content_cell h1, #tbl_front_page_content_cell h2, #tbl_front_page_content_cell h3 {
padding: 5px 0 0 5px;
margin: 0;
}

#tbl_front_page_content_cell table {
width: 100%;
}

#tbl_front_page_content_cell table td {
vertical-align:  top;
border-color: #630;
border-width: 1px;
border-style: solid;
}

#tbl_front_page_content_cell ul {
list-style-image: url(imageslong/arrowsmall.gif);
}

#tbl_front_page_content_cell ul ul {
list-style-image: none;
}

/* Some image styles */

.MSwelcome {
width: 180px;
height: 237px;
float: left;
margin: 10px 12px 10px 0px;
border-color: #630;
border-width: 1px;
border-style: solid;
}

div.bktotop a {
background-image: url(imagesall/backtotop.gif);
background-repeat: no-repeat;
width: 80px;
height: 80px;
float: left; 
border: none;
}
div.bktotop a:hover {
background-image: url(imagesall/backtotop_f2.gif);
}
div.bktotop a:active {
background-image: url(imagesall/backtotop_f3.gif);
}

div.btt a {
background-image: url(imagesall/btt.gif);
background-repeat: no-repeat;
float:right;
width: 20px;
height: 20px; 
border: none;
margin-top: 500px;
}
div.btt a:hover {
background-image: url(imagesall/btt_f2.gif);
}
div.btt a:active {
background-image: url(imagesall/btt_f3.gif);
}

/* End of image styles */

/* Table styles */

.table_body {
border: none !important;
border-style: none;
width: 695px;
padding: 5px 5px 5px 5px;
margin: 0; 
clear:both; /*The Table body feels up the entire row in the middle of the page*/
display:table; /*Added to allow the two floating divs to fit and thus avoiding the issue of them appearing outside*/
}

/*This section is used to hold content right in the middle of long pages*/
#table_body_contentarea{
width:655px; 
float:left; 
padding:0px 5px 10px 15px;
}

/*This holds the backtotop link, it sits on the right side of the table_body_contentarea and inside the table_body*/
#backtotop{
float:right;
width:20px;
}

.table_body td {
vertical-align:top;
}

.table_w_border {
border-style: solid;
border-color: #630;
border-width: 1px;
}

/*.table_intro {
border-style: solid;
border-color: #630;
border-width: 1px;
}
.table_intro th {
border-style: solid;
border-color: #630;
border-width: 1px;
text-align: center;
}
#table_intro th a {
background-color: #FF6;
}
#table_intro th a:hover {
background-color: #000;
}*/

.table_w_border_flrt {
width: 240px;
float: right; 
border-style: solid;
border-color: #630;
border-width: 1px;
padding: 0px 2px 2px 5px;
margin: 0px 2px 2px 8px;
}
.table_w_border_flrt_var_width {
float: right; 
border-style: solid;
border-color: #630;
border-width: 1px;
padding: 0px 2px 2px 5px;
margin: 0px 2px 2px 8px;
}

.table_w_border_flrt_left_var_width {
float: left; 
border-style: solid;
border-color: #630;
border-width: 1px;
padding: 0px 2px 2px 5px;
margin: 0px 2px 2px 8px;
}
.table_testimonial_flrt {
width: 240px;
float: right; 
border-style: solid;
border-color: #630;
border-width: 1px;
background-color: #FFCC00;
padding: 0px 2px 2px 2px;
margin: 0px 2px 2px 8px;
}

.table_testimonial_flrt td {
background-color: #FCO;
padding: 5px;
}

.table_amaz_flrt {
width: 122px;
float: right;
border:none;
margin: 0px 2px 2px 8px;
}

.table_detref {
width:655px; 
	border-style: solid;
border-color: #630;
border-width: 1px;
/*	border-collapse: collapse;
*/	margin: 8px 2px 2px 0px;
}

.table_detref th {
border-style: solid;
border-color: #DDD;
border-width: 1px;
}
.table_detref td {
border-style: solid;
border-color: #DDD;
border-width: 1px;
}

.article_body {
background-color: #FFC;
width: 600px;
font-family: Arial, Helvetica;
font-size: 12pt;
text-align:left;
margin: 4px;
padding: 5px;
}

.article_body p {
margin: 4px;
}

.article_table {
width: 600px;
border-style: solid;
border-color: #630;
border-width: 1px;
}
.article_table td {
text-align: center;
}

.booksh {
border: 1px #663300 solid; 
width: 632px; 
text-align: center; 
margin: 10px 0 2px 0;
}
.table_books {
border-style: solid;
border-color: #630;
border-width: 1px;
width:632px;
vertical-align:middle;
}

.table_books td {
text-align: center;
vertical-align:middle;
}



/* 	page_content extra
	background-image:  url(imagesall/mainbkgrnd.jpg);
background-repeat: no-repeat;
width: 572px;
height: 610px;
border: 0;
padding: 0;
margin: 0;
	*/
	
/* 	int_page_content extra
	background-image:  url(imagesall/bkgrnd.jpg);
background-repeat: no-repeat;
background-position: 0 0;
background-attachment: fixed;
width: 770px;
max-width: 770px;
min-width: 770px;
border: 0;
padding: 0;
margin: 0;
	*/
	
/*	#page_content_lg {
position: absolute;
top: 180px;
left: 0px;
margin: 0px 0px 0px 0px;
}*/