/* Main style for Spender's Worktown */


body
{
font-size:  80%;
font-family: Courier, monospace; 
background-color: #000;
color: #000;
margin: 0;
padding: 0;
}

p
{
margin: 0;
padding: 0;
font-family: Courier, monospace;
font-size: large;
}

h3
{
margin: 0;
padding: 0;
}

div#gutter
{
float: left;
width: 25px;
height: 1px;
}

div#gutter_02
{
float: left;
width: 60px;
height: 1px;
}

div#header
{
margin: 0;
padding: 0;
background-image: url(../site_images/header_title.gif);
background-repeat: no-repeat;
height: 60px;
}

div#header h1
{
margin: 0;
padding: 0;
font-size: 1px;
}

div#main_nav
{
margin: 0;
padding: 0;
height: 114px;
width: 700px;
}

div#main_nav h2
{
margin: 0;
padding: 100%;
color: #fff;
font-size: 20px;
}

div#main_nav th
{
padding: 15px 0;
width: 172px;
vertical-align: top;
}

div#main_nav th a
{
text-decoration: underline;
color: #000;
}

div#main_nav th a:hover
{
text-decoration: underline;
color: #fff;
}

div#main_box
{
width: 700px;
background-image: url(../site_images/active_page_bkgd.gif);
overflow: hidden;
}

.index_text
{
color: #000;

width: 400px;
text-align: centre;
font-size: xx-large;
padding: 0 0 0 20px;
}


div#index_main_box
{
padding: 0;
margin: 0;
width: 700px;
height: 425px;
background-image: url(../site_images/index_page_image.gif);
background-repeat: no-repeat;
}

div#images_main_box
{
padding: 0 0 20px 0;
width: 700px;
background-image: url(../site_images/image_active_page_bkgd.gif);
overflow: hidden;
color: #fff;
}

div#main_content_box h2
{
margin: 0 0 10px 0;
padding: 0;
font-size: x-large;
}

div#content_text
{
float: left;
margin: 0 0 0 10px;
padding: 0 0 20px 0;
width: 70%; /*60%*/
overflow: hidden;
text-decoration: none;
}

/*div#content_text a
{
text-decoration: none;
color: #000;
}

div#content_text a:hover
{
text-decoration: none;
color: #fff;
background-color: #000;
}*/

div#gallery_text
{
margin: 0 -20px 0 0;
padding: 0;
width: 100%;
}

.gallery_text a
{
text-decoration: none;
color: #b4b4b4;
}

.gallery_text a:hover
{
text-decoration: underline;
color: #fff;
}

.text_page_background
{
background-image: url(../site_images/content_body.gif);
background-repeat: repeat-y;
background-position: top center;
color: #000;
}

div#footer
{
margin: 0;
padding: 0;
height: 18px;
background-image: url(../site_images/active_page_bottom.gif);
background-repeat: no-repeat;
}

.normal_page_inactive_tab
{
font-size: 20px;
margin: 0;
padding: 0;
height: 114px;
background-image: url(../site_images/inactive_tabs.gif);
background-repeat: repeat;
}

.normal_page_active_tab
{
font-size: 20px;
margin: 0;
padding: 0;
height: 114px;
background-image: url(../site_images/index_inactive_tabs.gif);
background-repeat: repeat;
}

.float_thumb_right
{
float: right;
padding: 0;
border: none;
margin: 0;
}

.text_page_thumb
{
clear: both;;
}

/* menus ---------------------------------------- */

div#keyword_menu
{
font-size: large;
}

div#keyword_menu ul
{
margin: 0;
padding: 0 0 20px 5px;
}

div#keyword_menu li
{
margin: 0 5px 0 0;
list-style: none;
display: inline;
color: #fff;
}

div#keyword_menu a
{
text-decoration: none;
color: #b4b4b4;
}

div#keyword_menu a:hover
{
text-decoration: underline;
color: #fff;
}

