/*
Make all pages take up the whole window.
*/
html, body {
margin: 0;
padding: 0;
top: 0;
left: 0;
}
/*
To start with, let's make the type2 settings the same as those for type1, in preparation
(strange as it may sound) for separating the type1 and type2 style sheets.
*/
.type1body {
background-color : rgb(230,230,230);
}
.type2body {
background-color : rgb(230,230,230);
}
.type1texttable {
background-color : rgb(255,255,255);
}
.type1texttablea {
background-color: rgb(230,230,230);
background-image: url(pictures/stolena.jpg);
background-repeat: repeat-x;
background-position: 0px bottom;
}
.type2texttable {
background-color : rgb(255,255,255);
}
.type2texttablea {
background-color: rgb(230,230,230);
background-image: url(pictures/stolena.jpg);
background-repeat: repeat-x;
background-position: 0px bottom;
}
.backhomeimage {
border: 0;
}
img {
border: 0;
}
.type1image {
border: 4px solid rgb(255,255,255);
}
h1 {
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 200%;
color: rgb(0,51,102);
width: 100%;
padding-top: 0.4em;
padding-right: 0em;
padding-bottom: 10px;
padding-left: 4px;
margin: 0;
}
h2 {
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 150%;
color: rgb(102,0,51);
padding-top: 0.4em;
padding-right: 0em;
padding-bottom: 0.3em;
padding-left: 4px;
margin: 0;
}
h3 {
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 120%;
color: rgb(0,0,0);
padding-top: 0.2em;
padding-right: 0em;
padding-bottom: 0.1em;
padding-left: 4px;
margin: 0;
}
h4 {
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
color: rgb(158,53,70);
}
.type2h4 {
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
color: rgb(158,53,70);
padding-top: 1em;
padding-right: 0em;
padding-bottom: 0.1em;
padding-left: 4px;
margin: 0;
}
.type1backhome {
background-color : rgb(230,230,230);
border: 0;
padding-top: 0.2em;
padding-bottom: 0.2em;
padding-left: 0px;
margin: 0,0,0,0;
}
.type2backhome {
background-color : rgb(230,230,230);
border: 0;
padding-top: 0.2em;
padding-bottom: 0.2em;
padding-left: 4px;
margin: 0,0,0,0;
}
.new {
color: rgb(102,0,51);
font-style : italic;
}
.ew_writings {
background-image: url(pictures/ew_washing_477x361.gif);
background-repeat: no-repeat;
background-position: 100px 70px;
}
/*
Change the body fragment system to a div id=bodyfragment system, so that these attributes can be attached to that container rather than every paragraph.
*/
#bodyfragment {
padding-top: 1em;
padding-left: 4px;
/*padding-right: 4px;*/
}
p.signature {
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 100%;
font-style : italic;
}
.foot {
background-image: url(pictures/stolenb.jpg);
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 70%;
font-style : normal;
color : black;
}
.foottext {
background-color: rgb(230,230,230);
background-image: url(pictures/stolenb.jpg);
background-repeat: repeat-x;
background-position: 0px top;
border-top: 1px solid rgb(0,51,102);
padding-left: 4px;
}
td {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 80%;
font-style : normal;
color : black;
margin-left : 0px;
margin-right : 0px;
margin-top : 0px;
margin-bottom : 0px;
}
hr {
color: color: rgb(158,53,70);;
width: 50%;
height: 2px
}
/*
This is new.
*/
/*td.right {
border-top: 1px solid rgb(0,0,51);
}*/
a:visited {
color: rgb(102,0,51);
}
a:hover {
color : red;
}
.textinput {
width: 300px;
background-color: rgb(230,230,230);
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid black;
}
textarea {
width: 300px;
height: 150px;
background-color: rgb(230,230,230);
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid black;
}
/*	NEW MENU  */
/*
Any p element within a navsite div will not be displayed unless CSS is switched off.  This allows a failsafe heading to be included.
*/
#navsite p {
display: none;
}
/*
Set styles for the links to inherit properties of the navsite div.  Width, border-right, padding and margin-bottom are set to keep the menu from bunching up.  The background-color here covers the list item which is not a link because it is the current page.  We may want to shift the font stuff to a more inclusive level.
*/	
#navsite {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
width: 10em;
border-left: 1px solid rgb(102,102,102);
padding: 0;
margin-bottom: 1em;
background-color: rgb(153,204,204);
color: rgb(51,51,51);
}
/*
Again, this is the whole list - no bullets for any of the list items, no margins or padding around the whole list (apparently this is to avoid problems with unwanted indentation of lists).
*/
#navsite ul {
list-style: none;
margin: 0;
padding: 0;
}
/*
Make sure margins aren't applied to each list item and put a one-pixel border at the bottom of each list item to help reinforce the separation of the list items.
*/
#navsite ul li {
margin: 0;
/*border-top: 1px solid rgb(0,0,51);*/
}
/*
Set styles for the links (investigate how to make the one entry which is not a link take the same depth).  Links must be rendered as block elements so it's the rectangle not the text which is clickable.  Also appearance of borders and text, plus the width of the rectangle within the 12em above.  This again is due to a problem with one browser...
*/
#navsite ul li a {
display: block;
padding: 2px 2px 2px 0.5em;
border-right: 10px solid rgb(51,102,153);
border-left: 1px solid rgb(102,153,204);
border-bottom: 1px solid rgb(51,102,153);
background-color: rgb(0,51,102);
color: rgb(255,255,255);
text-decoration: none;
width: 100%;
}
/*
...which is then covered for problems with other browsers by this one, whose syntax I don't understand.
*/
html>body #navsite ul li a {
width: auto;
}
/*
!!!!Just see if you can get a few pixels to the left of the one that isn't a link.  And because that seemed to work I'll try a bit of extra padding vertically.  But this seemed to disable the rollovers, so remove it.  But then even having removed it the rollovers don't function.  Have I tried it since moving the menu to the left?  In fact, I think it was a missing close-quote.
*/
#navsite ul li.border-left {
padding-left: 7px;
padding-top: 2px;
padding-bottom: 2px;
}
#navsite ul li.border-left-blank {
background-color: rgb(255, 255, 255);
color: rgb(51, 102, 153);
font-family : Verdana, Arial, Helvetica, sans-serif;
font-style : normal;
padding-left: 7px;
padding-top: 2px;
padding-bottom: 2px;
}
text-decoration: none;
/*
And finally, cover the rollover effects.  The a:hover inherits from the li which inherits from the ul which inherits from the navsite div.
*/
#navsite ul li a:hover {
border-right: 10px solid rgb(0,51,102);
border-left: 1px solid rgb(102,153,204);
border-bottom: 1px solid rgb(51,102,153);
background-color: rgb(102,153,255);
color: rgb(255,255,255);
}

