body { 
  margin: 0;
  padding: 0;
  font-family: "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
  font-size: 76%;
  background-color: #FFF;  
  color: #667;
}
    
h1 {
  font-size: 1.7em;
  font-weight: normal;
  margin-top: 0em;
  margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
}

h2 {
  font-size: 1.5em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: normal;
}

h3 {
  font-size: 1.3em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: normal;
}

h4 {
  font-size: 1.2em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: bold;
}
h5 {
  font-size: 1.0em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: bold;
}
h6 {
  font-size: 0.8em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: bold;
}
img {
  border: 0;
}
ol, ul, li {
  list-style: none;
  line-height: 1.4em;
}
p {
  font-size: 1.0em;
  line-height: 1.4em;
  margin: 1.2em 0em 1.2em 0em;
  text-align: justify; 
}
li > p {
  margin-top: 0.2em;
}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
  font-family: monospace;
  font-size: 1.0em;
}
strong, b {
  font-weight: bold;
  color: #000;
}
p.quote { 
  font-style: italic; 
	line-height: 1.2em;
	margin-left: 50px;
	width: 300px;
}
/* defaults */

pre { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  margin: 10px 0px 20px;
  padding: 10px;
  padding-left: 25px;
  padding-right: 25px;
  text-align: left;
  }
p {
  padding: 0px;
  margin: 10px;
  text-align: justify; 
  width: 400px;
  }
table {
  text-align: left;
  width: auto;
}
ul { 
  margin: 0px; 
  padding: 0px; 
  text-align: left;
  list-style-type: none;
}
li { 
  margin: 0px; 
  padding: 0px; 
  text-align: left;
}
dl {
  text-align: left; 
  margin-left: 10px;
  }
dd { padding-right: 25px; }
dt { margin-top: 10px; color: black; padding-bottom: 5px; }
a   { 
  padding: 0;
  margin: 0;
  text-decoration: none; 
  }
a:link { 
  text-decoration: none; 
  color: #2c5499;  
  }
a:visited   { 
  text-decoration: none;
  background: transparent; 
  color: #6c9eb7; 
  }
a:hover     { 
  text-decoration: none; 
  background: transparent; 
  color: #ff9000; 
  }
em {
  color: #000;
  }
img { 
  margin: 10px 0px;
  }
img.icon {
  border: 0px;
  margin: 0px 5px;
}
/* general classes */
.color {
  color: #ffc880;
  }
.small {
  font-size: 0.8em;
  }
.postit {
  margin-top: 20px;
  border: 1px solid #CCC;
  }
.noborder { border: 0px; }
.nobormar { padding: 0px; border: 0px; margin: 0px; }
/* positioning main elements */
#main { 
  position: absolute;
  top: 26px;
  left: 50%;
  width: 500px;
  margin-left: -270px;
  padding: 0px;
  padding-top: 25px;
  padding-bottom: 70px;
  text-align: center;
  background-color: white;
  }
#header {
  position: fixed;
  top: 0px;
  right: 0px;
  width:100%;
  height: 25px;
  text-align: center;
  z-index: 10;
  background-color: white;
  border-bottom: 1px solid #ffc880;
  padding: 0px;
  /*background: url(../images/underline_orange.png);*/
  }
#menu {
  position: absolute;
  left: 1px;
  top: 0px;
  width: 150px;
  padding: 0px;
  padding-bottom: 10px;
  z-index: 13;
  border-right: 1px solid #ffc880;
  background-color: white;
}
#news {
  position: absolute;
  top: 115px;
  right: 0px;
  width: 200px;
  padding: 20px 0px 20px 0px;
  border-left: 1px solid #ffc880;
  background-color: white;
	line-height: 1.2em;
  }
/* end positioning */
/* main div styles*/
#main ul, #main p, #main pre, #main dl {
  padding-left: 15px;
  padding-right: 15px;
}
#main h3 {
  margin: 20px 0px 0px;
	clear: both;
}
#main ul.index { border: 1px solid #aac; }
#main p.rtag {
  padding: 0px;
  padding-right: 15px;
  text-align: right;
  margin: 5px 0px 20px 70px;
  line-height: 1em;
  width: auto;
  }
