/* Style sheet Copyright 2008 by Createk Software. All Rights Reserved. */
/* Last Modified 08 Apr 2008 */

/* ----------------  The Menu ----------------- */
@import "menu.css";
/* ----------------  The Menu ----------------- */

a {
	background-color: transparent;
/*	border-bottom: #8b0000 1px dashed; */
	color: #0000cd;  /* blue */
	font-size: 100%;
/*	text-decoration: none;*/
}
a:link {
	background-color: transparent;
	color: #0000cd;  /* blue */
/*	text-decoration: underline; */
}
a:visited {
	background-color: transparent;
/*	color: #336633; */   /* darker green */
	color: #800080; /* purple */
}
a.focus {
    background-color: #ffffcc;
	color: #3399cc;
}
a:hover {
    background-color: #ffffcc;
	color: #3399cc;
}

.homelink:hover {
    background-color: transparent;
	color: #0000cd;
}

a:active {
	background-color: transparent;
	color: #0000cd;  /* blue */
}

abbr, acronym, cite {
	border-bottom: 1px dotted #006400;
	cursor: help;
/*	font-style: normal;*/
}

.ahem {
	display: none;
}

.article:first-letter {
    background-color: #99ccff;
    border: #fff 2px solid;
    color: #fff;
    float: left;
	font-family: "Times New Roman", Times, serif;
    font-size: 200%;
    font-style: italic;
    font-weight: bold;
    padding: 0.2em ;
    margin: 0.0em 0.2em 0.1em 0.1em;
}

.author {
	font-style: italic;
	margin: 2em;
}

blockquote { 
	background: #f9f9f9 none;
	border: solid #696 1px; 
	clear: both;
	color: #000;
	margin: 0 0 0 2em;
	padding: 0.5em;
}
blockquote p { margin-top: 0; margin-bottom: 0; }

.bcredit {
	font-size: 90%;
	font-style: italic;
	margin: 0 2em 0;
	padding: 0;
	text-align: right;
}

body, td, th {
	background-color: #4b2c0f;
	color: #fff;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 100%;
	margin: 0 1em 1em 1em;
	padding: 0;
}
/*body p {max-width: 40em;}*/

#boxbanner {
	background-color: #a3a3a3;
	border-top: 3px outset #d0d0d0;
	border-left: 3px outset #d0d0d0;
	border-right: 3px outset #a9a9a9;
	border-bottom: 3px outset #a9a9a9;
    font-size: 200%;
    height: 1.5em;
	margin: 0.25em 0;
	padding: 0;
    text-align: center;
    width: auto;
}

#boxcontent {
	background-color: #f5f5f5;
	border-top: 3px outset #d0d0d0;
	border-left: 3px outset #d0d0d0;
	border-right: 3px outset #a9a9a9;
	border-bottom: 3px outset #a9a9a9;
	color: #000000;
	margin: 0 0.2em 2em 13em;   /* for right content */
/*	margin: 0 12em 2em 1em; */ /* for left content */
	/* if we want to set the content column width
	max-width: 50em;
	min-width: 20em;
	*/
	padding: 0 2em 2em 1em;
	text-align: left;
	top: 0;
}

#boxcontentwide {
	background-color: #f5f5f5;
	border-top: 3px outset #d0d0d0;
	border-left: 3px outset #d0d0d0;
	border-right: 3px outset #a9a9a9;
	border-bottom: 3px outset #a9a9a9;
	color: #000000;
	margin: 4em 2em;
	margin: 2em 0.2em;
	padding: 0 2em 2em 2em;
	text-align: left;
	top: 6em;
}

#boxcontent h1:after {
	content: url("../system/fade.gif");
    display: block;
    margin-top: 0;
    padding-top: 0;
}

#boxcontent li {
	margin-left: 0;
}

#boxfooter {
	background-color: transparent;
	clear: both;
	color: #b0c4de;
	font-size: 85%;
	margin: 2em 0 0 0em;  /* for right justified */
	padding: 0 0.5em 0;
	text-align: right;
}
#boxfooter a:visited {
	background-color: transparent;
	color: #b0c4de;
}

#boxnav {
	margin: -0.75em 0;
}

#boxsidebar {
	background-color: #ffff99 /*#008000*/;
	border-top: 3px outset #d0d0d0;
	border-left: 3px outset #d0d0d0;
	border-right: 3px outset #a9a9a9;
	border-bottom: 3px outset #a9a9a9;
	color: #006400 /*#fff*/;
	font-size: 95%;
	margin: 0.75em 0.5em 0 0.75em;
	padding: 0 0.5em 0.5em 0.5em;
	text-align: center;
}

.breadcrumb {
/*	background: #add8e6; */
	background: #99ccff; /* BMW blue */
	border: 1px solid #00008b;
	color: #000;
	padding: 0.2em 0.2em 0.2em 0.5em;
	margin: 0.5em 45% 0.5em 0;
}

.capt { font-size: 90%; font-style: italic; }

.clearme { clear: both; }

