/*--------------------- body ---------------------*/

body {
	margin: 0;
	padding: 0;
	cursor: url("/cur/arrow_r.cur"), default;
	background-color: #fff;
	font: 11px "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #777;
	  /* this attribute sets the basis for all the other scrollbar colors (Internet Explorer 5.5+ only) */
	SCROLLBAR-BASE-color:  #BBBBBB;
  	SCROLLBAR-ARROW-color: #D7DAE3;
}

p, td {
	font: 100% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	padding: 0;
	margin: 0;
}

#evangelism {
	display: none;
	background-color: #000;
	font: 110% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #fff;
	padding: 2px;
	text-align: center;
}

#taglineholder, #photo, #menu, #content, #footer {
	position: relative;
	width: 750px;
	left: 50%;
	margin-left: -375px;
}

#menu {
	height: 19px;
}

#taglinebg {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	background-color: #bbb;
}

#sitename {
	float: left;
	width: 375px;
}

#tagline {
	float: left;
	width: 375px;
	text-align: right;
}

#sitename p, #tagline p {
	padding: 5px 0px 5px 0px;
	font: 90% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #fff;
}

/* --------------------- */

#photo {
	height: 61px;
	border: 1px solid #ddd;
}

#header {
	text-align: right;
	padding-top: 5px;
	padding-right: 50px;
	color: #636C7B;
}

.sitename2 {
	font: 650% "Helvetica", "Arial", "Verdana", sans-serif;
	moz-opacity:.20;opacity:.20;
	color: #fff;
}

.page {
	font: 650% "Helvetica", "Arial", "Verdana", sans-serif;
	moz-opacity:.20;opacity:.20;
	color: #000;
}

/* --------------------- */

#nav {
	float: left;
	margin-top: 3px;
	font: 100% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #bbb;
	width: 400px;
}

#search {
	float: left;
	text-align: right;
	width: 350px;
}

#mainpanel {
	float: left;
	width: 500px;
	border-right: 1px solid #ddd;
}

#mainpanel p {
	padding: 5px 15px 5px 0px;
}

#mainpanel2 {
	float: left;
	width: 750px;
}

#mainpanel2 p {
	padding: 5px 0px 5px 0px;
}

#sidepanel {
	float: left;
	width: 249px;
}

#sidepanel p {
	padding-left: 15px;
}

#footerbg {
	clear: both;
	position: relative;
	width: 100%;
	background-color: #bbb;
}

#footer {
	padding: 5px;
	font: 90% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #fff;
	text-align: right;
}

/*--------------------- text/headings ---------------------*/

h1 {
	font-size: 100%;
}

h2 {
	font: 200% "Arial", "Helvetica", "Verdana", sans-serif;
	color: #ccc;
	margin: 0;
	padding: 0px 0px 10px 15px;
}

.h3 {
	font: 110% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #000;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.h4 {
	font: 100% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #000;
	text-transform: uppercase;
	padding: 0px 0px 8px 0px;
	margin: 0;
}

h5 {
	font: 200% "Helvetica", "Arial", "Verdana", sans-serif;
	color: #ccc;
	margin: 0;
	padding: 0px 0px 10px 0px;
}

h6 {
	font: bold 110% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #fff;
	text-transform: uppercase;
	margin: 5px 15px 5px 0px;
	padding: 3px 5px 2px 5px;
	background-color: #ccc;
}

.h7 {
	font: bold 100% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding: 3px 5px 2px 5px;
	background-color: #ccc;
}

.small {
	font: 90% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #777;
}

.new {
	font: 90% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #f00;
}

.quote {
	font: 110% "Times New Roman", "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #999;
}

blockquote {
	padding: 10px 35px 10px 20px;
	margin: 0;
	font: 110% "Times New Roman", "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #999;
}

.update {
	font: 100% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #f00;
}

.sym {
	font: bold 110% "Times New Roman", "Arial", "Verdana", sans-serif;
	color: #fff;
	background-color: #ddd;
	padding: 0px 4px 0px 4px;
}

/*--------------------- links ---------------------*/

a:link {
	font: 100% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #444;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	color: #fff;
	text-decoration: none;
	background-color: #ccc;
}
a:visited {
	color: #444;
	text-decoration: none;
}

a.small:link, a.small:visited {
	font: 90% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #bbb;
	text-decoration: none;
}
a.small:hover {
	color: #777;
	text-decoration: underline;
}
a.small:active {
	color: #000;
	text-decoration: none;
	background-color: transparent;
}

