html 
{margin: 0; padding: 0;}

body 
{
 font-family: "Trebuchet MS", verdana, arial, sans-serif;
margin: 0; 
padding: 0;
background: #fdf9f2 url(signing-base2.gif) 0% 200px no-repeat;
color: black;}

div#overall
{margin: 0;
padding: 0;}

			/* LOGO-MASTHEAD */
#mastshadow1 {
position: absolute;
margin: 0; 
padding: 0; 
top: 20px;
left: 6%;
border: 1px solid #ddd;
background: #bbb;
height: 180px; 
width: 700px;}

#mastshadow2 {
position: absolute;
bottom: 1px;
right: 1px;
border: 1px solid #aaa;
background: #888;
height: 176px; 
width: 696px;}

#mastbox 
{background: #e5e0df url(logomasthead.gif);
position: absolute;
bottom: 1px;
right: 1px;
width: 700px;
height: 180px;
border: 1px solid;
border-color: #ccc #777 #777 #ccc;}

			/* GENERAL */

.pin
{
position: absolute;
left: 50%;
margin-top: -12px;
margin-left: 0px;}

div#mastbox .pin
{background: url(mappin6.png) no-repeat top left !important;
background: url(mappin6.gif) no-repeat top left;
width: 30px;
height: 50px;}

h2
{
font-size: 1.4em;
color:#60f;
font-family: didot, "Apple Chancery", cursive;
letter-spacing: 1px;
margin: 0;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 0.3em;
text-align: center;
font-weight: 600;
}


h3 
{font-size: 133%;
margin: 0; 
padding: 0 0 0 0.5em;
}

h4 
{font-size: 1.5em; 
margin: 0; 
padding: 0.3em 0.6em 0.5em;
color: #c06;
text-align: center;
font-weight:900;
       }

h1, h3, h4 
{line-height: 1em;}

p 
{line-height: 1.66; 
margin: 0.5em 2em 1em 2em;
font:11px/20px verdana, arial, helvetica, sans-serif;
padding:0px;
color: #402;
}

#main p
{text-indent: 1.5em;}

#main .lead
{text-indent: 0px;}

img.floatcap
{
float: left;
margin: 3px 3px 0px 1.4em;
}

			/* MAIN CONTENT (CENTRE 'COLUMN')*/

div#main 
{margin: 330px 20% 1em 160px;
padding-top: 15px;
padding-bottom: 5px;
background: #fffafa url(signing-fade.gif) 0% 0px no-repeat;
border: 1px solid;
border-color: #ccc #666 #666 #ccc;
}

			/*PAGE SUBHEADING*/

div#pagesubhead 
{position: absolute; 
top: 210px; 
left: 14%; 
width: 34%; 
font-size: 11px; 
}

div#pagesubhead .pin {
margin-top: -20px;
background: url(greenpin.png) no-repeat top left !important;
background: url(greenpin.gif) no-repeat top left;
width: 10px;
height: 24px;}

div.shadow1
{
background: #aaa;
/*border: 1px solid;
border-color: #ddd #ddd #ddd #ddd; softening effect of shadow, doesn't work too well, and creates fringe border probs*/
}

div.box
{
position: relative;
right: 1px;
bottom: 1px; /*these create the very slight drop shadow*/
border: 1px solid;
border-color: #ccc #555 #555 #ccc/*#bbc #555 #555 #cca*/;
}

div#subheadbox
{
background-color: #fcfcd2/*#eee3ff*/;
padding-top: 5px;}


			/* TOP MENU */

div#topmenu 
{position: absolute; 
margin: 0;
padding: 0;
top: 210px; 
right: 1%; 
width: 20%; 
font-size: 11px;
z-index: 10;}

div#topmenubox
{background-color: #eee3ff;
padding: 15px 10px 10px 10px;}

div#topmenu .pin
{margin-top: -31px;
background: url(redsmallpin.png) no-repeat top left !important;
background: url(redsmallpin.gif) no-repeat top left;
width: 12px;
height: 26px;}

			/*DELUXE SITE NOTICE*/

div#deluxsite 
{position: absolute; 
top: 263px; 
left: 30%; 
width: 40%; 
font-size: 11px; 
}

div#deluxbox
{background-color: white;
}

div#deluxbox p
{line-height: 1.5em; 
margin: 10px 0.8em 1em;
text-align: center;
font-size: 10px;
color: #c06;
}

div#deluxbox h2
{
font-size: 1.8em;
color:#60f;
font-family: didot, "Apple Chancery", cursive;
letter-spacing: 1px;
margin: 2px 0;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 0.5em;
text-align: center;
font-weight: 600;
}

