﻿.bod { background-color:#FFFFCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:86%; color:#000080; margin:10px; }
.titleside { padding:5px; margin-bottom:0; text-align:center; font-size:85%; text-transform:uppercase; }
.mainpage  { width: 100%; margin-top: 5px; border-collapse:collapse; color:#000080; }
.maintext  {width:155px; background-color:#FFFFCC; vertical-align:top; }

h1           { font-family: Verdana, Arial, Helvetica, serif; font-size: 200%; background-color:#FFFFCC; margin-bottom:0px; padding-bottom:2px;}
h2           { font-family: Verdana, Arial, Helvetica, serif; font-size: 160%; background-color:#FFFFCC; margin-top:2px; margin-bottom:2px }
h3           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; color: #000080; text-align:center; }

a:link        { color: #0000FF; text-decoration: none; background-color: #FFFFFF; }
a:visited     { color: #0000FF; text-decoration: none; background-color: #FFFFFF; }
a:hover       { color: #FF0000; cursor: auto; background-color: #FFFFFF; }
a:active      { color: #0000FF; text-decoration: none; background-color: #FFFFFF; }
a:link.foot        { color: #0000FF; text-decoration: none; background-color:#dcdcdc; }
a:visited.foot     { color: #0000FF; text-decoration: none; background-color:#dcdcdc; }
a:hover.foot       { color: #FF0000; cursor: auto; text-decoration: none; background-color:#dcdcdc; }
a:active.foot      { color: #0000FF; text-decoration: none; background-color: #dcdcdc; }
div.imagexs        { width: 120px; height: 75px; filter: shadow(color:gray); float: right; }
p.imageS      { width: 120px; height: 95px; filter: shadow(color: gray); }
div.imageS    { width: 120px; height: 95px; filter: shadow(color: gray); float: right; }
div.imageLS   { width: 120px; height: 95px; filter: shadow(color: gray); float: left; }
p.imageL      { width: 120px; height: 153px; filter: shadow(color:gray); }
div.imageL    { width: 120px; height: 153px; filter: shadow(color:gray); float: right; }
div.imageXL   { width: 110px; height: 163px; filter: shadow(color:gray); float: right; }
div.imageRS   { width: 120px; height: 95px; filter:shadow(color: gray); float: right; }
div.imageRL   { width: 120px; height: 153px; filter:shadow(color:gray); float: right; }
div.imageRXS  { width: 120px; height: 75px; filter: shadow(color:gray); float: right; }
img.border3   { border: white solid 3px; }
.tallright    { width: 120px; height: 120px; filter:shadow(color: gray); float: right; }
tr.pictitle   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000080; vertical-align: top; text-align: center; height: 25px; }
.bord         { border: 1px solid #000080; padding: 3px; color: #000080; }
.bord2        { border: 1px solid #000080; padding: 5px; }
.bord3        { border: 1px solid #000080; }
.bord4        { border: 1px solid #000080; text-align: center; }
.bord5        { border: 1px solid #000080; padding-left: 5px; padding-right: 5px; text-transform: uppercase }
.bord6        { border: 1px solid #000080; padding: 2px; text-transform: uppercase; text-align:center }
.bord7        { border: 1px solid #000080; padding: 2px; text-transform: uppercase; text-align:center; font-family:Verdana, Arial, serif; font-size:13px; color:#000080; font-weight:bold }
.bord8        { border: 1px solid #000080; padding: 5px; background-color:#ffffff }
.bord9        { border: 1px solid #FFFFCC; padding: 2px; background-color:#ffffcc }

.cap {
float: left;
width: 150px;
line-height: 30px;
font-weight: normal;
color: #000080;
font-family: Arial, Verdana, Helvetica, serif;
font-size: 150%;
}

#header {
top: 0;
left: 0;
height: 5em;
width: 100%;
color: #000080;
background: #ffffcc;
border: 1px solid #000000;
}
#sidebar a {background-color:#ffffff; }
#sidebar a:hover{ font-weight:bold }

}
#list-menu {
position: absolute;
width: 144px;
/* this width value is also effected by the padding set on the links. */
}

#list-menu ul {
float:left;
margin: 0; 
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
}

#list-menu li { margin: 2px 0 0; }

#list-menu a {
display: block;
width:144px;
border: 1px solid #000000;
background: #dcdcdc;
text-decoration: none;
padding-left:5px; padding-right:2px; padding-top:2px; padding-bottom:2px
}

#list-menu a:link { color: #000000; }

#list-menu a:active { color: #000000; }

#list-menu a:visited { color: #000000; }
#list-menu a:hover { border: 1px solid #000000; background: #FFFFCC; color: #000080; } 

#current a:hover { background-color: #ffffff; color: #000080; font-weight:bold; }

#current a:link { background-color: #ffffff; color: #000080; font-weight:bold; }

#current a:active { background-color: #ffffff; color: #000080; font-weight:bold; }

#current a:visited { background-color: #ffffff; color: #000080; font-weight:bold; }

.tip { color: #FF0000; font-weight: bold; }
.tipbox { border:1px #000080 solid; padding:3px; font-size:x-small; background-color:#fff; display:inline-block; width:140px; }

/* pullquote formatting */
.pullquote {
  font-size: 1em;
  /*font-size:small;*/
  /*font-family:Verdana, Arial, Helvetica, sans-serif;*/
  width: 150px;
  /* color :#000; */
  color: #000;
  /* background: #DFDFDF; */
  background: #ffffcc;
  float: right;
  padding: 0.9em;
  margin: 0.5em;
  text-align: left;
  clear: right;
  /*border-top: 5px solid #9F9F9F;*/
  /*border-bottom: 5px solid #9F9F9F;*/
  border-top: 5px solid #586695;
  border-bottom: 5px solid #586695;
}

blockquote.pullquote {
  margin-right: 0;
}
.cite { font-size:small;float:right;color:red; }
.quote { font-size: large; color:red; font-weight:bold; }

#footer {
clear: both;
width: 100%;
text-align: center;
margin-top: 3px;
padding-top: 0.5em;
padding-bottom: 0.5em;
color: #000000;
background: #dcdcdc;
border: 1px solid #000000;
font-family: verdana, arial, sans-serif;
font-size: 12px;
text-transform:uppercase;
}
#footer ul { padding: 0; margin: 0; list-style-type: none; }
#footer li { display: inline; margin-right: 1em; }

div.menu2 a {
	color: #000080;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 90%;
	font-family: Verdana, Arial, sans-serif;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
div.menu2 a:hover { color: #000080; background: #FFFFCC; height:100% }
div.menu2 td { background-color:#FFFFFF }
.menu2 a { display: block }
.last {font-family: Verdana, Arial, Helvetica, serif; color:#000080; text-align:left; margin-top: 0; margin-bottom: 0; font-size:11px; text-transform:uppercase}
.icons        { width:32px; height:32px; border:0; float:left; margin-right:5px; }
.icol         { width:32px; height:32px; border:0; float:left; margin-left:3px; }
.icor         { width:32px; height:32px; border:0; float:right; margin-right:3px; }
.item  { padding :5px; border:1px #000080 solid; vertical-align:top; background-color:#ffffff }
.itempic { border:0; float:left; margin-left: 5px; margin-right: 10px; } 
.item2  { padding-top :3px; padding-bottom:3px; border:1px #000080 solid; background-color:#ffffff }
.item2a { font-size:small; text-transform:uppercase; text-align:center; }
.what  { font-size: 14px; text-transform: uppercase; font-weight: bold; }
.who  { font-size: 13px; text-transform: uppercase; font-weight: bold; color:#369 }
.where { font-size: 12px; text-transform: uppercase; font-weight: bold; }
.cat       { font-size: 14px; text-transform: uppercase; font-weight: bold }
.cat2       { font-size: 13px; text-transform: uppercase; font-weight: bold }
.tpicl { border:0; float:left; margin:0; height:32px; width:32px; } 
.tpicr { border:0; float:right; margin:0; height:32px; width:32px; }
.fpicla { border:0; float:left; margin-left:3px; }
.fpicra { border:0; float:right; margin-right:3px; }
.datey        { font-size: 13px; text-transform: uppercase; background-color: #FFFF00 }
.keyl        { border-left:1px solid #000080; border-top:1px solid #000080; border-bottom:1px solid #000080; width:32px }
.keyr        { border-right:1px solid #000080; border-top:1px solid #000080; border-bottom:1px solid #000080; font-size:14px; text-align:left }
#navcontainer { width: 140px;}
#navcontainer ul { margin-left: 0;	padding-left: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; }
#navcontainer li { margin-bottom:5px }
#navcontainer a { display: block; padding: 3px; width: 138px; background-color: #036; border: 1px solid #000080; }
#navlist a:visited { color: #EEE; text-decoration: none; }
#navcontainer a:link { color: #EEE; text-decoration: none; }
#navcontainer a:hover { background-color: #369; color: #fff; border:1px #000080 solid; }
#active a:hover { background-color: #D9ECFF; color: #000080; }
#active a:visited { background-color: #D9ECFF; color: #000080; }
#active a:link { background-color: #D9ECFF; color: #000080; }
#navlist a#current { background-color:#D9ECFF; color:#000080; font-weight:bold; text-align:center; }

#pscroller1{ width: 400px; height: 90px; border: 0; padding: 0; float:right; }
.someclass{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000080; margin-top:5px}
.handcursor{ cursor:hand; cursor:pointer; }
.help { cursor:hand; cursor:pointer; text-transform:uppercase; font-size:85%; border: 1px solid #000080; margin:0px; padding: 5px; }
.tit{ text-transform:uppercase; font-size:small; font-weight:bold; }
.helpbox  { 	border-color: #000080; border-width: 0; padding: 3px; color: #000080; border-collapse: collapse; }
.yellowbox { border:1px solid #000080; padding-top: 3px; padding-bottom: 3px; background-color:#FFFF00; text-align:center }
.greenbox  { border:1px solid #000080; padding-top: 3px; padding-bottom: 3px; background-color:#00FF00; text-align:center; color:#333333 }
.redbox { border:1px solid #000080; padding-top: 3px; padding-bottom: 3px; background-color:#FF5050; text-align:center; color:#FFFFFF }
.bluebox { border:1px solid #000080; padding-top: 3px; padding-bottom: 3px; background-color:#00FFFF; text-align:center; color:#000000 }
.dkbluebox { border:1px solid #000080; padding-top: 3px; padding-bottom: 3px; text-align:center; background-color:#0000FF; color:#FFFFCC }
.notonmap { font-size: 13px; text-transform: uppercase; }
.euro { font-family: "Times New Roman"; }
.blue { color: #0000FF; font-weight:bold; }
.red  { color: #FF0000; font-weight:bold; }
.bluecaps { font-size: x-small;	color: #0000FF;	text-transform: uppercase; }
.tick0 { width:90px; float:right }
.tick1 { width:32px; height:32px; float:right }
.tick2 {
	font-family: Verdana;
	font-size: x-small;
	font-weight: bold;
	color: #000080;
	vertical-align: middle;
	height: 10px;
	width: 50px;
	margin-bottom: 10px;
	margin-top: 5px;
	float: right;
}
.lnk     { font-size:12px; text-transform:uppercase; color:#99CCFF; }
.lnk2    { font-size:12px; text-transform:uppercase; color:#99CCFF; background-color:#ffffcc; }
.bxtitle { font-weight:bold; text-transform:uppercase; font-size:small; }
.bxtext  { font-size:small; } 
.bxtel   { font-weight:bold; font-size:x-small; text-transform:uppercase; color:maroon; }
.bxsubtitle { font-weight:bold; text-transform:uppercase; font-size:small; color: #3399FF; }
.mapref { float:right;margin-top:0px;margin-bottom:3px;margin-left:5px;margin-right:3px;width:20px;height:34px;border:0; }
.sec {font-size:x-small; text-align:center; text-transform:uppercase; width:10%; padding-top :3px; padding-bottom:3px; border:1px #000080 solid; background-color:#ffffff }
.seca {font-size:x-small; text-align:center; text-transform:uppercase; width:20%; padding-top :3px; padding-bottom:3px; border:1px #000080 solid; background-color:#ffffcc }
.sec1 a:hover {background-color:#ffffcc;display:block }
.close { font-size:x-small;text-transform:uppercase;float:right; }
.close2 { font-size:small;text-transform:uppercase;cursor:hand;text-align:center; }

#dhtmltooltip{
position: absolute;
left: -300px;
width: 200px;
border: 1px solid navy;
padding: 5px;
background-color: #ffffcc;
font-family: arial, verdana, Helvetica, sans-serif;
font-size:10pt; 
color: navy;
text-align: left;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
