/* This is the stylesheet for the Soth website  revision 2008. 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;
}

#ind_page_table {
width: 780px;
border-collapse:collapse;
margin: 0px auto;
text-align: left; 
}

#page_table {
width: 780px;
background-image:url(images/landrbar.gif);
background-repeat:repeat-y;
border-collapse:collapse;
margin: 0px auto;
text-align: left; 
}

#page_table td {
border-collapse:collapse;
padding: 0;
margin: 0;
}
#page_footertable {
width: 780px;
background-image:url(images/bottombar.gif);
background-repeat:no-repeat;
border-collapse:collapse;
margin: 0px auto;
}

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

#page_content {
margin: 70px 0 0 186px;
padding: 5px 14px 0 4px;
}


html {
margin: 0;
padding: 0;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12pt;
color: #330000;
margin: 0;
padding: 0;
	/* border: none !important; */
}

a {
color: #CC0000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

h1 {
color: #FF3300;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16pt;
font-weight: bold;
margin: 8px 0 8px 0;

}

h2 {
color: #FF3300;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
margin: 6px 0 6px 0;
}

h3 {
color: #FF3300;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
margin: 5px 0 5px 0;

}

h4 {
color: #FF3300;;
font-family: Times, serif;
font-size: 10pt;
font-weight: bold;
margin: 3px 0 3px 0;
}

/* End of general styles */

/* Styles for javascript templates */

#tmpl_banner {
height: 150px;
max-height: 150px;
width: 748px;
min-width: 748px;
}

#tmpl_contentsmenu {
position: absolute;
top: 150px;
left: 0px;
width: 174px;
height: 722px;
margin: 0;
padding: 0;
}

#tmpl_topmenu {
background-image: url(images/topmenu.gif);
position: absolute;
top: 150px;
left: 174px;
width: 564px;
height: 64px;
margin: 0;
padding: 0;
}

#tmpl_topmenu3 {
background-image: url(images/topmenu3.gif);
position: absolute;
top: 150px;
left: 178px;
width: 560px;
height: 100px;
margin: 0;
padding: 0;
}

#tmpl_topmenu4 {
background-image: url(images/topmenu4.gif);
position: absolute;
top: 150px;
left: 178px;
width: 560px;
height: 100px;
margin: 0;
padding: 0;
}

/* End of javascript template styles */

.topmenu_table {
position: absolute;
top: 160px;
left: 186px;
width: 548px;
margin: 0px 4px 2px 0px;
}

.topmenu_table th {
height: 38px;
min-height: 40px;
max-height: 40px;
text-align: center;
vertical-align: middle;
}

.topmenu_table th h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
font-size: 18px;
text-shadow: #333333 3px 3px 3px;
}

#topmenuthtxt {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
font-size: 18px;
text-shadow: #333333 3px 3px 3px;
}

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

.topmenu_table td a {
font-family: Times New Roman, Times, serif;
color:#FFF;
font-weight:bold;
font-size: 16px;
text-shadow: #333333 3px 3px 3px;
}

.topmenu_table td a:hover {
color: #CC0000;
letter-spacing: 1px;
background-color: #F90;
text-shadow: #333333 1px 1px 1px;
}

/* Specific styles for morit contents buttons */

div.int a {
border: none !important;
width: 176px;
background-repeat: no-repeat;
position: absolute;
padding: 0;
margin: 0;
}

#b1 a {
background-image: url(images/b1.gif);
height: 57px;
top: 0;
left: 0;
}
#b1 a:hover {
background-image: url(images/bo1.gif);
}
#b1 a:active {
background-image: url(images/bo1.gif);
}
#b2 a {
background-image: url(images/b2.gif);
height: 52px;
top: 57px;
left: 0;
}
#b2 a:hover {
background-image: url(images/bo2.gif);
}
#b2 a:active {
background-image: url(images/bo2.gif);
}
#b3 a {
background-image: url(images/b3.gif);
height: 52px;
top: 109px;
left: 0;
}
#b3 a:hover {
background-image: url(images/bo3.gif);
}
#b3 a:active {
background-image: url(images/bo3.gif);
}
#b4 a {
background-image: url(images/b4.gif);
height: 52px;
top: 161px;
left: 0;}
#b4 a:hover {
background-image: url(images/bo4.gif);
}
#b4 a:active {
background-image: url(images/bo4.gif);
}
#b5 a {
background-image: url(images/b5.gif);
height: 52px;
top: 213px;
left: 0;
}
#b5 a:hover {
background-image: url(images/bo5.gif);
}
#b5 a:active {
background-image: url(images/bo5.gif);
}
#b6 a {
background-image: url(images/b6.gif);
height: 52px;
top: 265px;
left: 0;
}
#b6 a:hover {
background-image: url(images/bo6.gif);
}
#b6 a:active {
background-image: url(images/bo6.gif);
}
#b7 a {
background-image: url(images/b7.gif);
height: 52px;
top: 317px;
left: 0;
}
#b7 a:hover {
background-image: url(images/bo7.gif);
}
#b7 a:active {
background-image: url(images/bo7.gif);
}
#b9 a {
background-image: url(images/b9.gif);
height: 58px;
top: 369px;
left: 0;
}
#b9 a:hover {
background-image: url(images/bo9.gif);
}
#b9 a:active {
background-image: url(images/bo9.gif);
}

/*#b8 a {
background-image: url(images/b8.gif);
height: 52px;
top: 369px;
left: 0;
}
#b8 a:hover {
background-image: url(images/bo8.gif);
}
#b8 a:active {
background-image: url(images/bo8.gif);
}
#b9 a {
background-image: url(images/b9.gif);
height: 58px;
top: 421px;
left: 0;
}
#b9 a:hover {
background-image: url(images/bo9.gif);
}
#b9 a:active {
background-image: url(images/bo9.gif);
}*/

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

.btt {
padding: 0;
margin: 30px 200px 10px 200px;
width: 98px;
height:36px;
}