ul.section_menu {
	color: #aac;
	padding: 0px;
	margin: 0px;
	margin-top: -20px;
	margin-right: 90px;
	margin-left: 90px;
	margin-bottom: 15px;
	border-left: 1px solid #ffc880;
	border-bottom: 1px solid #ffc880;
	padding-bottom: 5px;
	z-index: 100;
}
ul.section_menu li {
	padding: 0px; 
	margin: 0px;
	margin-left: -10px;
}
#main td p { width: auto; padding: 0px; }
/* if I put the image in a table that means I want to place it */
td img { margin:0px; border: 0px; padding: 0px; }
/* end main */
/* styling for blog pages */
hr {
  padding: 0px;
  margin: -8px 0px 0px 0px;
  border: 0px;
  color: #ffc880;
  background-color: #ffc880;
  z-index: 20;
  height: 1px;
}
#main pre.inline_indent {
  margin-bottom: 0px;
  padding-left: 50px;
  padding-right: 50px;
}
/* NEWS styling */
#news hr {
  margin: 0px 0px 0px -15px;
  padding: 0px;
  border: 0px;
  z-index: 20;
  color: #ffc880;
  background-color: #ffc880;
  height: 1px;
}
#news hr.divider {
  width: 100px;
  margin: 5px 0px 10px -6px;
  padding: 0px;
  border: 0px;
  height: 1px;
}
#news h2 {
  margin: 0px;
  width: 55px;
  font-weight: normal;
  font-size: 1.2em;
  text-align: right;
  padding-right: 24px;
  padding-top:5px;
  background: 
    url(http://metm.org/images/accent_orange_left.png) 
    no-repeat right center; 
  color: black;  
  }
#news h2 img { margin-top: -6px; }
#news h3 {font-weight: normal; margin: 0px; margin-top: 6px; padding: 0px; }
#news h4 { margin: 0; margin-bottom: 1em; padding: 0.5em 0em 0.5em 0.2em; background-color: #f5f5f5; color: #666; } 
#news p {font-size: 0.9em; line-height: 1.4em; padding: 0px; padding-top: 5px; padding-bottom: 10px;  width: auto; }
#news p.blurb { text-align: right; margin: 0px; padding: 0px; margin-top: 6px; padding-right: 6px;}
#news p.when { text-align: right; margin: 0px; padding: 0px;  padding-right: 6px;}
#news p.where { text-align: right; margin: 0px; padding: 0px; margin-bottom: 6px;  padding-right: 6px;}
#news p.what {text-align: left; margin: 0px; padding: 0px; padding-top: 5px; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #eee;  }
/* end NEWS */
/* menu */
#menu div {
  border-left: 0;
  margin-bottom: 5px;
  margin-top: 10px;
}
#menu p.head {
  padding: 0px;
  border-bottom: 1px solid #ffc880;
  margin-left: 10px; 
}
#menu hr {
  width: 140px;
  margin: 5px -15px 5px 0px;
  padding: 0px;
  border: 0px;
  z-index: 20;
  color: #ffc880;
  background-color: #ffc880;
  }
#menu h2 {
  margin: 0px;
  font-weight: normal;
  font-size: 1.2em;
  text-align: left;
  padding-left: 25px;
  width: 140px;
  padding-top:5px;
  background: 
    url(http://metm.org/images/accent_orange_right.png) 
    no-repeat left center; 
  border-bottom: 1px solid #ffc880;
}
#menu h3 {
  padding: 0px;
  margin: 0px;
  text-align: left;
  font-size: 1em;
  font-weight: normal;
  padding-top: 2px;
  padding-bottom: 5px;
  padding-left: 0.5em; 
  margin-left: 5px;
  background-color: #f5f5f5; 
  color: #666; 
  }
#menu h2.selected {
  margin-top: 5px;
  padding: 0;
  background: none; 
  border: 0;
  text-align: right;
  font-size: 1.2em;
}
#menu ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  border: 1px solid #eee;
  }
#menu ul.closed {
  font-size: 1em;
  font-weight: normal;
  padding-top: 2px;
  padding-bottom: 5px;
  margin-left: 5px;
}
#menu ul.sub_menu { 
  margin: 0px; 
  margin-right: 0px;
  margin-left: 5px;
  margin-top: -5px;
  padding-top: 5px;
  margin-bottom: 5px;
  padding-right: 0px;  
  z-index: 20;
}
#menu ul li { 
  text-align: right;
  font-size: 1em;
  padding: 0px; 
  margin: 0px; 
  border: 0px; 
  padding-right: 5px;
}
#menu ul li.selected { 
  color: #aac;
}
#menu h3.selected a {
  padding: 0px;
  color: black; 
  font-size: 1em;
  }
