/* CSS Document */

/* SBCE ROOT STYLES START HERE */

/* basic site styles */

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 12px;
	color: #000000;
	background: #ffffff;
	line-height: 1.25;
}

.small {
	color: #000000;
	font-size: 11px;
}

div.sig {
	position: absolute;
	top: 135px;
	right:162px;
	height:5px;
	width:5px;
	background-color:#ffffff;
	font-size: 1px;
}

/* table override to correct font size bug in many browsers */

table {
	font-size: 12px;
}

/* basic link styles */

a:link, a:visited {
	color: #000066;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	color: #990000;
	text-decoration: none;
	font-weight: bold;
	background-color: #CCCCCC;
}

/* controls for top bar and main columns */

.topbar {
	background-image:url(./bg-topbar.png);
}

.lbox {
	padding: 2px;
	border: 1px solid #999999;
}


/* MAMBO SPECIFIC FROM HERE ON */

/* main site module control */

table.moduletable {
	width: 144px;
	margin-bottom: 2px;
	padding: 0px;
}

/* module headers */

table.moduletable th {
	background: #000066 url(./bg-blue.png);
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	font-weight: bold;
	font-size: 10px;
}

/* module content; UL style override */

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

.moduletable ul {
	margin-left: 1em;
	padding-left: 1em;
}

/* control the look of the main menu links; MSIE-specific DOM hack to make it work right in IE */

a.mainlevel, a.mainlevel:visited {
	display: block;
	height: 16px !important;
	height: 16px;
	width: 124px;
	background: #CCCCCC url(./linkback.gif) no-repeat;
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
	padding-top: 4px;
	padding-left: 20px;
	margin-top: 2px;
}

* html a.mainlevel, * html a.mainlevel:visited {
	width: 144px;
	height: 20px;
	padding-top: 3px;
}

/* main menu hover effect */

a.mainlevel:hover {
	background: #999999 url(./linkback.gif) no-repeat;
	text-decoration: none;
}

/* make the active menu (if top-level) a different color; hover effect reiteration to make it keep working */

a#active_menu {
	background-color: #ccccff;
	text-decoration: none;
}

a#active_menu:hover {
	background-color: #999999;
}

/* code to control Mambo's needlessly-complex sublevel menus */

.moduletable table td div {
	background-color: #ffffff;
	margin-top: 2px;
	padding-left: 10px;
	height: 14px;
	vertical-align: middle;
}

a.sublevel:link, a.sublevel:visited {
	vertical-align: middle;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
}

/* reiterate mouseover & active menu behavior in sublevel menus */

a.sublevel:hover, a.sublevel:hover#active_menu {
	text-decoration: none;
	background-color: #999999;
}


a.sublevel#active_menu {
	background-color: #ffffff;
}

/* control the look of buttons */

.button {
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, Sans Serif;
	text-align: center;
	font-size: 10px;
	height: 20px;
	padding: 2px;
	border:solid 1px #999999;
	background-color: #cccccc;
}

/* control the look of the breadcrumb/pathway links; MSIE-specific DOM hack and color reiteration to make it work right in IE */

.breadcrumbs {
	background-image: url(./bg-blue.png);
	background-color: #000066;
	color: #ffffff;
	text-align: right;
	vertical-align: middle;
	height: 16px;
	padding-top: 4px;
	/*padding-bottom: 4px;*/
	padding-right: 4px;
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 10px;
}

* html .breadcrumbs {
	height: 21px; /* why 21? WTF?! STUPID MSIE */
}

a.pathway,.breadcrumbs a.pathway {
	color: #ffffff;
}
a.pathway:hover,.breadcrumbs a.pathway:hover {
	color: #990000;
}

/* control the component heading; this is handled inconsistently in Mambo and in browsers, so it includes many hacks and duplicity to make it work [mostly] right everywhere */

.componentheading {
	background: #cccccc;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	padding-top: 2px;
	font-weight: bold;
	font-size: 12px;
}

div.componentheading {
	height: 18px;
	padding-left: 4px;
}

td.componentheading {
	height: 20px;
	border-left: 4px solid #cccccc;
}

* html .componentheading {
	height: 22px;
}

/* force the content table to the full possible width; basic contentpane setups */

table.contentpaneopen {
	width: 100%;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

.contentpane tr td table {
	width: 100%;
}

/* set style of Section/Category banner [working around missing Mambo class], date, navcounter */

.contentpaneopen span,.createdate,.pagenavcounter {
	font-weight: bold;
	font-size: 11px;
}

/* force spacing between lists of categories (again, working around a missing Mambo class) */

.contentpane tr td ul li {
	padding-bottom: 10px;
}

/* set up the TOC for multi-page content (I don't use this much, but it's nice to have it styled in case I need it later */

table.contenttoc {
	margin: 2px;
	padding: 2px;
	border: 1px #999999 solid;
}

table.contenttoc th {
	background-color: #CCCCCC;
	height: 20px;
}

table.contenttoc td {
	padding-top: 2px;
	padding-bottom: 2px;
}

/* set the content heading & page title styles */

td.contentheading {
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	padding-top: 4px;
	border-top: 1px solid #999999;
}

.contentpagetitle {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

/* set the style of the print & email button; override the hover (to kill ugly gray hover) */

td.buttonheading {
	border-top: 1px solid #999999;
}

td.buttonheading a:hover {
	background-color: #ffffff;
}

/* force a margin spacer on the content raters */

.content_rating, .content_vote {
	margin-left: 4px;
}

/* modified date that can appear at the bottom of content (I rarely use this, but it's ready if I change my mind) */

.modifydate {
	height: 11px;
	padding-top: 10px;
	font-weight: bold;
}

/* back & next links, blognav, etc. to navigate through content */

.pagenav,.pagenav_prev,.pagenav_next {
	font-size: 10px;
}

/* control the readon links (indent) */

a.readon {
	margin-left: 50px;
	font-size: 10px;
}

/* force a margin onto the content description (using an invisible border) */

td.contentdescription {
	border-top: 4px solid #ffffff;
}

/* set up the section tables (lists of content); header, footer, entries */

td.sectiontableheader {
	background-color: #cccccc;
	border: 4px solid #cccccc;
	font-size: 10px;
}

td.sectiontablefooter {
	background-color: #cccccc;
	border: 4px solid #cccccc;
}

tr.sectiontableentry1 td,tr.sectiontableentry2 td {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #cccccc;
}

/* for some reason, AkoComment uses a sectiontable to display comments.  my sectiontable style would work great, except it clashes with the HRs hard-coded into AkoComment.  rather than hacking AkoComment, this just hides HRs if they appear inside any sectiontableentry. */

tr.sectiontableentry1 td hr,tr.sectiontableentry2 td hr {
	visibility: hidden;
}

/* contral the highlight in search results */

.highlight {
	background-color: Yellow;
	color: Blue;
}

/* control the more lists on blog-formatted pages */

.blog_more {
	margin-top: 20px;
	border-top: 1px solid #999999;
}
.blog_more div {
	margin-top: 10px;
}

/* probably not needed 

.error {
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

*/