@import url(skel.css); /*maybe change this to static.css*/

/* 
Stylesheet written by Dean Gardner_at_ www.webmonkeydean.com aka www.D9R.com
This one is for webmonkeydean.com/dean.v7/ 
classic.css - Begun August, 2003
*/

html, body {margin: 0; padding: 0;}
body {font: 0.9em verdana, helvetica, sans-serif; background: #036; color: #c96;}

#masthead {margin: 0; padding: 0; height: 80px; text-align: center;}
#masthead h1 {margin: 0; padding-right: 15%; padding-top: 18px;
  font: 45px bold 'bernhardfashion bt', verdana, helvetica, sans-serif;
  text-align: center;}
#masthead h1 a {color: #6c6; font-family: 'bernhardfashion bt', verdana, helvetica, sans-serif;}
#masthead span {text-transform: uppercase;}

#main {margin: 0px 18% 0px 2%; border: 2px solid #000; padding: 0px 5% 0px 6%;
  background: #ffc; color: #000;}
#main h2 {margin-bottom: 0.1em; border-bottom: 2px solid #000; padding-bottom: 0.2em;
  font-size: 1.6em; font-weight: normal; text-align: center;}
#main h2 span.subtitle {font-size: 0.6em;}
#main h3 {margin: 1em 0 0.3em 0; font-size: 1.3em; font-weight: normal;}
#main h4 {margin: 0 0 0 0; font-size: 1.1em; font-weight: bold;}
#main h5 {margin: 0; font-size: 0.9em; font-weight: bold;}
#main h6 {margin: 0; font-size: 0.9em; font-weight: bold;}
#main p, #main ul, #main ol, #main dl {}
#main a:link {color: #3300ff;}
#main a:visited {color: #660099;}
#main a:hover {color: #cc0000;}
#main a:active {color: #ff0000;}
/* example
a.subtle:link
a.subtle:visited
a.subtle:hover
a.subtle:active
*/

p.crumbtrail {margin-top: 0; font-size: 0.84em; font-weight: bold;}
p.author {margin-top: 0; font-size: 0.84em; font-weight: bold;}
div#intro {margin: 1em 6%; padding: 0 0.5em; 
  border-left: 1px solid #000; border-right: 1px solid #000; 
  font-size: 0.84em;}
div#intro p {margin: 0;}
pre, code, tt {font-family: courier,'courier new',monospace;}
pre {border: 1px solid #d1d7dc; padding: 1em;
  background-color: #fafafa; color: #006600;}
code {border: 1px solid #d1d7dc; background-color: #fafafa; color: #006600;}
blockquote {margin: 1em 0; border: 1px solid #d1d7dc; padding: 0em 1em;
  background-color: #fafafa;}
q {border: 1px solid #d1d7dc; padding: 0.2em; background-color: #fafafa;}
form {margin: 1em 0;}
em {font-style: italic; font-weight: bold;}
dfn {font-style: normal; font-weight: bold; color: navy;}
.sectionimage {}
.sectionimage h4 {}
ul.favorites {list-style-image: url("../images/circle_sky_17x15.gif")}
ul.favorites li {margin-top: 0.7em; margin-bottom: 0.7em;}
dl dt {font-weight: bold;}
dl dd {margin-bottom: 0.5em;}
img.toparrow {float: right; margin: 0 0 0 0.6em;}

#reports {}
#reports h3, #reports h4, #reports h5 {}
#reports h3 {text-align: center;}
#reports h3 span {}
#reports h4 {margin-left: -1em;}
#reports h5 {}
#reports p {margin-top: 0.4em;}

#panel {margin: 0px; border: none; padding: 0px; 
  position: absolute; top: 80px; right: 1.5%; width: 15%;}
#panel h4 {margin: 2em 0 0; border: none;
  font-size: 13px; font-weight: bold; text-align: center; color: #6c6;}
/*put in skel*/
#panel h4#navhead {display: none !important;}
#panel ul {list-style: none; margin: 0 0 0; border: 2px solid #999; padding: 0;}
#panel ul li {margin: 0;}
#panel ul li.thispage {padding: 3px 5px; background: #036; color: #999;
  font-size: 13px; font-weight: bold;}
#panel ul li.thispage span {display: none;}
#panel ul li a {display: block; width: 100%;
  padding: 3px 5px; font-size: 13px; font-weight: bold;}
html>body #panel ul li a {width: auto;}
#panel li a:link {background: #036; color: #c96; text-decoration: none;}
#panel li a:visited {background: #036; color: #c96; text-decoration: none;}
#panel li a:hover {background: #c96; color: #036; text-decoration: underline;}
#panel li a:active {background: #6c6; color: #003; text-decoration: underline;}
#panel li a.thiscat:link {background: #036; color: #c96; text-decoration: underline;}
#panel li a.thiscat:visited {background: #036; color: #c96; text-decoration: underline;}
#panel li a.thiscat:hover {background-color: #c96; color: #036; text-decoration: underline;}
#panel li a.thiscat:active {background-color: #6c6; color: #003; text-decoration: underline;}

#panel ul#mainmenu {}
#panel ul#mainmenu a span {display: none;}
/*
#panel ul#mainmenu a:hover span {display: block;
  position: relative; top: 20px; right: 150px; width: 150px;
  margin: 0; border: 1px solid #999; padding: 6px; z-index: 100;
  background: #036; color: #ffc; 
  font-size: 11px; font-weight: normal; text-align: left;}
*/
#panel #submenus ul {border: none;}
#panel #submenus li.thispage {background: #036; color: #999;
  padding: 1px 5px; font-size: 11px; font-weight: normal;}