/*	BELOW THE MENU  */
/*
Set styles for the links to inherit properties of the navsite div.  Width, border-right, padding and margin-bottom are set to keep the menu from bunching up.  The background-color here covers the list item which is not a link because it is the current page.  We may want to shift the font stuff to a more inclusive level.
*/	
#belownav {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
width: 10em;
/* border-left: 1px solid rgb(102,102,102); */
padding: 0;
margin-bottom: 1em;
background-color: rgb(255,255,255);
color: rgb(51,51,51);
}
/*
Again, this is the whole list - no bullets for any of the list items (though there may be only one), no margins or padding around the whole list (apparently this is to avoid problems with unwanted indentation of lists).
*/
#belownav ul {
list-style: none;
margin: 0;
padding: 0;
}
/*
Make sure margins aren't applied to each list item and put a one-pixel border at the bottom of each list item to help reinforce the separation of the list items.
*/
#belownav ul li {
margin: 0;
/*border-top: 1px solid rgb(0,0,51);*/
}
/*
Set styles for the links (investigate how to make the one entry which is not a link take the same depth).  Links must be rendered as block elements so it's the rectangle not the text which is clickable.  Also appearance of borders and text, plus the width of the rectangle within the 12em above.  This again is due to a problem with one browser...
*/
#belownav ul li {
display: block;
padding: 2px 2px 2px 0.5em;
/*border-right: 10px solid rgb(51,102,153);*/
/*/*border-left: 1px solid rgb(102,153,204);*/*/
border-bottom: 1px solid rgb(51,102,153);
background-color: rgb(255,255,255);
color: rgb(51,51,51);
text-decoration: none;
width: 100%;
}
/*
...which is then covered for problems with other browsers by this one, whose syntax I don't understand.
*/
html>body #belownav ul li a {
width: auto;
}
/*
!!!!Just see if you can get a few pixels to the left of the one that isn't a link.  And because that seemed to work I'll try a bit of extra padding vertically.  But this seemed to disable the rollovers, so remove it.  But then even having removed it the rollovers don't function.  Have I tried it since moving the menu to the left?  In fact, I think it was a missing close-quote.
*/
/*#belownav ul li.border-left {
padding-left: 7px;
padding-top: 2px;
padding-bottom: 2px;
}*/
/*#belownav ul li.border-left-blank {
background-color: rgb(255, 255, 255);
color: rgb(51, 102, 153);
font-family : Verdana, Arial, Helvetica, sans-serif;
font-style : normal;
padding-left: 7px;
padding-top: 2px;
padding-bottom: 2px;
}*/
/*
And finally, cover the rollover effects.  The a:hover inherits from the li which inherits from the ul which inherits from the navsite div.
*/
/*#belownav ul li a:hover {
border-right: 10px solid rgb(0,51,102);
border-left: 1px solid rgb(102,153,204);
border-bottom: 1px solid rgb(51,102,153);
background-color: rgb(102,153,255);
color: rgb(255,255,255);
}*/

.introbox {
/*border: 1px solid rgb(51, 102, 153);*/
border: 0px;
margin: 0px;
padding: 4px;
background-color: rgb(232,240,243)
}