/* Removing margins, whole page CSS */
html, body {
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
      background-image: url('bg.gif');
      background-repeat: repeat-x;
      background-attachment: fixed;
      background-color: #95c5d1
      }
/* For the main table */
img, .wrapper { behavior: url(iepngfix.htc); }
.wrapper{
  background-image:url(header.png);
  background-position:top left;
  background-repeat: no-repeat;
  background-color: #95C5D1;  /* was 95Cx5D1 */
  width: 856px;
  margin-left: auto;
  margin-right: auto;
  vertical-align: top;
  height: 100%;
  border-left: 4px solid #86B8C0;
  border-right: 4px solid #86B8C0;
  padding: 0;
  }
.menu {
  width: 3%;
  float: left;
  vertical-align: top
    }
.content_left {
    height: 100%;
    padding-right: 10px;
    margin-right: 10px;
    }

.content_right {
    width: 97%;
    vertical-align: top;
    text-align: left;
    padding-left: 5px;
    padding-right: 15px;
    line-height: 1.2em
    }
.foot {
    text-align: center
    }
p.footer {
  font-weight: 100;
  font-size: 10px;
  line-height: 10px;
  font-family: verdana
  }
/* For the main table, end */
/* Global font styles */
p {
  color: #0B250B;
  font-size: 11px;     /*was 0B25x0B set */
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, Sans-Serif;
  text-indent: 25px;
  }
h1 {
   color: #000000;
   font-size: 22px;
   line-height: 1.3em;
   font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, Sans-Serif;
   font-weight: bold
   }
h2{
   color: #000000;
   font-size: 19px;
   line-height: 1.3em;
   font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, Sans-Serif;
   font-weight: bold
   }
h3 {
   color: #000000;
   font-size: 16px;
   line-height: 1.3em;
   font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, Sans-Serif;
   font-weight: bold
   }
h4 {
   color: #000000;
   font-size: 13px;
   line-height: 1.3em;
   font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, Sans-Serif;
   font-weight: bold
   }
h6 {
   color: #000000;
   font-size: 16px;
   line-height: 1.3em;
   font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, Sans-Serif;
   }
/* Global Link Styles */
a:link {
  color: #166816;         /* was 16x6816 */
  text-decoration: none
  }
a:visited {
  color: #166816;
  text-decoration: none
  }
a:hover {
  color: #166816;
  text-decoration: underline
  }
a:active {
  color: red
  }

/* Left Menu Begin*/
/*** Fire It Up ***/


#menu {
width: 8em;
background: #4DA1B3;
}

#menu ul {
list-style-type: none;
margin: 0;
padding: 0
}

/*This is also where we'll add any color, background changes to the anchor text on hover. (below) */

#menu a, #menu h2 {
font: 12px/13px "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, Sans-Serif;
display: block;
border-top: 0px;
border-left: 0px;
border-right: 4px solid #86B8C0;
border-bottom: 4px solid #86B8C0;
margin: 0;
padding: 1px 3px
}
                      /* top top bg/txt color */
#menu h2 {           /* top top text color */
color: #fff;
background: #3D7F8D
}

#menu a {
color: #166816;      /* link color */
background: #95C5D1;   /* main bg color */
text-decoration: none
}

#menu a:hover {
color: #166816;          /* and on hover */
background: #6BB0BF;
text-decoration: underline
}

#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul {
   display: none;
   }

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
  display: block;
  }

/*** Got er' done ***/
/* Left Menu End */


/* for images aligned to to the left with captiosn */
div.limg {
  float: left;
  width: 38%;
  line-height: 5px;
  margin-right: 5px;
  padding-left: 25px;
  line-height: 100%
  }

div.limg p {
  text-align: center;
  text-indent: 0px;
  }

/* and right */
div.rimg {
  float: right;
  width: 40%;
  padding-left: 10px;
  padding-right: 20px;
  line-height: 100%
  }
div.rimg p {
  text-align: center;
  font-style: italic;
  text-indent: 0
  }

/* and center */
div.cimg {
  margin-left: auto;
  margin-right: auto;
  line-height: 5px;
  line-height: 100%
  }

div.cimg p {
  text-align: center;
  font-style: italic;
  text-indent: 0
  }

div.slimg {
  float: left;
  line-height: 80%;
  padding-right: 20px;
  }

div.slimg p {
  text-align: center;
  text-indent: 0px;
  }
/* Begin CSS for the form on the guestbook pages */