a.flink { background-color: transparent; color: #f0f8ff; }

.footnote { font-size: 85%; }

h1 {
    background-color: transparent;
    color: #8B0000;
    font-size: 170%;
    font-family: Tahoma, sans-serif;
    margin: 0.75em 0 3em 0;
/*	text-align: center; */
    padding: 0.75em 0 1em;
}

h2 {
	font-size: 145%;
}
h3 {
	font-size: 130%;
}
h4 {
	font-size:120%;
}
h5 {
	font-size: 115%;
	margin-bottom: -0.3em;
	padding-bottom: 0;
}
h6 {
	font-size: 110%;
	padding-top: 0;
}

h1, h2, h3, h4, h6 {
	margin-bottom: 0;
	padding-bottom: 0;
}

img {
	border-top: 4px outset #d0d0d0;
	border-left: 4px outset #d0d0d0;
	border-right: 4px outset #a9a9a9;
	border-bottom: 4px outset #a9a9a9;
}
img.noframe {
	border: none;
}

.imgcol, .imgcenter, .imgleft, .imgright {
	background-color: transparent;
	color: #4A708B;   /* skyblue4 */
	font-size: 90%;
/*	padding: 1em; */
	text-align: center;
}

.imgcol {
	float: right;
	margin-left: 3em;
}
.imgleft {
	float: left;
}
.imgright {
	float: right;
}
.imgpad {
	padding: 0.5em; 
}

.indent p:first-line { padding-left: 2em }

input { font-size: 100%; }  /* override IE default 90% */

input:focus, textarea:focus, select:focus, input:hover {
	background: #ffd;
	color: #000;
}

.limerick {
	font-family: Georgia, serif;
}

.narrow {
	margin-left: 3em;
	margin-right: 5em;
}

.news p { 
	border-bottom: 1px #ccc dashed;
	padding-bottom: 1em;
}

.noborder { border: none; }

.notice {
	border: 2px #4169e1 dashed;
	margin: 0 3em 1em 3em;
	padding: 0.5em;
}

.obit {
	border: 4px solid black;
	padding: 1em;
}

p.pcenter {
	text-align: center;
}
.pcenter {
	text-align: center;
}
.pright {
	text-align: right;
}

p { }

p.pquote { 
	background: #f9f9f9; /* none; */
	border: solid #696 1px; 
	clear: both;
	color: #000;
	margin: 0 0 0 2em;
	padding: 0.5em;
}

p.undpara {
	display: inline;
	border-bottom: 1px groove #000;
}

#photo {
	background-color: #f5f5f5;
	border: 2px solid #fff;
	color: #000000;
	margin: 1.5em 0.5em 2em;
	padding: 2em;
	text-align: center;
}

.pulleft, .pulright {
	font-size: 90%;
	font-style: italic;
	margin: 1em;
	padding: 1em;
	position: relative;
	text-align: center;
}

.pulleft {
	float: left;
}

.pulright {
	float: right;
}

sub, sup { 
   background-color: transparent;
   color: #8b0000;
	font-size: 70%;
	line-height: 0.9;
}

.tinytxt {
   font-size: 80%;
}

td {
	background-color: #f5f5f5;
	color: #000; /* <-- IS NECESSARY? */
	vertical-align: top;
}

td.cvalign {
	text-align: center;
}

td.rvalign {
	padding-right:1em;
	text-align: right;
	vertical-align: top;
}

th {
	background-color: transparent;
	color: #8b0000;
	padding-left: 1em;
	padding-right: 1em;
}

.totop {
	clear: both;
	font-size: 85%;
	margin-top: 2em;
}

.txtright { float: right; }
.txtsmall { font-size: 90% }
.txttiny  { font-size: 80% }

.urgent {
	border: 2px solid #ff0000;
	margin: 1em 3em 0 3em;
	padding: 0 2em 0;
}

/* form styles */
form {
	width: 100%;
}
fieldset {
	padding:2ex;
	margin:2ex;
	border:2px solid #008000;
	width: 90%;
}
legend {
	font-weight:bold;
	padding:1ex;
	border:2px solid #008000;
}
#feed {
	clear:both;
/*	font-size: 90%; */
	margin-top:1ex;
}
#feed p  {
	margin-top:0; 
	padding: 0 1em 0; 
/*	width: 25%; */
	width: 30%;
	float:left;
	text-align: right;
	clear:left;
}
label {
	float:left;
}

/* end form styles */

/* Specific colors */
.ccool {background-color: transparent; color:  #0000ff; }
.cverycool { background-color: transparent; color: #191970; }
.chot { background-color: transparent; color: #8b0000; }
.cveryhot { background-color: transparent; color: #ff0000; }
.cfunny { background-color: #dcdcdc; color: #9932cc; }
.chighlight { background-color: #fdf5ca; color: #000; }
.creturn { background-color: transparent; color: #006400; }


img {
	margin-top:4.8px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:4.8px;
	padding:0px;
	border-radius: 6px;
	float:center;
	border: 1px solid #eee;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
/*
img:hover {
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}  */
img:hover {
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
}