/* Originally cribbed from http://bluerobot.com/web/layouts/layout1.html
 * However, people who merge the hotlink colors are evil and should be killed, 
 * so I removed that.  Fixing font sizes in pixels is evil, too; is much as 
 * possible I has move all dimensions to be relative to the associated font 
 * size. Finally, light grey is a great background color, but lousy for
 * foreground text on white.
 */

body {
margin:0;
padding:0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #696969;
background: url(../images/greywhite.jpg) #696969;;
}

p {
margin:0 0 1em 0;
padding:0;
}
#content>p {text-indent:2em; margin:0;}
#content>p+p {text-indent:2em; margin-top: 1ex;}

h1 {
font-size: x-large;
margin-bottom: 0.25ex;
}

h2 {
font-size: large;
margin-bottom: 0.25ex;
}

a:link {
text-decoration: none; 
color: #2057A2; 
font-weight : bold;
}
a:visited {
text-decoration: none; 
color: #B0C4DE; 
font-weight : bold;
} 
a:hover {
background-color:#ccc; 
text-decoration: none; 
color: #660033; font-weight : bold;
}

#top  {
color: #660033;
font-weight:600;
font-size: x-large;	/* should be same as an h1 header */
padding: 2%;
background-color: white;
border:1px dashed #999;
margin-left: 320px;
margin-top: 15px;
margin-right: 15px;  
}

/* There is some wierd bug in ie6 that has something to do with
margins. To get it to display correctly, you need to do this
"hide from mac" hack with a -ve 3px border. I was having trouble with
the top div not being even with the left div (only in ie6). Not exactly
sure why this works, but it does... */

/* hide from mac \*/
* html .top {
margin-top: -3px;
border-top: 4px dashed #999;
}
/* end hide */ 

#left  {
position: absolute;
left: 1em;
top: 15px;
width: 265px;
background-color: white;
border:1px dashed #999;
padding: 1ex;
}

#content {
background-color: white;
margin-top: 15px;
margin-left: 320px;
margin-right: 15px;
padding: 1ex;
border:1px dashed #999;
}

/* For convenience */
.centered {
text-align: center;
margin-left: auto;
margin-right: auto;
}

img {
border: 0;
}