#menu h3.selected a:hover {
  color: #ff9000;
}
/*end menu*/

/* header styles */
#header hr {
  position: absolute;
  width: 100%;
  top: 24px;
  right: 0px;
  padding: 0px;
  margin: 0px ;
  border: 0px;
  height: 1px;
  color: #ffc880;
  background-color: #ffc880;
  }
#header h1 { 
  position: absolute;
  right: 5px;
  top: 0px;
  text-align: right;  
  font-size: 1.4em; 
  font-weight: normal; 
  padding: 5px 24px 10px 0px; 
  width: 220px;
  margin-top: -1px;
  margin-bottom: 0px;
  color: #667;   
  border-left: 1px solid #ffc880;
  background: 
    url(http://metm.org/images/accent_orange_left.png) 
    no-repeat right center; 
  }
#header h1.category {
  position: absolute;
  padding: 5px 100px 10px 0px; 
  right: 160px;
  font-size: 1.2em; 
  text-align: right;  
  border: 0px;
  background: transparent;
  background-image: none;
  width: auto;
  color: #aac;   
}
#personal { position: absolute; right: 5px; top: 30px;}
#personal p { width: auto; }
h1, h2, h3, h4, h5, h6 {
  text-align: left;
  color: #000;
}
h4, h5, h6 {
  font-weight: normal;
}
h1.title_extra { 
  margin-top: -50px; 
  margin-left: 0px; 
  font-size: 1.5em; 
  }
#header h1 a { color: #667; } 
#header h1 a:hover { color: #ff9000; } 
/* this is ment to color links in the page title */
h2 a:link { color: black; }
h2 a:visited { color: black; }
h2 a:hover { color: #ff9000; } 
h2 { 
  padding: 0px;
  text-align: left;
  padding-left: 24px;
  padding-top: 10px;
  width: 250px;
  margin: 5px 0px 25px 300px;
  background: 
    url(http://metm.org/images/accent_orange_right.png) 
    no-repeat left bottom; 
  color: black;  
  }
h2.title_extra { 
  padding: 0px;
  left: 0px;
  padding-left: 15px;
  margin-top: -40px; 
  margin-left: 0px; 
  margin-right: 185px;
  width: 250px;
	font-size: 1.2em;
  font-weight: normal;
  text-align: left;
  background: transparent;
  color: #667;  
  }
/* special types of paragraph */
p.left { 
  text-align: left; 
  margin-left: 75px; 
  }
p.ctag {
  text-align: center;
  margin: 5px 0px 20px 0px;
  }
p.ltag {
  text-align: left;
  margin: 5px 100px 20px 0px;
  }
/* images */

img.thumb { 
  margin: 5px 0px; 
  border: 0px;
  }
/* category styling for index */
h2.category  { 
  text-align: left;
  width: 300px;
  margin: 5px 200px 5px 0px;
  background: 
    url(http://metm.org/images/accent_orange_right.png) 
    no-repeat left bottom; 
  color: black;  
  }
#main div.box { 
  margin: 0px 5px 0px 5px;
  float: left; 
  width: 190px;
  height: 200px;
  text-align: center;
}
#main div.box p { text-align: left; padding: 0px; margin: 0px; width: auto; }
#main div.box h3 { text-align: left; padding: 0px; margin: 0px; width: auto; }
div.category {
  display: block;
  margin-top: 20px;
  width: 100%;
}
.category hr {
  clear: both;
  }
.xxx {
  border: 1px solid yellow;
  width: 100px;
  height: 190px;
  }
/* div.box h3 { padding: 0px; margin: 0px; }
div.box h3 a {}*/
.float { border: 0px; margin:0px; padding: 0px; float: left; }
.inline { 
  border: 0px; 
  margin-top: 0px; 
	margin-left: -25px;
	margin-right: 10px;
	margin-bottom: 0px;
  float: left; 
}
div.event .inline {
  margin-top: -10px;
  padding: 0px 15px 10px 25px;
}
/* miwa et marco header */
p.head {
   text-align: center;
   height: 50px; 
   padding: 40px 0px 20px;
}
p.head a {
   font-size: 18px; 
   margin: 0px; 
   padding: 0px;
}
p.head a:link {
   font-size: 18px; 
   vertical-align: top;  
}
p.head a:visited {
   font-size: 18px; 
   vertical-align: top; 
}
p.head a:hover {
   font-size: 36px; color: #ff9000; margin: -70px 50px 0px; 
}
p.head a.et {
   font-size: 20px;
   padding: 15px 3px 15px 30px; border: 1px solid #6c9eb7; 
} 
p.head a.et:hover {
   color: #ff9000;
}
/* menu head */
#menu p.head {
   text-align: center;
   padding: 18px 0px 18px 0px;
   margin: 0px;
   width: auto;
   height: 20px;
}
#menu p.head a {
   font-size: 9px; 
}
#menu p.head a:link {
   font-size: 9px; vertical-align: top;  
}
#menu p.head a:visited {
   font-size: 9px; vertical-align: top; 
}
#menu p.head a:hover {
   font-size: 14px; margin: -10px 7px; 
}
#menu p.head a.et {
   font-size: 12px;
   padding: 5px 1px 5px 10px; border: 1px solid #6c9eb7; 
} 
#menu p.head a.et:hover {
}
/* WHEN WHERE WHAT blocks */
span.www {
  display: block;
  float: left;
  padding: 0px 15px 0px 0px;
  width: 50px;
}
span.flash {
   color: #ff4fe4;
}
p.description {
   margin: 7px;
}
p.caption {
   margin: 0;
	 text-align: right;
   line-height: 1em;
}
/* navigation widget */
p#nav { 
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 60px;
  width: 500px;
  left: 50%;
  margin-left: -270px;
  text-align: center;
	z-index: 0;
}
a.left {
  display: block; 
  text-align: left; 
  width: 90px;
  margin-right: 290px;
  margin-left: 10px;
}
a.right {
  display: block; 
  width: 90px;
  margin-left: 290px;
  margin-right: 10px;
  text-align: right; 
  margin-top: -1em;
}
p#nav_left {
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 65px;
  width: 90px;
  left: 50%;
  margin-left: -270px;
	text-align: left;
}
p#nav_right {
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 65px;
  width: 90px;
  right: 50%;
  margin-right: -270px;
	text-align: right;
}
/* events (blog pages) */
div.event { 
  margin-top: -7px;
  min-height: 150px; 
  padding:0px;
  padding-bottom: 20px; 
}