#panel #submenus li a {display: block; width: 100%;
  padding: 1px 5px; font-size: 11px; font-weight: normal;}
#panel ul#presolinks li#classic a {background: #036; color: #c96; text-decoration: underline;}

/*
#panel #submenus {font-size: 0.9em; font-weight: normal;}
*/

#footer {margin: 0 18% 0 1.5%; padding: 1em; text-align: center;}
#footer h4#footernavhead {display: none !important;}
#footer ul span {display: none !important;}
#footer ul {display: inline; margin: 0; padding: 0;}
#footer li {display: inline; list-style: none;}
#footer li.thispage {background: #036; color: #999; font-size: 13px; font-weight: bold;}
#footer li a {font-size: 13px; font-weight: bold;}
#footer a:link {background: #036; color: #c96; text-decoration: none;}
#footer a:visited {background: #036; color: #c96; text-decoration: none;}
#footer a:hover {background: #c96; color: #036; text-decoration: underline;}
#footer a:active {background: #6c6; color: #003; text-decoration: underline;}
#footer li a.thiscat:link {background: #036; color: #c96; text-decoration: underline;}
#footer li a.thiscat:visited {background: #036; color: #c96; text-decoration: underline;}
#footer li a.thiscat:hover {background-color: #c96; color: #036; text-decoration: underline;}
#footer li a.thiscat:active {background-color: #6c6; color: #003; text-decoration: underline;}
#footer p {margin: 0.4em 0; font-size: 0.7em;}







/* what's this for? */
div#main div.submenu {
	margin: 1em 0;
	border: 0;
	padding: 0;
	font-weight: normal;
	}
div#main div.submenu p.youarehere {
	margin: 0;
	}
div#main div.submenu a {
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
	font-size: 0.92em;
	}

/* Main Decorative Image at the Bottom of Pages for weblog, quotes, etc that are submenus */
/* What to call it?  mainimage?, sectionimage, submenuimage - 'sectionimage' for now */
div#catimage {margin: 2em 0; border: 0; padding: 0; text-align: center;}
div#catimage img {margin: 0 auto; border: 1px solid black;}
div#catimage h4 {margin: 0; font-size: 0.7em; font-weight: bold;}






/* end of new version */
span.linkbutton {
	border: #d1d7dc;
	border-style: solid;
	border-width: 1px;
	padding: 0.5em;
	background-color: #fafafa;
	font-size: 0.84em;
	font-weight: bold;
	}
span.red { color: #cc0000; }
/* no top margin, no bottom margin, no margin,
   half margin, half top margin, half bottom margin */
.ntm { margin-top: 0; }
.nbm { margin-bottom: 0; }
.nm { margin: 0; }
.hm { margin: 0.5em; }
.htm { margin-top: 0.5em; }
.hbm { margin-bottom: 0.5em; }
ol li { margin-top: 0.5em; margin-bottom: 0.5em; }
.ul-nmnb, div.ul-nmnb ul { /*No margin,No bullets*/
	margin: 0; padding-left: 1em;
	list-style: none;
	}
img.floatright {
	float: right;
	margin: 0 0 0.3em 0.6em;
	}
img.floatleft {
	float: left;
	margin: 0 0.6em 0.3em 0;
	}
.clearboth {
	clear: both;
	}
p.skipmenu {font-size: 0.76em; text-align: center;}


/* For the Links page */
div#mylinkthing {
	text-align: center;
	}
div#mylinkthing table {
	table-layout: auto; /*default*/
	border-collapse: collapse; /*default*/
	margin: 1em auto;
	border: 2px solid #6c6;
	}
div#mylinkthing table td {
	border: 2px solid #6c6;
	padding: 0 0 1em;
	width: 23%;	/*need to check this*/
	text-align: left;
	vertical-align: top;
	}
div#mylinkthing table td h1 {
	margin: 0em 0 0;
	border: none;
	padding: 0.1em 0.2em;
	background: #6c6;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	}
div#mylinkthing table td h2 {
	margin: 1em 0 0;
	border: none;
	padding: 0.1em 0.2em;
	background: #6c6;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	}
div#mylinkthing table td a {
	display: block;
	font-size: 12px;
	padding: 0 0.2em;
	}


/* For the Archives page */
div#archivespage {
	margin: 0; border: none; padding: 0;
	}
div#archivespage h2 {
	margin: 1em 0;
	}
div#archivespage form {
	margin: 0;
	}
div#archivespage p {
	margin: 0 0 1em;
	}


/* For the About page */
div#aboutpage {
	margin: 0; border: none; padding: 0;
	}
div#aboutpage h2 {
	margin: 1em 0 0;
	}
div#aboutpage p {
	margin: 0 0 1em;
	}