/* URL=http://limarc.org/ares/most.css */

/*CSS for ARES on LIMARC. All pages other than home page... at least most */

@import url(scrol.css);
body {
   margin: 0; padding: 0;
   background: rgb(251, 251, 251); color: black;
   background-image: url(http://www.limarc.org/bg_whsquares1.jpg);
	font: 12px verdana, arial, helvetica, sans-serif;
	}
h1 { 
   margin: 0 0px; padding: 0.2em 4em 0.2em 1%; color: white;
   text-align: right; background: maroon;
	text-transform: lowercase; letter-spacing: 4px;
   border-bottom: medium solid black;
   border-top: medium outset white;
	font: 900 22px "trebuchet ms", "arial rounded mt bold", verdana, sans-serif;
    }
h2 { 
	margin: 0; padding: 1%; 
   background: black; color: white;
   font: italic 900 18px verdana, helvetica, sans-serif;
   }
h3 {
	background: transparent; color: maroon;
	border: 1px dashed #663; padding: 4px;
	text-align: center; margin: auto auto;
	font: 500 15px verdana, geneva, arial, helvetica, sans-serif;
}
h4 {
	font-size: 13px; margin: 0; padding: 2em 0px 0; 
   border-bottom: 1px solid rgb(50%,50%,35%);
   color: rgb(50%,50%,35%); background: transparent;}
h1, h2, h3, h4 {line-height: 1em;}
h3 a {
	color: #008B8B; background: transparent;
	text-decoration: none;
	}
p {line-height: 1.66; margin: 0.5em 3em 1em 3em;}

ul.stuff {
	font-size: 110%; font-weight: bold;
	list-style: none none; margin-left: 10em;
}
ul.resources {
    list-style: none none; margin-left: 10em;
    text-align: left;
    font: bolder 110% Tahoma, arial, helvetica, sans-serif;
}
h3.ares {
	background: transparent; color: maroon;
	border: 2px dotted #039; padding: 4px;
	text-align: center; margin: auto auto;
	font: bold 1.3em verdana, geneva, arial, helvetica, sans-serif;
}


.space {
	width: 40px;
	font-size: 1em;
	background-color: #fff;
	color: #f8f8ff;
}

div#main {
	margin: 2px 4% 1em 13%; padding-right: 2%; background: white;  
	width: 84%; border: thin inset maroon;   }
#content {
			 margin: 2% 16%; padding: 10px 20px;
          color: black; background: white;
          border: 1px solid maroon;
          font: 12px/130% verdana, geneva, arial, helvetica, sans-serif;
      }
#content a {
          color: #008B8B; background: transparent;
			 text-decoration: none;
          font : .9em/130% verdana, geneva, arial, helvetica, sans-serif;
      }
#content a:hover {
          background: #ccc; color: #008B8B;
			 text-decoration: overline;
          font : 1em/130% verdana, geneva, arial, helvetica, sans-serif;
      }
		

      
a.list  {
color: #008B8B; background: transparent;
text-decoration: none;
font : bold 1em/130% verdana, geneva, arial, helvetica, sans-serif;
      }
a.list:hover {
background: #ccc; color: #008B8B;
text-decoration: overline;
font : bold 1em/130% verdana, geneva, arial, helvetica, sans-serif;
      }		
.list a {
color: #008B8B; background: transparent;
text-decoration: none;
font : bold 1.1em/130% verdana, geneva, arial, helvetica, sans-serif;
      }
.list a:hover {
background: #ccc; color: #008B8B;
text-decoration: overline;
font : bold 1.1em/130% verdana, geneva, arial, helvetica, sans-serif;
      }			
		
div#botlinks { 
	 width : 80%;
    position: relative; left: 10%;
    background: #fff; color: #000;
    padding-right: 5px; border: thin dotted black;  text-align: center; 
    font: 12px/200% arial, helvetica, sans-serif;
	 table-layout: fixed;
}
div#botlinks a {
    background: #fff; color: #008B8B;
    text-align: center; text-decoration: none;
    font: 12px/150% arial, helvetica, sans-serif;
}
div#botlinks a:hover { 
    background: rgb(226, 226, 226); color: #008B8B;
    text-decoration: overline;
    font: 12px/150% arial, helvetica, sans-serif;
}
div#topcom {
	background: maroon; color: white; text-align: center;
	font: normal bold 14px/200% "trebuchet ms", verdana, sans-serif;
	}