div.event p.links { text-align: right; }
h3.entry {
  font-weight: normal; 
  text-align: left;
  padding: 0px;
  margin: 40px 0px 0px 0px;
}
div.event h3 a { 
  height: 0px; 
  padding: 0px; 
  margin: 0px; 
  width: auto;
}
#main h2.event { 
  font-weight: normal;
	font-size: 1.4em;
  background: transparent;
  background-image: none;
  padding: 0px;
  padding-bottom: 5px;
  margin-left: 0px; 
  margin-bottom: 0px; 
  margin-top: 25px;
  margin-right: 320px;
  border-right: 1px solid #ffc880;
  text-align: left;
  width: 80px;
}
p.links {
  margin: 0px;
  padding: 10px 15px;
  }

p.author,
p.when { padding: 0px; margin-top: 5px; color: black;} 
p.where {
  padding: 0px;
  text-align: right; 
  margin-bottom: 12px; 
  margin-top: -12px;
}
#links {
  margin-top: 200px;
  clear: both;
}
#links h3 {
  color: #444;
  width: 180px;
  padding: 5px 5px 5px 0px;
  margin-bottom: 20px;
  border-right: 1px solid #ffc880;
	font-weight: normal;
}
#links ul {
  width: 240px;
  margin: 30px 0px;
  margin-left: 50px;
  padding: 30px;
  border: 1px solid #ccc;
}
#links ul li {
  margin: 7px 0px;
  border-bottom: 1px solid #eee;
  padding: 0px 15px;
}
#links hr {
  margin-top: -28px;
	margin-bottom: 30px;
}

p.list {
	text-align: right;
	margin: 12px 0px;
}
p img { float: left; margin-left: -25px; margin-right: 10px;}
/*  background-image: url(../images/background-scale.png);*/
div.box p { line-height: 1.4em; }
.yellow {
	background-color: yellow; 
}
.center {
  text-align: center;
}