/* Cascading Style Sheet for joesfilters.com */
/* authored by Joe Maller */
/* August 2002 */
body
{
	margin: 0;
/*	background: #777a83 url(images/bg.jpg); */
/*	background-image: url(images/bg3.gif); */
	background: #2E567A;
/*	background-repeat: repeat; */
	font-family: 'Lucida Grande', 'Gill Sans', Verdana, sans-serif;
/*	position: relative; */
/*	width: 100%; */
}

#bodytext p a:link, .divrow a:link, #controls dd a:link, #bodytext li a:link
{
	color: #00b;
	text-decoration: none;
	border-bottom: 1px solid #ccf;
	margin-bottom: -1px;
	/*	background: white;
a sad hack to work around the underline problem*/
}

#bodytext p a:visited, .divrow a:visited, #controls dd a:visited, li a:visited
{
	color: #669;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
	margin-bottom: -1px;
	/*	background: white;
a sad hack to work around the underline problem*/
}

#bodytext p a:hover, .divrow a:hover, #controls dd a:hover, #bodytext li a:hover
{
	color: #00f;
	text-decoration: none;
	border-bottom: 1px solid #00f;
	background: gray;
	margin-bottom: -1px;
}

#dl /* What the hell is this for?  [used for the icon on the download page */
{
	border: 2px solid white;
	margin: -2px auto;
}

/* */
/* */
/* */
/* bodytext: container for the bulk of the content; child of  #content */
#page
{
	width: 655px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: absolute;
	border: 1px solid #262626;
	padding: 0;
	background: #fff;
	background-repeat: no-repeat;
	background-position: bottom right;
}

/* */
/* */
/* */
/* header: container for the pagetitle and pageblurb */
#header
{
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}

#pagetitle
{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 4px;
	color: black;
	padding: 10px 10px 0 10px;
}

#pageblurb
{
	font-size: 10px;
	padding-top: 0px;
	color: #888;
	padding: 0px 10px 10px 10px;
}

#pagetitle a
{
	text-decoration: none;
	color: black;
}

#pagetitle a:hover
{
	color: #00f;
	text-decoration: none;
}
#banner
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%; 
	padding: 0;
	margin: 0 0 20px 0;
	background: #fff url(images/header_bg.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid #000;
}

#content
{
	position: absolute;
	top: 115px;
	left: 3%;
	width: 67%;
	padding: 0;
	margin: 0 0 20px 0;
	background: #fff;
	border: 1px solid #666;
}

/* */
/* */
/* */
/* bodytext: container for the bulk of the content; child of  #content */
#bodytext
{
	font-size: 11px;
	padding: 0 10px 130px 10px;
	margin: 0;
	background: #fff;
	background-repeat: no-repeat;
	background-position: bottom;
}

#bodytext h2
{
	font-size: 18px;
	padding: 12px 0 0 0;
	margin: 0;
	font-style: bold;
}

#bodytext h3
{
	font-size: 13px;
	padding: 10px 0 0 0;
	margin: 0;
	font-style: italic;
}

#bodytext p
{
	padding: 0;
	padding-right: 10%;
	margin: 3px 0 10px 0;
	line-height: 13px;
}

/* */
/* */
/* */
/* navigation: sidebar containing links, with style specific attributes */
#navbar
{
	position: absolute;
	top: 115px;
	left: 70%;
	width: 190px;
	padding: 0;
	margin: 0;
}

#navigation
{
	width: 181px;
	border: 1px solid #262626;
	font-size: 10px;
	margin: 0 0 7px 7px;
	padding: 0 0 5px 0;
	color: #000;
	background-color: #B0B4BA;
	position: relative;
}

#navigation	a
{
	display: block;
	padding: 2px;
	padding-left: 20px;
	margin-bottom: 2px;
	color: #444;
	text-decoration: none;
	border: none;
	background-color: transparent;
}

#navigation	a:hover
{
	display: block;
	background-repeat: no-repeat;
	padding: 2px;
	padding-left: 20px;
	color: #000;
	text-decoration: none;
	border: none;
	background-color: #A7ABB0;
}

#navigation h4
{
	color: #333;
	font-size: 10px;
	font-weight: bold;
	margin: 4px 0px 2px 4px;
	margin-bottom: 2px;
}

#navigation .group
{
	border-bottom: 1px solid #7f7f7f;
	margin-bottom: 10px;
}

.navtitle
{
	color: #000;
	font-weight: bold;
	padding: 4px 0 2px 0;
/*	text-align: center; */
	margin-bottom: 4px;
/*	background:  url(/images/); */
	background-color: #EAEBEC;
	background-repeat: repeat-x;
	border-bottom: 1px solid #262626;
}

/* */
/* */
/* */
/* blurbs are side boxes above and below navigation, can also be used below nav*/
.blurb
{
	width: 165px;
	margin: 0 0 7px 7px;
	font-size: 10px;
	padding: 4px 8px;
	background-color: #ddd;
	border: 1px solid #666;
	position: relative;
}

.blurb p
{
	margin: 0 0 3px 0;
	line-height: 13px;
}

.blurb a:link
{
	color: #039;
	text-decoration: none;
}

.blurb a:visited { color: #777; }

.blurb a:hover
{
	color: #00f;
	background: #ccc;
}

.blurb p { margin-bottom: 4px; }

.blurb ul
{
	margin: 0 0 5px 0;
	padding-left: 1.3em;
}

.blurb li { list-style: circle; }

/* */
/* */
/* */
/* columns are used for pictures and diagrams, number is width of the column */
.col
{
	float: left;
	margin-bottom: 10px;
}

/* */
/* */
/* */
/* legal: text that falls outside of the main box, primarily for copyright info */
.legal
{
	font-size: 10px;
	color: #aaa;
	margin: 6px 0 10px 0;
	text-align: center;
	clear: both;
}

.legal a:link
{
	color: #999;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
}

.legal a:visited
{
	color: #aaa;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
}

.legal a:hover
{
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid #bbb;
}

h1, h2, h3, h4, h5, h6 { clear: both; }