label {
   float: left;
   width: 8em;
   margin-right: 0em
   }

input {
   color: #305C67;
   background: #BFE4ED;
   border: 1px solid #cccccc
   }

.submit input{
   color: #305C67;
   background: #BFE4ED;
   font-size: 11px;
   font-family: Verdana, Helvetica;
   border: 1px solid #cccccc;
   margin-left: 1em
   }

textarea#styled{
	width: 340px;
	height: 180px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: arial, verdana, ms sans serif;
        font-size: 10pt;
        overflow: hidden;
        color: #305C67;
	background-image: url(gbbg.gif);
	background-position: bottom right;
	background-repeat: no-repeat
        }

p.sign {
  font-weight: 500;
  font-size: 12px;
  font-family: Verdana;
  margin-left: 40px;
  margin-right: 185px;
  text-indent: 0cm
  }


/* End CSS for the form on the guestbook page */


/* Begin CSS for contact page */
p.f {
  text-indent: 0px;
  margin-left: 20px;
  }
input.cbutt{
  color: #305C67;
  background-color: #99cccc;
  font-family: Verdana, Helvetica;
  font-size: 12px;
  border: 1px solid #65A064
  }

.formbox {
  margin-left: 20px;
  padding-right: 20px
  }
textarea#leavecom{
	width: 340px;
	height: 195px;
	border: 3px solid #65A064;
	padding: 5px;
        font-family: Verdana, Helvetica;
        font-size: 11pt;
        color: #305C67;
	background-image: url(cfbg.gif);
	background-position: bottom right;
	overflow: hidden;
	background-repeat: no-repeat
        }
p.formcaption {
        font-style: italic
        }
/* CSS for contact end */
/* CSS for photography begin */
div.imgs {
  float: left;
  margin-left: 25px;
  line-height: .8em;
  }

div.imgs p {
  text-align: center;
  text-indent: 0;
  line-height: .9em
  }
/* CSS for photography end */
/* CSS for random quotes begin */
p.cq {
  text-align: right;
  font-style: italic;
  font-size: 10px;
  text-indent: 0
  }
/* CSS for random quotes end */
/* CSS for lyrics begin */

h5 {
   color: #000000;
   font-size: 16px;                  /* lyrics title */
   line-height: .5em;
   font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, Sans-Serif;
   font-weight: bold
   }
p.list2 {
  text-indent: 0px;
  line-height: 1.1em;             /* lyrics indent for list */
  margin-left: 50px
  }
p.lyrics {
  font-weight: 500;
  font-size: 12px;                         /* lyrics text */
  text-indent: 0px
  }
/* CSS for lyrics end */                   
/* CSS for blog begin */

p.btit {
  line-height: 50%;
  font-style: italic;
  font-size: 10px
  }

p.cent {text-align: center;} /*doesn't belong*/

p.cwhite {
  text-align: center;
  white-space: pre
  }
p.rwhite {
  text-align: right;
  white-space: pre
  }
ul {
  font-size: 12px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, Sans-Serif
  }
ul.disc {
  list-style-type: disc;
  }
ul.none  {
  list-style-type: none;
 }
ul.space  {
  list-style-type: none;
  line-height: 200%
 }
/* for SPiN Politics Room Log */
p.log

/* acrynom table */
 .acr {
   margin-left: auto;
   margin-right: auto;
   width: 600px;
   border: 4px solid #86B8C0;
   font-size: 11px;
   font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, Sans-Serif;
   }
 .wd {
   width: 200px;
   }
 /* Begin CSS for ROUND CORNERS (pol page) */
  .t {background: url(rc/dot2.gif) 0 0 repeat-x; width: 20em}
  .b {background: url(rc/dot2.gif) 0 100% repeat-x}
  .l {background: url(rc/dot2.gif) 0 0 repeat-y}
  .r {background: url(rc/dot2.gif) 100% 0 repeat-y}
  .bl {background: url(rc/bl2.gif) 0 100% no-repeat}
  .br {background: url(rc/br2.gif) 100% 100% no-repeat}
  .tl {background: url(rc/tl2.gif) 0 0 no-repeat}
  .tr {background: url(rc/tr2.gif) 100% 0 no-repeat; padding:10px}

/* end CSS for ROUND CORNERS (pol page) */
/* begin logs (pol page) */
p.log { 
  margin:0em 0em 0.3ex 2em; 
  text-indent:-2em
      }
/* end logs (pol page) */

