/*
 * @type		transitional
 *
 * @link		webmaster John Sherman www.john-pix.com  747-250-4496  shermj@netzero.net
 */


.dropdown
{
 font: normal 13px Verdana,Arial,sans-serif;
 list-style: none;
 margin: 0;
 padding: 2px;
 z-index: 597;
 border: 0;
}

.dropdown li
{
 float: left;
 background-color: #992266;
 padding: 1px 3px 2px 3px;
 list-style: none;
 margin: 0;
 padding: 0;
 border-bottom: solid 1px #eec600;
 border-top: solid 1px #eec600;
}

.dropdown li:hover {
 position: relative;
 background-color: #BB4488;
 margin: 0;
 padding: 0;
 border: 0;
}

.dropdown a:link,
.dropdown a:visited { 
color: #FFD700; 
text-decoration: none; 
padding: 1px 3px 2px 3px;
 display: block;
 border-bottom: solid 2px #992266;
 border-left: solid 2px #992266;
 border-right: solid 2px #992266;
 border-top: solid 2px #992266; 
}
.dropdown a:hover { 
color: #000000;
text-decoration: none;
 display: block; 
padding: 1px 3px 2px 3px;
 border-bottom: solid 2px #550022;
 border-left: solid 2px #dd66aa;
 border-right: solid 2px #770144;
 border-top: solid 2px #ff88cc; 
}
.dropdown a:active { 
color: #000000; 
text-decoration: none; 
padding: 1px 3px 2px 3px;
 border-top: solid 2px #550022;
 border-right: solid 2px #dd66aa;
 border-left: solid 2px #770144;
 border-bottom: solid 2px #ff88cc; 
}

.dropdown li:hover > ul
{
 visibility: visible;
}

.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 z-index: 598;
 list-style: none;
 background-color: #992266;
 left: 0px;
 margin: 0;
 padding: 3px;
 border: solid 1px #FFD700;
}

.dropdown ul li a {
 display: block;
}

.dropdown ul li
{
 float: none;
 left: 0px;
 border:0;
}

.dropdown ul a:link,
.dropdown ul a:visited { 
color: #FFD700; 
text-decoration: none; 
}
.dropdown ul a:hover { 
color: #000000; 
text-decoration: none; 
}
.dropdown ul a:active { 
color: #000000; 
text-decoration: none; 
}

.dropdown ul ul {
 top: 2px;
 left: 100%;
 background-color: #992266;
}

.buton {
 font: normal 13px Verdana,Arial,sans-serif;
 background-color: #992266;
 margin: 0;
 color: #FFD700;
 padding: 1px 3px 2px 3px;
 border-bottom: solid 2px #550022;
 border-left: solid 2px #dd66aa;
 border-right: solid 2px #770144;
 border-top: solid 2px #ff88cc;
}

.buttton {
 border: solid 1px #FFD700;
 background-color: #992266;
 margin: 0;
 color: #FFD700;
 padding: 2px;
 text-align: center;
 font: normal 13px Verdana,Arial,sans-serif;
}

.teaser {
	background: url(../pix/jstl.gif) top left no-repeat;
	width:240px;
	float: right;
	margin-left:6px;
	font-size:12pt;
	font-family: arial, helvetica, verdana, sans-serif;
} 
.teaser img {
	border:none;
}
.teaser h2 {
	background: url(../pix/jstr.gif) top right no-repeat;
	font-size:.6em;
	padding: 14px 4px 4px 4px;
	margin:0;
	text-align: center;
	font-weight: bold;
}
.teaserbody {
	background: url(../pix/jsrb.gif) top right repeat-y;
	margin:0;
	margin-top:-2em;
	padding: 0px 10px 0px 15px;
}
.teaserfoot {
	background: url(../pix/jsbl.gif) bottom left no-repeat;
}
.teaserfoot p {
	background: url(../pix/jsbr.gif) bottom right no-repeat;
	display:block;
	text-align: right;
	margin:-4em 0 0 0;
	padding: 13px 3px 3px 3px;
	font-size:.5em;
}

h1{
	font-size:1.3em;
	font-weight:bold;
        text-align:center;
}

h3{
	font-size:1.1em;
	font-weight:bold;
        text-align:center;
}

blockquote{
 border-left: solid 2px #000000;
 border-right: solid 2px #000000;
 padding: 0px 7px 0px 12px;
}

.mine a:link,
.mine a:visited {
text-decoration: none;
font-weight:bold;
}
.mine a:hover {
text-decoration: none;
font-weight:bold;
background:#000000;
color:#ffffff;
}
.mine a:active {
text-decoration: none;
font-weight:bold;
}


.dropdown2
{
 font: normal 12px Verdana,Arial,sans-serif;
 font-weight:normal;
 list-style: none;
 margin: 0;
 margin-left:32px;
 border-left: solid 1px #eec600;
 padding: 0;
 z-index: 497;
 border: 0;
}

.dropdown2 li
{
 float: left;
 font-weight:normal;
 background-color: #992266;
 padding: 0px 3px 1px 3px;
 list-style: none;
 margin: 0;
 padding: 0;
}


.dropdown2 a:link,
.dropdown2 a:visited { 
color: #FFD700; 
text-decoration: none; 
padding: 0px 3px 1px 3px;
 font-weight:normal;
 display: block;
 border-bottom: solid 1px #992266;
 border-left: solid 1px #992266;
 border-right: solid 1px #992266;
 border-top: solid 1px #992266; 
}
.dropdown2 a:hover { 
color: #000000;
text-decoration: none;
 display: block; 
padding: 0px 3px 1px 3px;
 border-bottom: solid 1px #550022;
 border-left: solid 1px #dd66aa;
 border-right: solid 1px #770144;
 border-top: solid 1px #ff88cc;
 background-color: #BB4488;
}
.dropdown2 a:active { 
color: #000000; 
text-decoration: none; 
padding: 0px 3px 1px 3px;
 border-top: solid 1px #550022;
 border-right: solid 1px #dd66aa;
 border-left: solid 1px #770144;
 border-bottom: solid 1px #ff88cc;
 background-color: #BB4488;
}

.dropdown2 li:hover > ul
{
 display:block;
}

.dropdown2 ul {
 display:none;
 float:left;
 z-index: 500;
 list-style: none;
 background-color: #992266;
 margin: 0;
 padding: 3px;
 border: solid 1px #FFD700;
 font-weight:normal;
 text-align:right;
}

.dropdown2 ul li a {
 display: block;
}

.dropdown2 ul li
{
 float: none;
 left: 0px;
 border:0;
}

.dropdown2 ul a:link,
.dropdown2 ul a:visited { 
color: #FFD700; 
text-decoration: none; 
}
.dropdown2 ul a:hover { 
color: #000000; 
text-decoration: none; 
}
.dropdown2 ul a:active { 
color: #000000; 
text-decoration: none; 
}

	
/* dark purple #770144 - medium purple #992266 - lite purple #BB4488 - border purple #993399 -   */