div#deluxsite .pin
{margin-left: -6px;
margin-top: -6px;
background: url(drawpin.png) no-repeat top left !important;
background: url(drawpin.gif) no-repeat top left;
width: 18px;
height: 21px;
}


			/*DATE AND CLOCK*/

div#dateclock 
{position: absolute; 
top: 420px; 
left: 82%; 
width: 122px; 
font-size: 11px; 
}

div#datebox
{
background-color: #88b;
padding: 10px 0px 0px 15px;
}

div#datebox img
{
text-align: center;
padding-bottom: 5px;
}

div#dateclock .pin
{margin-left: 0px;
margin-top: -28px;
background: url(greenpin.png) no-repeat top left !important;
background: url(greenpin.gif) no-repeat top left;
width: 18px;
height: 21px;
line-height: 1em;}

		/*CSS LOGO*/

div#csslogo 
{position: absolute;
top: 338px; 
left: 5%; 
width: 85px; 
height: 30px;
font-size: 11px; 
}


div#csslogo .pin
{position: absolute;
left: 38px;
top: -4px;
background: url(bluesmallpin.png) no-repeat top left !important;
background: url(bluesmallpin.gif) no-repeat top left;
width: 18px;
height: 21px;
line-height: 1em;}


			/*SITE LAST UPDATED NOTICE*/

div#siteupdate 
{position: absolute; 
top: 427px; 
left: 2%; 
width: 150px; 
font-size: 11px; 
z-index: 10;}

div#updatebox
{background-color: #ffdfef;
}

div#updatebox p
{line-height: 1.5em; 
margin: 28px 2em 1.5em 2em;
text-align: center;
font-size: smaller;
}

div#siteupdate .pin
{margin-left: -22px;
margin-top: -62px;
background: url(springclip.png) no-repeat top left !important;
background: url(springclip.gif) no-repeat top left;
width: 48px;
height: 86px;
}

		/*ADDME LOGO*/

div#addme 
{position: absolute;
top: 545px; 
left: 6%; 
width: 88px; 
height: 31px;
font-size: 11px; 
}


div#addme .pin
{position: absolute;
left: 38px;
top: -4px;
background: url(bluesmallpin.png) no-repeat top left !important;
background: url(bluesmallpin.gif) no-repeat top left;
width: 18px;
height: 21px;
line-height: 1em;}


			/* BOTTOM MENU */

div#bottmenu 
{position: relative; 
bottom: 180px;
left: 20px; 
width: 150px; 
font-size: 12px;
z-index: 10;}

div#bottmenubox
{background-color: #ccdafb/*#fcd*/;
padding: 15px 20px 10px 5px;}

div#bottmenu .pin
{
position: relative;
margin-top: -30px;
margin-left: 8px;
/*with this strange relative positioning I've had to use to put the menu in bott L corner for IE Win I can't put the pin in the b/g, it has to be in the html, so here the pin has to be the gif version*/}


			/* ALL LINK CONTROLS */

a, a:link {
        color: #c33; /*controls color of links in content, not topmenu*/
        font-size:11px;
        text-decoration:none;
        font-weight:600;
        font-family:verdana, arial, helvetica, sans-serif;
text-indent: -10px;
        }

a:visited 
{
color:#07a;
} /*doesnt seem to do anything on IE, only Safari*/

a:hover 
{
background-color: red;
color: white;
cursor: pointer; /*this is the way I've discovered to make in work in Safari. Castro's tip of using both pointer and hand works, but is rejected by CSS validator*/
}

a:hover.current
{background-color: transparent; /*this is my attempt to stop curious background shadow effect in IE5 for Win. Needs checking with Chris*/
}


div#topmenu a 
{display: block; 
padding: 1px 0px 2px 10px; 
margin: 0; 
background-color: #eee3ff;
color:#56e;}

div#topmenu a:link.current, #topmenu a:visited.current  
{
color:#666;
}

div#topmenu a:hover 
{
background-color:#56e; 
color:#fff;
}

div#topmenu a:hover.current 
{
background-color:transparent; 
color:#666;
cursor:default;
}

div#topmenu h4 
{background: rgb(70%,70%,55%); 
color: black; 
margin: 0; 
padding: 0.25em 0 0 0.5em;
border-width: 0;}


div#bottmenu a 
{display: block; 
padding: 1px 0px 2px 10px/*seems to need this L padding for hover highlight to work - weird*/; 
margin-left: 0px; 
margin-right: 10px;
color: red/*#56e*/;
font-size: smaller;}

div#bottmenu a:link.current, #bottmenu a:visited.current  
{
color:#666;
}

div#bottmenu a:hover 
{
background-color: red; 
color: white;
}

div#bottmenu a:hover.current 
{
background-color:transparent; 
color:#666;
cursor:default;
}

div#csslogo a:hover 
{
background-color: transparent; 
}