body 
{
	color               : black;                             /* font colour       */
	margin              : 0; 
	padding             : 0;
	background: #beac9a;
}

body, td, th
{
	font : 12px/1.2 Verdana, Arial, Helvetica, sans-serif;   /* main font         */
}

#content
{
	border  : 1px solid black;
	margin  : 10px 0 10px 0;
	padding : 0;
	
	position    : relative;
	right       : auto;    
	left        : 50%;
	width       : 780px;   /* page width (w) */
	margin-left : -390px;  /* w/2            */

	background          : #ebe2d8 url(./images/newbg.jpg);    /* vignette graphic  */
	background-repeat   : no-repeat;
	background-position : center top;
	background-attachment: fixed;	
}

#banner
{
	width : 100%;
	height : 156px;
	background : url(./touchedbanner.png) no-repeat 0 0;
	border-bottom: 1px solid black;
}

#main, #sidebar
{
	margin-top: 1em;
}

#main /* the main body of the page */
{
	float : right;
	width : 535px;
	padding : 20px;
}

#sidebar /* a ghost container for for the side sections */
{
	float : left;
	width : 200px;
	clear: both;
	padding : 20px 0 0 0;
}

br#contFix /* gives #content actual content to allow bg to apply properly */
{
	clear   : both;
	border  : none !important;
	padding : 0    !important;
	margin  : 0    !important;
}

/* typography */

h1 { font-size: 140%; }
h2 { font-size: 120%; }
h3 { font-size: 105%; }

h1
{
	margin-bottom : 2em;
}

h2
{
	display       : block;
	border-bottom : 1px solid black;
	margin-top    : 2em;
}

#main p
{
	margin-bottom: 2em;
}

/* link options  -------------------------------------------------------------------- */

a, a:visited, a:active, a:hover
{
 	color           : #697491;
 	text-decoration : none;
}

a:hover
{
	color : white;
}

#main a img
{
	border: none;
}

/* menu ----------------------------------------------------------------------- */

#menu
{
	font-size: 130%;
}

#menu ul li
{
	list-style: none;
	margin-bottom: 0.5em;
}

#menu ul li#selected:before
{
	content: "\00BB \0020";
}