div#topcom a {
	background: maroon; color: white; text-align: center;
	text-decoration: none; 
	font: normal bold 14px/200% "trebuchet ms", verdana, sans-serif;
}
div#topcom a:hover {
	background: #ccc; color: white; text-align: center;
	text-decoration: overline underline; 
	font: normal bold 14px/200% "trebuchet ms", verdana, sans-serif;
}
img {
    border : 0px none;
	 background: transparent; color: white;
	}
img.nob{
	background: transparent;
	color: white;
	border: 0 none;
}
img.nobc{
	background: transparent; color: white;
	border: 0 none; text-align: center;
}
img.top {
	background: transparent;
	color: white; 	border: 0 none;
	vertical-align: text-top;
}
div#nav {
	position: absolute; top: 20em; left: .3em; width: 13%;
   font-size: 10px; background: #800; color: white;
   border: 1px solid black;
   border-top: medium groove white;
}
div#nav a {
	display: block; padding: 4px 8px; margin: 0; 
   text-decoration: none; text-align: right; color: #fff;
   border-top: 1px ridge white; background: transparent;
	font: 600 10px verdana, geneva, arial, helvetica, sans-serif;
 }
div#nav a:hover { 
	background: rgb(226, 226, 226); color: maroon;
	/*border-top: 3px inset white; */
 }
div#nav h4 {
	background: black; color: white;
   text-align: center; margin: 0; padding: 0.25em 0 0.125em 0;
}
div#links {
	display: block; position: absolute; top: 20em; left: .3em; width: 13%;
   font: bold 87% verdana, arial, helvetica, sans-serif; 
   text-decoration: none; color: #fff; background: maroon;
}
td {
	/*position: absolute; top: 20em; left: .3em; width: 13%;
   font-size: 90%; background: #800; color: white;
   /*border: 1px solid black;
   border-top: medium groove white;*/
	text-align: center;
}
td a {
	display: block; /*padding: 4px 8px;*/ margin: 0; 
   text-decoration: none; text-align: right; color: #fff;
   /*border-top: 1px ridge white;*/ background: transparent;
   /*border-right: 1px solid black; */
	/*font: 600 85% verdana, geneva, arial, helvetica, sans-serif;*/
 }
td a:hover { 
	/*background: rgb(226, 226, 226); color: maroon;*/
	/*border-right: 2px inset #000; border-left: thin inset white;
	border-top: 3px inset white; */
 }
.heading1 {
	background: transparent; color: #663;
	padding: 4px; text-align: center; margin: auto 2%;
	font: 120%/150% verdana, geneva, arial, helvetica, sans-serif;
}
.headingsolid {
	background: transparent; color: #663;
	border: 1px solid #663; padding: 4px;
	text-align: center; margin: auto 2%;
	font: 120%/150% verdana, geneva, arial, helvetica, sans-serif;
}
pre {color: black; background: white;
	font: 500 small/130% verdana, geneva, arial, helvetica, sans-serif;
}
.date {
	background: transparent; color: #663; text-align: center;
}
hr.mar75 {
	width: 75%; color: maroon;
}
.b {font-weight: bold;}
.c {text-align: center; }
.cb { font-weight: bold; text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
.lb { font-weight: bold; text-align: left;}
.jus, j {text-align: justify;}
.u {text-decoration: underline; }
.ub {text-decoration: underline; font-weight: bold;}
.goldc {	background: transparent; color: #663; text-align: center;}
.trebgold {background: transparent; color: #663;  font: 600 105% "trebuchet ms", Verdana, sans-serif; }
.medlrg {
	background: transparent; color: black; text-align: center;
	font: normal 900 120% "trebuchet ms", "ms sans serif", geneva, sans-serif;}
.medlrg a {
	background: transparent; color: #008B8B; text-align: center;
	text-decoration: none;}	
.medlrg a:hover {
	background: #008B8B; color: white; text-align: center;
	text-decoration: overline;}		
.trans {color: maroon;}
em {font-weight: bold; font-style:  italic;}