#sidepanel a:link, #sidepanel a:visited {
	font: 90% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #bbb;
	text-decoration: none;
	border-bottom: 1px dotted #ddd;
}
#sidepanel a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: none;
}
#sidepanel a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	background-color: #ccc;
}

#nav a:link, #nav a:visited {
	font: "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #bbb;
	text-decoration: none;
}
#nav a:hover {
	color: #777;
	text-decoration: none;
}
#nav a:active {
	color: #000;
	text-decoration: none;
	background-color: transparent;
}

.paging :link, .paging :visited {
	font: bold 100% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #bbb;
	text-decoration: none;
	text-transform: uppercase;
}
.paging :hover {
	color: #777;
	text-decoration: none;
	text-transform: uppercase;
}
.paging :active {
	color: #000;
	text-decoration: none;
	background-color: transparent;
	text-transform: uppercase;
}

.pagingon {
	font: bold 120% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}

a.maincat, a.maincat:visited {
	font: bold 140% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #aaa;
	text-decoration: none;
}
a.maincat:hover {
	color: #000;
	text-decoration: none;
}
a.maincat:active {
	color: #ddd;
	text-decoration: none;
	background-color: transparent;
}

a.subcat, a.subcat:visited {
	font: 100% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #000;
	text-decoration: underline;
}
a.subcat:hover {
	color: #444;
	text-decoration: underline;
}
a.subcat:active {
	color: #777;
	text-decoration: underline;
	background-color: transparent;
}
.clickstream {
	color: #777777;
	text-decoration: none;
}
.clickstream :link, .clickstream :visited {
	font: 100% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #777777;
	text-decoration: underline;
}
.clickstream :hover {
	color: #000033;
	text-decoration: none;
}
.clickstream :active {
	color: #000033;
	text-decoration: none;
	background-color: #8399BB;
}

/*--------------------- form elements ---------------------*/

form {
	margin: 0;
}

.formfield {
	width: 100%;
	font: 100% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #777;
	background: #fff;
	border: 1px solid #ccc;
	padding-left: 5px;
	margin-bottom: 2px;
}
.formfield:focus {
	color: #000;
	border: 1px solid #bbb;
}

textarea {
	width: 100%;
	font: 100% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #777;
	background-color: #fff;
	border: 1px solid #ccc;
	padding-left: 5px;
	margin-bottom: 2px;
}
textarea:focus {
	color: #000;
	border: 1px solid #bbb;
}

.formcheckbox {
	color: #777;
	background-color: #fff;
	border: 1px solid #ccc;
}
.formcheckbox:focus {
	color: #000;
	border: 1px solid #bbb;
}

select {
	font: 100% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #777;
	background-color: #fff;
	border: 1px solid #ccc;
}
select:focus {
	color: #000;
	border: 1px solid #bbb;
}

.formbutton {
	font: bold 90% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #fff;
	background: #ddd url("/pics/themes/default/boff.gif") left top repeat-x;
	border: 1px solid #ccc;
}

.formbuttonover {
	font: bold 90% "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #fff;
	background: #bbb url("/pics/themes/default/bon.gif") left top repeat-x;
	border: 1px solid #aaa;
}

/*--------------------- misc ---------------------*/

acronym {
	border-bottom: 1px dotted #bbb;
	cursor: help;
}

hr, hr.spacy {
	color: #ddd;
	background-color: #ddd;
	width: 100%;
	height: 1px;
	border: none;
	clear: both;
}

hr.spacy {
	margin-top: 10px;
	margin-bottom: 10px;
}

hr.dotted {
	color: transparent;
	background-color: transparent;
	width: 100%;
	height: 1px;
	border-bottom: 1px dotted #ddd;
	clear: both;
}

code, pre {
	padding: 0;
	margin: 0;
	font: 100% "Courier", "Arial", "Verdana", sans-serif;
	color: #008000;
}

.hilite {
	background-color: #ff9;
}

ul {
	padding-bottom: 10px;
}

li {
	padding: 2px;
}

/*------------------------ images -------------------------*/

img.thumb, #flickr img {
	border: 6px solid #eee;
	margin-bottom: 4px;
}

#flickr img {
	margin-right: 12px;
}

/*------------------------ tables -------------------------*/

td.details {
	border-bottom: 1px solid #eee;
}