html, body {

  color:           black;
  background:      #ffffff;
  font-weight:     normal;
  font-family:     arial,helvetica, sans-serif;
  font-style:      normal;
  text-decoration: none;
  margin:  0;
  padding: 0;
  border:  0;
}

div#main{
background-image:url('sd_watermark.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center; 

  margin: 0;
  position: absolute;
  top: 150px;
  left: 10.5em;
  right: 11em;
  min-height: 100%;
  padding-top: 1em;
  font-size: 90%;
/*  border:  1px solid blue; */
}


div#main1{
background-image:url('sd_watermark.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center; 
  position: absolute;
  top: 150px;
  right: 5px;
  left: 10.5em;
  font-size: 90%;
  min-height: 100%;
/*  border:  1px dashed red; */
}


/* -----main seciton home page------- */


.pageheader{
   font-weight: bold;
   font-size: 1.5em;
   color: #660066;
}

.pagesubheader{
   font-weight: normal;
   font-size: 1.3em;
   color: #660066;
}


#leftbox {
 float: left;
 width: 49%;
 border-right:  1px solid black;
}

#rightbox {
 float: right;
 width: 49%;
}

div#mainleft {
 float: left;
 width: 90%;
}

div#mainright {
 text-align: right;
 float: right;
 display: block;
 width: 90%;
}

div#mainright ul {  
    text-align: left;
    float: right;

}

div#mainright2 {
 float: right;
 width: 90%;
}





/* -----/main seciton ------- */


/* -----top of page ------- */
div#banner  {
   background-color: #000000;
   font-weight: bold;
   font-size: 1.1em;
   color: #ffffff;
   height: 100px;
   margin:0; padding:0;
   vertical-align: middle; 
}

#banner a:hover{
   background: transparent;
   text-decoration: none;
}

.name{
   color: #ffffff;
}

.date{
   color: #ffffff;
   font-size: .9em;
}

div#newsletter{
   position: absolute;
   font-size: 90%;
   left: 0px; 
   right: 0px;
   width: 100%;
   top: 100px;
   height: 20px;
   text-align: right;
   margin: 0;
   background: #ccc;
   padding: 0px;
/*    padding-bottom: 0px;
   padding-left: 0;
  border-top:  1px solid black; */
}

.smallbutton{
   font-size: smaller;
}

.smaller{font-size: smaller;}


/* -----\top of page ------- */


/* ----- left column ------- */

.hideme{visibility: hidden}

#leftmenu {
  font-size: 90%;
  position: absolute;
  left: 0px; 
  top: 100px;
  display: block;
  width: 10em;
  list-style-type: none;
  padding: 0;
  padding-top: 20px;
  margin: 0;
  background-color: #ccc;

/*
  border-right:  1px solid black;
  background-color: #993333;
  background-image: url('bgdesert.jpg');
  background-repeat: repeat

  background-image: url('buttonbg.gif');
   background-repeat: repeat-y;
   background-position: right;
   background-attachment: scroll;
*/   

  color: #000;
  height: 200%;

}

#leftmenu ul {

  list-style-type: none;
  padding: 0;
  margin: 0;
}

#leftmenu li {
  font-size: 95%;
  padding: 0;
  margin: 0;
  border:  1px solid #000000; /*hack to get IE to display properly */
}


#leftmenu li a:link, #leftmenu li a:visited {
/*  line-height: 2em;
  font-size: 90%;*/
  padding: .3em 0px .3em 10px;
  list-style-type: none;
  text-decoration: none;
  text-align: left;
  display: block;
  margin: 0;
  color: #fff;
  background-color: #000000;
  border-top:  1px solid #fff;
/*  border-top:  1px solid #333366; */
}

#leftmenu li a#selected:link {
  text-decoration: underline;
  background-color: #ff0;
  color: #fff;
  display: block;

/*  font-size: 90%;*/
  padding: .3em 0px .3em 10px;
  margin: 0;
  display: block;}

#leftmenu li a:hover {
  text-decoration: none;
  background-color: #663300;
  color: #ff0;
/*  font-size: 90%;*/
  padding: .3em 0px .3em 10px;
  margin: 0;
  display: block;
}

#leftmenu li a:active {
  background-color: #ff0;
  color: #00f;
/*  font-size: 90%; */
  padding: .3em 0px .3em 10px;
  margin: 0;
  display: block;
}


.leftmenutitle{
 background-color: #D6CBB6;
 margin-top: 1em;
 padding: .2em 0;
 padding-left: .5em;
 font-weight: bold;
 font-size: .8em;
}

.leftmenutext{

  font-size: .6em;
  padding-left: .6em;
}

.contact{
  font-size: 70%;
}

/* ----- /left column ------- */



/* ----- right column ------- */
#rightbar {
  background-color: #ccc;
  position: absolute;
  right: 0px; 
  top: 120px;
  width: 9em;
  padding-top: 2em;
  padding-right: 10px;
  margin: 0;
  height: 200%;
/*    font-size: .7em;
  text-align: center;
border-left:  1px solid black; */
}
/* ----- /right column ------- */



/* ----- general ------- */


h1 {
  font-size: 1.5em;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  margin: 0;
  line-height: 120%;  
}

h1.headline {
  padding-left: 1em;
  margin-bottom: .5em;
  color: #f00;
  background-color: #ffc;
}

h2 {
  font-size: 1.3em;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  margin: 0;
  color: #333;
}

h3 {
  font-size: 1.2em;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  margin: 0;
  color: #666;
}

.caption{
  font-size: .7em;
}


ul {
  margin-top: 0;
}

li {
   margin-left: .5em;
}

div.imagebox{
  width: 125px;
  margin-top: 2em;
  font-size: 70%;
  text-align: center;
}


div.padded{
   padding: .5em 1em 1em 1em;
}


p.smallnote{
  font-size: 80%;
  color: #666;
}

a.smallnote{
  color: #666;
  text-decoration: none;
}

a:hover{
  background-color: #ffffcc;
  text-decoration: none;
}


/* ------------ */

.tagline{
  font-weight: bold;
   border:     1px solid black;
   padding: 1em;
   background-color: #eee;
  margin: 1em 1em 1em .5em;
}

div.blackboxright
{
   float: right;
   width: 15em;
   border:     1px outset black;
   padding: 0 .5em .5em 1em;
   background-color: #000;
   color: #fff;
    margin: 1em;
}

h3.blackboxright
{
   margin: 0;
   background-color: #000;
   color: #fff;
   text-align: center;
}