body {
	background-image: url("/pix/ODN_border1.jpg");
	background-position: right;
	background-repeat: repeat-y;
	background-color: #fff;
	color: #333;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
}

A         { color: #066; text-decoration: none; border-bottom:dotted 0px}
A:visited { color: #066; text-decoration: none; border-bottom:dotted 0px}
A:hover   { color: #330; text-decoration: none; border-bottom:dotted 1px}
A:active  { color: #099; text-decoration: none; border-bottom:dotted 1px}


#header {
}

/* the whole left-border-spacing thing */

#menu, #content, #footer {
	position: relative;
	left: 84px;
	width: 670px;
}

	

#menu {
	margin-top: 0px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999;
}

a.menulink {
	margin-right: 0.5em;
}


p.twopix {
	text-align: left;
}

p.description {
	width: 550px;
	text-align: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999;
}

p.header {
	margin-top: 0px;
	margin-bottom: 25px;
	padding-bottom: 20px;
	width: 670px;
	border-bottom: 1px dotted #999;
}

span.galleryname {
	text-transform: uppercase;
	font-size: 13px;
	margin-bottom: 5px;
}

p.verticalblankspace {
	margin-top: 50px;
}

img.img1 {
}

img.img2 {
	margin-left: 1em;
}


#footer {
}

p.footer {
	margin-top: 50px;
	border-top: 1px solid #ccc;
	font-size: 9px;
	color: #666;
}


td.linkcell {
	vertical-align: top;
	width: 183px;
	// this is 550/3
}




/* how to handle borders of imgs that are links */

#header img, #header img:hover,
a.headerlink, a.headerlink:visited, a.headerlink:hover {
	border: 0px;
}


img.img1, img.img2		{border: 1px solid #fff;}
img.img1:hover, img.img2:hover 	{border: 1px solid #066;}
a.a1:hover			{border: 0px;}