div#sub_menu
{
margin: 0;
padding: 5px 10px 5px 5px;
position: relative;
float: left;
font-size: small;
background-color: #DBD99B;
/*border: dashed;
border-color: #9E9E9E;*/
}

div#sub_menu ul
{
margin: 0;
padding: 0;
width: 130px;
}

div#sub_menu li
{
margin: 0;
padding: 5px 0;

list-style: none;
color: #000;
}

div#sub_menu a
{
margin: 0;
padding: 5px;
display: block;
text-decoration: none;
color: #000;
background-color: #F6F3A2;
width: 97%;
}

div#sub_menu a:hover
{
text-decoration: none;
color: #000;
background-color: #FFFFE1;
}

div#sub_menu a:active
{
text-decoration: underline;
color: #000;
}


/* index.html specific styles ---------------------------------------- */
.index_active_tab
{
margin: 0;
padding: 0;
height: 114px;
width: 700px;
background-image: url(../site_images/active_tab.gif);
background-position: -16px 0px;
background-repeat: no-repeat;
}

.index_page_inactive_tab
{
font-size: 20px;
margin: 0;
padding: 0;
height: 114px;
background-image: url(../site_images/index_inactive_tabs.gif);
background-repeat: no-repeat;
}

/* images.html specific styles ---------------------------------------- */
.images_active_tab
{
background-image: url(../site_images/active_tab.gif);
background-position: 159px 0px;
background-repeat: no-repeat;
height: 114px;
width: 700px;
}

.images_page_inactive_tab
{
font-size: 20px;
margin: 0;
padding: 0;
height: 114px;
background-image: url(../site_images/image_page_inactive_tabs.gif);
background-repeat: no-repeat;
}

.images_page_background
{
background-image: url(../site_images/image_page_background.gif);
background-repeat: repeat-y;
background-position: top center;
color: #fff;
overflow: hidden;
}

.images_page_background p
{
margin: 0;
padding: 0;
}

.image_title
{
text-align: left; 
}

.imagefloatth
{
width: 102px;
margin: 0 0 0 3px;
padding: 17px 2px 16px 0;
border: none;
float: right;
}

.imagefloatth_kword
{
margin: 2px;
padding: 5px;
/*width: 102px;
height: 120px;*/
float: left;
border: none;
background: #fff;
color: #000;
}

.imagefloatth_kword a
{
text-decoration: none;
color: #000;
}

.imagefloatth_kword a:hover
{
text-decoration: underline;
color: #000;
}

.imagefloatth p
{
font-size: 12px;
text-align: center;
}

.imagefloatth_kword p
{
margin: 5px;
padding: 0;
font-size: 12px;
text-align: center;
}

img
{
border-style: none; 
}
	
.filmstrip
{
height: 106px;
background-image: url(../site_images/contact_strip.gif);
background-repeat: repeat-y;
}

.keyword_images
{
margin: 0;
padding: 0;
}


/* history.html specific styles ---------------------------------------- */
.history_active_tab
{
background-image: url(../site_images/active_tab.gif);
background-position: 334px 0px;
background-repeat: no-repeat;
height: 114px;
width: 700px;
}

/* information.html specific styles ---------------------------------------- */
.information_active_tab
{
background-image: url(../site_images/active_tab.gif);
background-position: 509px 0px;
background-repeat: no-repeat;
height: 114px;
width: 700px;
}

.image_right
{	
float: right;
margin: 0;
padding: 0 10px 10px 10px;
width: 200px;
}

.image_right p
{	
padding: 5px;
}

.image_left
{	
float: left;
margin: 0;
padding: 0 10px 10px 0;
width: 200px;
}

.image_left p
{	
padding: 5px;
}

.contact_th
{
margin: 0 0 0 10px;
padding: 17px 2px 0 0;
}

 
.imagefloat_main
{
margin: 0;
float: left;
border: none;
}

.imagefloat_main p
{
margin: 5px;
padding: 0;
font-size: 12px;
text-align: center;
color: #fff;
}

.museum_logo
{
margin: 0;
padding: 0;
}