/*
 * Style sheet for RMRM website
 */
h1,h2,h3
{
font-family: arial, 'sans serif'; 
font-variant: small-caps
}

p,table,li,address
{
font-family: arial, 'sans serif'; 
margin-left: 15pt;
}

p.bighead:first-letter
{
font-family: arial, 'sans serif'; 
font-size: xx-large;
font-weight: bold;
color:saddlebrown; 
}

table
{
border: 2;
}

table.borderless
{
cellspacing: 8;	/* doesn't seem to work */
border: 0;
border-spacing: 8;
}

p,li,th,td
{
font-size: 80%;
}

td.borderless,th.borderless
{
padding: 0.25cm;
}

th {background-color:#FAEBD7}

body
{
background-color: #ffffcc;
/* background image
background-image: url('19102007123.jpg');
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
*/
}

h1,h2,h3,hr 
{
color:saddlebrown; 
}

a:link    {color:darkred}
a:visited {color:darkred}
a:hover   {color:red}
a:active  {color:red}

/*
 * The top menu stuff
 */
ul.topmenu
{
float:left;
width=100%;
padding:0;
margin:0;
list-style-type:none;
}
a.topmenu
{
float:left;
width=6em;
text-decoration:none;
color:white;
background-color:saddlebrown;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a.topmenu:link    {color:#ffffcc}
a.topmenu:visited {color:#ffffcc}
a.topmenu:hover { background-color:#442200; color:#ffffcc}
a.topmenu:active  {color:#ffffcc}
li.topmenu {display:inline}

/*
 * the "frame" stuff
 */
div.container
{
width:100%;
margin:0px;
border:1px solid saddlebrown;
line-height:150%;
}
div.header,div.footer,div.topmenu
{
padding:0.5em
color:#ffffcc;
background-color:saddlebrown;
clear:left;
}
h1.header
{
padding:0;
margin:0;
color:#ffffcc;
}
div.left
{
float:left;
width:160px;
margin:0;
padding:1em;
}
div.content
{
margin-left:0px;	/* Use 190 if we have a "left" div as well */
/* border-left:1px solid gray;	* need this if we have a "left" div as well */
padding:1em;
}
div.footer
{
font-family: arial, 'sans serif'; 
}
div.footer a:link    {color:#ffffcc}
div.footer a:visited {color:#ffffcc}
div.footer a:hover	 {color:white}
div.footer a:active  {color:#ffffcc}

/*
 * Image formatting properties
 */
div.img
{
	margin: 2px;
	background-color: white;
	border: 1px solid saddlebrown;
	height: auto;
	float: right;
	text-align: center;
}

div.img img
{
	display: inline;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	border: 1px solid #ffffff;
}

div.imgdesc
{
	font-family: arial, 'sans serif'; 
	text-align: center;
	font-weight: bold;
	font-size: xx-small;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
}