/* Style sheet for the LWV-CNM website.
 ** Updated 7/15/2008 **
 Colors:
 *  #00ced1	Dark turquoise:  use for header box, nav boxes, table headers.
            not dark enough for fonts
 *  #ffdab1 Peach puff: use for background - a really light salmon
 
 *  #fa9072 Salmon:  use for list edge
 *  #e9967a Dark Salmon:   
 *  #ffa07a Light Salmon:  use for announcement backgrounds
 
 *  #40e0d0 Turquoise
 *  #afeeee Light Turquoise
 Font colors: 
 *  #b22222 Firebrick for links
 *  black   for main text, visited links
 *  white for nav links, h1 within dark turquoise boxes
*/

/* CALENDAR2010.CSS 
     USED to define the new calendar format w/o screwing up the old, 
     and all tables similarly defined
*/

table.calendar2010 {
   border thin solid black;
   }

table.calendar2010 td {
   text-align: left;
   padding: 0 10px 0 0;
   font-size: 100%;
   border-width: 5px 0 2px 0;
   border-color: black;
   border-style: ridge;
   }

table.calendar2010 th {
   text-align: left;
   padding: 0 5px 0 0;
   font-size: 150%;
   font-weight: bold;
   }


body {
      font-family: "Comic Sans MS", sans-serif;
      color: black;  /* black */
      margin-top: 1em;
      margin-left: 2em;
      margin-right: 2em;
      background-color: #ffdab9;  }   /* really light salmon */

p {margin-left: 15px;
   margin-right: 15px;
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
   font-family: "Comic Sans MS", sans-serif;
   text-align: left;
}
pre {margin-left: 15px;
   margin-right: 15px;
   font-family: Courier, monospace; }

.indented { margin-left: 20px; }
.center {text-align: center; }
.left {text-align: left; }
.right {text-align: right; }
.line-through {text-decoration: line-through; }
.left-float { float: left; 
   margin-left: 0px;
   margin-right: 5px; 
   margin-top: 5px;
   margin-bottom: 5px; }
.right-float { float: right; }
.w50 {width: 50%; }
.w75 {width: 75%; }
.updated { 
   font-style: italic;
   text-align: right; 
   font-size: 75%;
   margin-top: 0;
   margin-bottom: 0;
   }
.footer {
   font-style: italic;
   font-weight: lighter;
   font-size: 75%;
   font-family: "Comic Sans MS", serif;
   text-align: center;
   }
.query {
   font-style: normal;
   font-weight: bold;
   font-size: 105%;
   text-align: left;
   }
.tagline { 
   font-style: italic;
   text-align: right; 
   font-size: 100%;
   margin-top: -1em;
   margin-bottom: 0;
   }
.sidebar {
   font-weight: bold;
   font-size: 90%;
   margin-left: 0.5em;
   margin-right: 0.5em;
   }
.starbar {
   height: 40px;
   background: #e9967a url('../images/r_bstars.gif') repeat scroll center center; }
      /* background dark salmon */
.bigurl { font-size: 110%;
  text-align: center; }

h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Mangal, sans-serif;
  line-height: 110%;
  font-weight: bold;
  color: black;   
  text-align: left; 
  margin-left: 15px;
  margin-right: 15px;
 }

h1 {font-size: 200%;
  height: 135px;
  background-color: #00ced1;   /* dark turquoise #00cdd1 */
  background-image: url('../images/oldlwv.gif');
  background-repeat: no-repeat;
  background-position: left;
  padding: 10px 10px 10px 160px;
  text-align: left;
  color: white;
  vertical-align: middle;
  border-style: ridge;
  border-width: 5px;
  border-color: #00ced1; 
  margin-bottom: 0; }

h1.home {font-size: 220%;
  height: 200px;
  background-color: #00ced1;   /* dark turquoise #00cdd1 */
  background-image: url('../images/LWVCNM-Map2b_200x220.jpg');
  background-repeat: no-repeat;
  background-position: left;
  padding: 10px 10px 10px 220px;
  text-align: left;
  color: white;
  vertical-align: middle;
  border-style: ridge;
  border-width: 5px;
  border-color: #00ced1; 
  margin-bottom: 0; }
  
h2 {font-size: 170%; }
h3 {font-size: 130%; }
h4 {font-size: 110%;
  margin-bottom: 3px; 
  margin-top: 1px; }
h5 {font-size: 95%;
  }

  a:link {
    color: #b22222;   /* firebrick */
    font-weight: bold;
    text-decoration: none; }
  a:visited {
    color: #ff6347;     /* tomato */
    font-weight: bold;
    padding: 5px;
    text-decoration: none; }
  a:hover {
    background-color: white;  
    color: #b22222;   /* firebrick */
    text-decoration: underline;
    }


ul.square { list-style: square inside ;
    margin-left: 10px; }

ul.blank { list-style: none outside ;
    margin-left: 10px; }

ol.decimal {list-style: decimal outside ;
    margin-left: 10px; }

ol.small_alpha {list-style: lower-latin inside ;
    margin-left: 10px; }
    
    ul.square li, ul.blank li, ol.decimal li {
    margin: 5px;
    padding: 0;
    }

ul.contents {
    list-style: none inside none;
    padding: 0;
    margin: 15px;
}
  ul.contents li {
    background-color: white;
    margin:  2px;
    padding: 0;
    padding-left: 5px;

    border-left: 10px solid #fa8072;   /*  salmon */
   }

ul.topnav {
    list-style-type: none; 
    margin: 15px; }
    
ul.topnav li {
    font-size: 80%;
    font-weight: bolder;
    color: white;
    background-color: #00ced1;   /*  dark turquoise */
    border-style: ridge;
    border-color: #fa8072;   /* salmon */
    padding: 5px;
    margin: 0 0 8px 0;

    float: left;
    text-align: center; }
/*
    vertical-align: middle; */


ul.sidenav {
  list-style: none;
  padding: 0;
  margin-left: 15px;
  margin-right: 10px;
  width: 12em;
  float: left;  }
  
ul.sidenav li {
  font-size: 75%;
  font-weight: bolder;
  color: white;
  background-color: #00ced1;   /*  dark turquoise */
  padding: 4px;
  margin: 0;
  margin-right: 10px;
  border-color: #fa8072;   /* salmon */
  border-style: ridge; }


  ul.topnav li a:link, ul.sidenav li a:link {
    color: white;
    background-color: #00ced1;  /* dark turquoise */
    padding: 5px;
    font-weight: bold;
    text-decoration: none; }
  ul.topnav li  a:visited, ul.sidenav li a:visited {
    color: gray;
    background-color: #00ced1;  
    padding: 5px;
    font-weight: bold;
    text-decoration: none; }
  ul.topnav li a:hover, ul.sidenav li a:hover {
    background-color: white; 
    color: black;
    padding: 5px;
    text-decoration: underline;
    }
/* logolist is used to provide a logo-bulleted list which clings to the left side like "sidenav"
*/
ul.logolist {
  list-style: disc inside url('../images/chili.gif') ;
  padding: 0;
  margin-left: 15px;
  margin-right: 10px;
  width: 12em;
  float: left;  }
ul.logolist li {
  font-size: 100%;
  font-weight: bolder;
  background-color: white;
  border: thin double black ;
  border-width: 0 2px 1px 0;
  padding: 4px;
  margin: 0;
  margin-right: 10px; }




table.calendar {
   background-color: #fa8072;   /*  salmon */
   margin: 15px;
   border: 6px groove #fa8072;   /*  salmon */
   border-spacing: 8px 2px;
   }

   table.calendar thead, table.calendar th {
     text-align: center;
     background-color: #00ced1;   /* dark turquoise */
     color: white;
     font-size: 100%;
     }

   table.calendar tbody, table.calendar td {
     text-align: left;
     font-size: 100%;
     background-color: white;
     border: thin solid lightgrey;
     }

table.units {

   background-color: #fa8072;   /*  salmon */
   margin-top: 10px;
   margin-bottom: 2px;
   margin: auto;
   border: 6px groove #fa8072;   /*  salmon */
   border-spacing: 6px 0px;
   }

   table.units thead, table.units th {
     text-align: center;
     background-color: #00ced1;   /* dark turquoise */
     color: white;
     font-size: 100%;
     }

   table.units tbody, table.units td {
     text-align: left;
     font-size: 100%;
     background-color: white;
     border: thin solid lightgrey;
     }

table.columns {
   width: 100%;
   border: none;
   margin: 2px; }
   table.columns td, table.columns tbody {
     font-size: 100%; 
     border: none; 
     vertical-align: top;
     text-align: center; }
   table.columns thead, table.columns th {
     font-size: 100%; 
     border: none;
     vertical-align: top; 
     text-align: left; }
col.w50 { width: 50%; }

table.invisible {
   border: none;
   margin: 5px; 
   padding: 2px 5px 0px 5px;
}
   table.invisible td, table.columns tbody {
      font-size: 90%;
      border: none;
      vertical-align: top;
      text-align: left; 
      padding: 0px 5px 0px 5px;}
/*  which one?!?
   table.invisible thead, table.invisible th {
     font-size: 90%; 
     border: none;
     vertical-align: top; 
     text-align: left; }
*/
   table.invisible thead, table.invisible th {
     text-align: left;
     font-size: 100%;
     background-color: gainsboro;
     border: none;
     }
col.timerange { width: 9em; }

div.announce {
  width: 15em;
  background-color: #ffa07a;  /* light salmon */
  border: 5px ridge ;
  color: white;
  float: right;
  text-align: center;
   }

div.donate {
  width: 25em;
  background-color: #00ced1;       /* Dark turquoise: */
  border: 15px outset #ffa07a ;
  color: white;	
  text-align: center;
  margin: auto;
  padding: 10px;
  }

div.marquee {
  width: 40em;
  background-color: #0000ff ;  /* blue */
  border: 20px ridge #ff0000;  /* red */
  color: white;
  margin: 2em auto;
  text-align: left;
  } 
.photo-left, .photo-right {
	font: .9em Arial, Helvetica, sans-serif;
	width: auto;
	max-width: 300px;
	}

* html .photo-left, * html .photo-right {
	width: 300px;
	}
.photo-left {
	float: left;
	clear: left;
	margin: 0 1.5em 1.5em 0;
	}

.photo-right {
	float: right;
	clear: right;
	margin: 0 0 1em 1.5em;
	}
.photo-huge {
	font: .9em Arial, Helvetica, sans-serif;
	width: auto;
	margin: auto;
	max-width: 750px;
	}
.clearit {
	clear: both; }

* html .photo-left, * html .photo-right, * html .photo-huge {
	width: 300px;
	}
.photo-left p, .photo-right p, .photo-huge p {
	padding: 0;
	margin: 0;
	}

.photo-credit {
	margin: 0 0 1em 0;
	text-align: right;
	font: .6em Arial, Helvetica, sans-serif;
	font-style: italic;
	}

.photo-caption {
	margin: 0 0 1em 0;
	line-height: 120%;
	}