body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

body {font:13px verdana,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% verdana,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.64em;}

img {display:block;}

body
{
  /*background-image: url(../graphics/vert-grid-21px.png);*/
  background-color: #fff;
  color: #000;
}

#page
{
  /*background-color: #ffffee;
  background-image: url(../graphics/960-5col-grid.png);
  background-position: top left; */
  background-image: url(../graphics/home-grid-overlay.png);

  border: 1px solid #300;
  margin: auto;
  margin-top: 20px; /* actual margin=42. 1 px taken by border */
  margin-bottom: 20px;
  padding-top: 21px;
  width: 958px; /* actual width=960. 2px taken by border */
}

#content h1, #content h2, #content h3, #content p, #content ul, #content ol, #content blockquote, #content code, #content table
{
  margin-left: 234px; /* actual=192 + 11px which is 1/2 of 21px */
  margin-right: 298px; /* actual = 288 +10px which is 1/2 of 21px */ 
}
#content h1, #content #title p
{
  line-height: 1em;
  margin-right: 103px; /* actual=96px. +7px for gutter */
  margin-bottom: 1em;
}


#content p
{
  margin-bottom: 1.64em;
}

#content div.sidebar
{
  float: left;
  width: 182px; /* actual width=192. -10px for right gutter, 21px for left gutter as padding-left in paras  */
}
#content div.sidebar p, #content div.sidebar h1, #content div.sidebar h2
{
  margin: 0 0 1.9em 0; /* overides default margins */
  padding-left: 20px; /* actual left is 21px. border takes 1px */
  text-align: right;
}
#content div.sidebar h2
{
  margin-bottom: 0;
  font-weight: bold;
}
#content div.sidebar ul
{
  margin: 0 0 1.9em 0;
  padding-left: 20px;
  text-align: right;
}

#content h2
{
  font-family: tahoma;
}
#content p
{
  color: #555;
  margin-bottom: 1.9em;
}



#footer p
{
  margin-right: 0;
}





/* TYPOGRAPHY
---------------------------------------- */
a
{
  border-bottom: 1px dotted;
  color: #069;
  text-decoration: none;
}
a:hover
{
  color: #900;
}
#content h1
{
  font-size: 1.64em;
  font-family: georgia;
}
#content h2
{
  font-weight: bold;
}

/* 11/21 */
#content div.sidebar p, #content div.sidebar h2, #content div.sidebar h1, #content div.sidebar li, #content p
{
  font-size: 85%;
  line-height: 1.91em;
}
#content div.sidebar h1
{
  text-transform: uppercase;
  font-weight: bold;
}



/* COLOR
---------------------------------------- */

/* mid-gray */
#content div.sidebar p, #content div.sidebar a
{
  color: #666;
}
#content div.sidebar h1, #content div.sidebar h2, #content div.sidebar li
{
  color: #666;
}

#content div.sidebar a
{
  border-color: #999;
}
#content div.sidebar a:hover
{
  border-color: #900;
  color: #900;
}

#content p:hover
{
  color: #000;
}
#content p em
{
  color: 999;
}