/* Copyright (c)2009 Tracers Information Specialists, Inc.  All Rights Reserved. */

/**********************************************************************
 * Global styles - for consistent formatting between browsers
 **********************************************************************/
.nothing { } /* bug fix */

@media screen, print {  /* start common */

* { margin: 0; padding: 0; }
a:link {color: blue;}
a:visited { color: #002863; }
a:hover { text-decoration: underline; }
hr {margin: 6px 5px; border: 1px solid #194294; }
body {font-family:Arial, sans-serif;font-size:small;margin:0px;border:0px;} /*font-size:10pt;*/
html, body{width:100%;height:100%;}
a img {border:none;}
table {text-align:left;}
h1 {font-size:x-large;margin-top:10px;margin-bottom:5px;}  /*16pt*/
h2 {font-size:large;margin-top:10px;margin-bottom:5px;} /*14pt*/
h3 {font-size:medium;margin-top:10px;margin-bottom:5px;} /*12pt*/
ul {display:block;list-style-type:disc;margin:1em 0;-moz-padding-start:40px;padding-left:40px;}
ol {display:block;list-style-type:decimal;margin:1em 0;-moz-padding-start:40px;padding-left:40px;}
li {display:list-item;margin:2px 0;}
ul ul, ul ol, ol ul, ol ol {margin-top:0;margin-bottom:0;}
ol ul, ul ul {list-style-type:circle;}
ol ol ul, ol ul ul, ul ol ul, ul ul ul {list-style-type:square;}
pre { font-size: small; }
p { margin: 1em 0; }


/**********************************************************************
 * Extra cross-browser standardization
 **********************************************************************/
table.bare td { padding: 0; }
#tmaincontent input[type=text]:focus { background-color: #d0f0ff; }
#tmaincontent select:focus { background-color: #d0f0ff; }
#tmaincontent ul li { list-style-image:url("/images/bullet3.gif"); margin: 2px 0; }
#tmaincontent ul li ol li { list-style-image: none; }
.waitscreen { height: 100%; }

/**********************************************************************
 * Misc. Global styles - editable
 **********************************************************************/
.pageheader { color: black; font-weight: bold; display: block; text-align: center; margin: 5px; padding-bottom: 5px; border-bottom: 2px solid #194294; border-collapse: collapse; }
.pagetitle { color: black; font-weight: bold; font-size: 12pt; display: block; margin-bottom: 8px; }
.pagetitle2 { color: black; font-weight: bold; font-size: x-large; display: block; }
.ordernew { display: block; margin-bottom: 3px; }
.ordernew a { color: blue; font-size: small; font-weight: normal; }

.sectiontitle { color: #074485; font-weight: bold; font-size: 11pt; }
.bulletlist1 {list-style-image:url("/images/bullet1.gif"); }
.button1 { background: url('/images/button.gif') no-repeat left top; width: 68px; height: 35px; border: none; font-family: Arial, sans-serif; font-size: 11px; color: white; margin: 0; }
.shortbutton { background: url('/images/shortbutton.gif') no-repeat left top; width: 68px; height: 27px; border: none; font-family: Arial, sans-serif; font-size: 11px; color: white; margin: 0; padding-bottom: 4px; }
.longbutton { background: url('/images/longbutton.gif') no-repeat left top; width: 80px; height: 27px; border: none; font-family: Arial, sans-serif; font-size: 11px; color: white; margin: 0; padding-bottom: 4px; }

.faqlist td { vertical-align: top; }
.faqlist #faqnum { text-align: right; width: 20px; padding-right: 5px; }
.faqlist #faqq { font-weight: bold; padding-bottom: 5px; }
.faqlist #faqa { text-indent: 25px; padding-bottom: 10px; }
.faqlist #faqlink { width: 1%; white-space: nowrap; padding-right: 5px; font-size: smaller; }

.imgleft {float:left;width:150px;padding-right:10px;padding-bottom:5px;}
.imgtop {padding-bottom:5px;width:150px;}
.tmainlist {list-style-image:url("/images/bullet1.gif");color:#000000;padding-left:45px;}
.tmainlist li {margin-bottom:3px;}
.tmainlist a, .tmainlist a:visited {text-decoration:none;color:#000;}
.tmainlist a:hover {text-decoration:underline;color:#2020d0;}
.errormsg { border: 1px solid black; border-collapse: collapse; }
.errormsg th { background-color: darkred; color: white; padding: 3px; text-align: center; font-size: larger; border-bottom: 1px solid black; }
.errormsg td { padding: 3px 5px; font-size: small; }
.errormsg ul { padding-left: 2em; padding-right: 1em; }
.errorspan { background-color: darkred; color: white; padding: 3px; text-align: center; font-size: larger; }
.rednotice { color: darkred; }
.notice1 { border: 1px solid black; border-collapse: collapse; }
.notice1 th { background-color: #123c90; color: white; padding: 3px; text-align: Center; font-size: larger; border-bottom: 1px solid black; }
.notice1 td { padding: 3px 5px; font-size: small; }
.reccount { display: block; font-weight: bold; font-size: large; text-align: center; }

.newstitle { color: black; font-weight: bold; font-size: 12pt; display: block; margin-bottom: 0px; }
.newsdate { color: #404040; width: 100%; border-bottom: 1px solid black; }
.newslist { }
.newslist td { padding-right: 5px; padding-bottom: 5px; }
.newsarticle p { }

#testimonial { width: 100%; margin: 0 0 0 5px; color: #505050; }
#testimonial td { padding: 5px 10px 5px 0; }

.infoicon { }
* html .infoicon { padding: 5px 0; }
.marquee { padding-top: 10px; margin: 0 15px; }

/**********************************************************************
 * Overall Page Layout
 **********************************************************************/
#tbody { background-color: white; }
#twrap { min-height: 100%; height: auto !important; height: 100%; width: 775px; margin: 0 auto -59px auto; } /* margin-bottom = -(ftr height + ftr margin-top + 2*borderwidth) */
x#twrap2 { width: 775px; margin: 0 auto; }
* html #twrap { width: 771px; } /* height = twrap width - 4px for ie */
#tpush { height: 59px; }  /* height = ftr height + ftr margin-top + 2*borderwidth */
#tcontent { background-color: white; border: 2px solid #194294; } /* outer content div */
#tcontent2 { background-color: white; border: none; border-collapse: collapse; width: 100%; } /* content wrapper table */
#tmainleft { width: 150px; vertical-align:top; border:none; border-collapse:collapse; padding:0; }  /* left column table cell */
#tmaincontent { vertical-align: top; margin: 0; padding: 0; } /* content table cell */
#thdr { background-color: white; height: 50px; margin-bottom: 5px; border: 2px solid #194294; }
#thdrtbl { border: none; border-collapse: collapse; padding: 0; height: 100%; }
#thdrtbl td { padding: 0; }
#thdrtbl #tlogo { padding: 0 3px; }
#thdrtbl #thdrmenu { vertical-align: bottom; padding-bottom: 1px; }
#tftr { background-color: white; height: 50px; border: 2px solid #194294; width: 771px; margin: 5px auto 0 auto; }
* html #tftr { width: 767px; }
#tftrtbl { border: none; border-collapse: collapse; padding: 0; width: 100%; height: 100%; }
#tftrtbl #tftr1 { width: 30%; text-align: center; color: #184294; font-size: x-large; font-weight: bold; }
#tftrtbl #tftr2 { width: 40%; }
#tftrtbl #tftr2 table { width: 100%; font-size: x-small; text-align: center; color:#000040; font-weight: bold; }
#tftrtbl #tftr2 table td { padding: 0; }
#tftrtbl #tftr3 { width: 30%; text-align: center; }
#tftrtbl a, .tmainfooter a:visited {text-decoration:none;color:#000040;}
#tftrtbl a:hover {text-decoration:underline;}

/**********************************************************************
 * Home Page Layout
 **********************************************************************/
#tmaintop { width: 100%; }
#tmaintop #rndblue { margin-top: 5px; margin-left: 5px; margin-right: 5px; }
#tmaintop #rndblue #r5 { background: url('/images/worldmap.jpg') no-repeat 4px 5px; height: 327px; }
#tmaintop #tmaintop1 { margin: 5px 10px 0 200px; }
#tmaintop #tmaintop1 td { padding: 0; }
#tmaintop ul { list-style-image:url("/images/bullet1.gif");color:#000000;padding-left:80px;padding-top:5px;padding-bottom:5px;}
#tmaintop li {margin-bottom:8px;}
#tmaintop a, #tmaintop a:visited {text-decoration:none;color:#000;}
#tmaintop a:hover {text-decoration:underline;color:#2020d0;}
#tmaincol1 { float: left; display: inline; }
#tmaincol1 #rndblue { width: 246px; margin-top: 0; margin-right: 0; }
#tmaincol1 #rndblue #r5 { height: 312px; }
#tmaincol1 #tmaincol1a { height: 100%; width: 100%; border: none; border-collapse: collapse; }
#tmaincol1 #tmaincol1b  { vertical-align: top; padding: 10px 10px 0 10px; }
#tmaincol1 #tmaincol1c { text-align: right; vertical-align: bottom; padding: 0 10px 10px 0; }
#tmaincol1 #events { border: none; border-collapse: collapse; margin-top: 5px; margin-bottom: 10px; }
#tmaincol1 #events td { padding: 0 0 3px 0; }  /* vertical spacing */
#tmaincol1 #events #col1 { vertical-align: top; width: 1%; white-space: nowrap; }
#tmaincol1 #events #col2 { vertical-align: top; padding-left: 10px; }
#tmaincol1 #news { margin-top: 5px; border: none; border-collapse: collapse; }
#tmaincol1 #news td { vertical-align: top; font-size: small; padding: 0 0 4px 0; } /* vertical spacing */
#tmaincol1 #news #col1 { vertical-align: top; width: 1%; white-space: nowrap; }
#tmaincol1 #news #col2 { vertical-align: top; padding-left: 10px; }
#tmaincol2 { float: left; display: inline; }
#tmaincol2 #rndblue { width: 250px; margin: 0px 9px 0px 10px; }
* html #tmaincol2 #rndblue { margin-left: 7px; margin-right: 8px; }
#tmaincol2 #rndblue #r5 { height: 312px; background: url('/images/csr.jpg') no-repeat 4px 5px; }
#tmaincol2 table { width: 100%; height: 100%; border: none; border-collapse: collapse; }
#tmaincol2 table td { vertical-align: top; }
#tmaincol2 #tmaincol2a { height: 105px; } /* top row */
#tmaincol2 #tmaincol2a td { font-family: Arial,sans-serif; font-size: 110%; padding: 20px 15px 10px 15px; }
#tmaincol2 #tmaincol2b { height: 177px; } /* bottom row */
#tmaincol2 #tmaincol2c { width: 50%; font-family: Arial,sans-serif; font-size: 110%; padding: 0 0 0 15px; } /* bottom left */
#tmaincol2 #tmaincol2d { width: 50%; } /* bottom right */
#tmaincol3 { float: left; display: inline; }
#tmaincol3 #rndblue { width: 246px; margin-top: 0; margin-left: 0; margin-right: 0; }
#tmaincol3 #rndblue #r5 { height: 312px; }
#tmaincol3a { width: 100%; height: 100%; border: none; border-collapse: collapse; }
#tmaincol3b { vertical-align: top; padding: 10px; }
#tmaincol3c { text-align: right; vertical-align: bottom; padding: 0 10px 10px 0; }
#tmaincol3 ul { list-style-image:url("/images/bullet3.gif"); }
#tmaincol3 li { margin-bottom: 3px; }

/**********************************************************************
 * Site Map
 **********************************************************************/
#tsitemap #rndblue { width: 610px; margin: 5px; }
* html #tsitemap #rndblue { width: 606px; }
#tsitemap ul { padding-left:30px;margin:10px 0px;font-size:9pt;white-space:normal; }
#tsitemap ul li { list-style-image:url("/images/bullet1.gif"); }
#tsitemap ul ul { padding-left: 20px; }
#tsitemap ul ul li { list-style-image:url("/images/bullet2.gif"); }
#tsitemap a, #tsitemap a:visited {text-decoration:none;color:black;}
#tsitemap a:hover {text-decoration:underline;color:blue;}
#tsitemap #rndblue table td { padding: 0; }

/**********************************************************************
 * Events and mini calendar
 **********************************************************************/
#eventlisthdr {width:613px;background-color:#a2c5e9;border:1px solid #606060;border-collapse:collapse;margin-top: 5px;}
* html #eventlisthdr {width:606px;}
*+html #eventlisthdr {width:606px;}
#eventlisthdr td {text-align:center;padding:5px 0px 5px 0px;font-weight:bold;}
#eventcal {border:none;border-collapse:collapse;margin-top:5px;margin-bottom:7px;}
#eventcal td { padding: 0; }
#eventcal #tcal {border:1px outset darkgray;background-color:#e0e0e0;border-collapse:separate;}
#eventcal #tcal th {border:1px outset #e0e0e0;}
#eventcal #tcal td {border:1px outset #e0e0e0;padding:2px;text-align:center;font-family:monospace;font-size:9pt; }
#eventcal #tcal #title {text-align:center;padding:3px 0px 3px 0px;background-color:#123c90;color:#ffff00;}
#eventcal #tcalspacer {width:15px;}
* html #eventcal #tcalspacer {width:12px;}
*+html #eventcal #tcalspacer {width:19px;}
* html #eventcal #tcal td, *+html #eventcal #tcal td {border-top:1px solid white;border-left:1px solid white;}
#eventcal #tcal .today {background-color:#a0a0a0;font-weight:bold;}
#eventcal #tcal .event {background-color:#a2c5e9;}
#eventcal #tcal .event a {text-decoration:none;color:black;}
#eventcal #tcal .event a:hover {text-decoration:underline;color:blue;}
#eventlist {width:613px;border:1px solid #606060;border-collapse:collapse;margin-bottom:5px;}
* html #eventlist {width:606px;}
*+html #eventlist {width:606px;}
#eventlist th {background-color:#a2c5e9;text-align:center;padding:3px 5px 3px 5px;border:1px solid #606060;font-size:9pt;}
#eventlist td {padding:2px 6px 2px 6px;border-right:1px solid #606060;font-size:9pt;}
#eventlist .odd {background-color:#c7e3f0;}
#eventlist .even {background-color:white;}
/**********************************************************************
 * Search Central
 **********************************************************************/
#searchcentral { width: 100%; border: none; border-collapse: collapse; }
#searchcentral td { vertical-align: top; padding-top: 5px; padding-bottom: 5px; width: 25%; }
#searchcentral a, #searchcentral a:visited { text-decoration: none; color: blue; }
#searchcentral a:hover { color: red; }

#sc1, #sc2, #sc3, #sc4 { display: block; width: 175px; text-align: left; }
#sc1 #r2, #sc2 #r2, #sc3 #r2, #sc4 #r2 { width: 100%; }
#sc1 #title, #sc2 #title, #sc3 #title, #sc4 #title { display: block; height: 20px; padding-top: 3px; text-align: center; color: black; margin-bottom: 7px; }
#sc1 #r3, #sc2 #r3, #sc3 #r3, #sc4 #r3 { background: url("/images/scbr.gif") no-repeat right bottom; width: 100%; }
#sc1 #r4, #sc2 #r4, #sc3 #r4, #sc4 #r4 { background: url("/images/scbl.gif") no-repeat left bottom; width: 100%; display: table; height: 250px; }
#sc1 #r5, #sc2 #r5, #sc3 #r5, #sc4 #r5 { display: table-cell; width: 100%; }
#sc1 #r6, #sc2 #r6, #sc3 #r6, #sc4 #r6 { padding: 5px; }

#sc1 { background:url("/images/sc1tr.gif") no-repeat right top; }
#sc1 #r2 { background: url("/images/sc1tl.gif") no-repeat left top; }
#sc1 #title { background-color: #669999; }

#sc2 { background:url("/images/sc2tr.gif") no-repeat right top; }
#sc2 #r2 { background: url("/images/sc2tl.gif") no-repeat left top; }
#sc2 #title { background-color: #6699cc; }



#sc3 { background:url("/images/sc3tr.jpg") no-repeat right top; }
#sc3 #r2 { background: url("/images/sc3tl.jpg") no-repeat left top; }
#sc3 #title { /* background-color: #669999; */ }

#sc4 { background:url("/images/sc4tr.jpg") no-repeat right top; }
#sc4 #r2 { background: url("/images/sc4tl.jpg") no-repeat left top; }
#sc4 #title { /* background-color: #6699cc; */ }


/**********************************************************************
 * .ttopmenu - Hacked-up superfish menu, degrades to a CSS-only menu
 **********************************************************************/
.ttopmenu { font-family: Arial, sans-serif; width:560px; height: 35px; line-height: 35px; }
.ttopmenu, .ttopmenu * { margin: 0; padding: 0; list-style: none; }
.ttopmenu ul { position: absolute; top: -999em; width: 170px; /* left offset of submenus need to match (see below) */ }
.ttopmenu ul li { height: 1em; line-height: 1em; width: 100%; }
.ttopmenu li:hover { visibility: inherit; } /* fixes IE7 'sticky bug' */
.ttopmenu li { float: left; position: relative; background: url("/images/button.gif") no-repeat; }
.ttopmenu li.current { background: url("/images/button2.gif") no-repeat; }
.ttopmenu li.current a { color: yellow; }
.ttopmenu li.current ul a { color: darkblue; }
.ttopmenu li:hover ul, .ttopmenu li.sfHover ul { left: 0; top: 35px; /* match top ul list item height */ z-index: 99; }
.ttopmenu li:hover ul.left, .ttopmenu li.sfHover ul.left { left: -104px; }  /* adjust to align according to menu width */
ul.ttopmenu li:hover li ul, ul.ttopmenu li.sfHover li ul { top: -999em; }
ul.ttopmenu li li:hover ul, ul.ttopmenu li li.sfHover ul { left: 170px; /* match ul width */ top: 0; }
ul.ttopmenu li li:hover li ul, ul.ttopmenu li li.sfHover li ul { top: -999em; }
ul.ttopmenu li li li:hover ul, ul.ttopmenu li li li.sfHover ul { left: 170px; /* match ul width */ top: 0; }
.ttopmenu a { padding: 0; text-decoration:none; display: block; position: relative; width: 68px; margin-right: 1px; }
.ttopmenu ul li { border-left: 1px solid gray; border-right: 1px solid gray; border-bottom: 1px solid gray; height: auto; }
.ttopmenu ul a { background: none; width: auto; }
.ttopmenu a, .ttopmenu a:visited { color: white; font-size: 8pt; text-align: center; }
.ttopmenu ul a, .ttopmenu ul a:visited { font-size: 8pt; font-weight: bold; color: darkblue; text-align: left; padding: 5px; }
.ttopmenu li li { background: #f2f1eb; }
.ttopmenu li:hover, .ttopmenu li.sfHover, .ttopmenu a:focus, .ttopmenu a:hover, .ttopmenu a:active { color: yellow; outline: 0; }
.ttopmenu ul li:hover, .ttopmenu ul li.sfHover, .ttopmenu ul a:focus, .ttopmenu ul a:hover, .ttopmenu ul a:active { color: darkblue; background-color:#c0c0c0; }
.ttopmenu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator { top: .8em; background-position: 0 -100px; /* give all except IE6 the correct values */ /* use translucent arrow for modern browsers*/ }
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }
.ttopmenu ul .sf-sub-indicator { background-position:  -10px 0; } /* point right for anchors in subs */
.ttopmenu ul a > .sf-sub-indicator { background-position:  0 0; }
.ttopmenu ul a:focus > .sf-sub-indicator, .ttopmenu ul a:hover > .sf-sub-indicator, .ttopmenu ul a:active > .sf-sub-indicator, .ttopmenu ul li:hover > a > .sf-sub-indicator, .ttopmenu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }
.sf-shadow ul { background: url('/images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } /*** shadows for all but IE6 ***/
.sf-shadow ul.sf-shadow-off { background: transparent; }

/**********************************************************************
 * Side Menu
 **********************************************************************/
.tsidemenutbl { border: none; border-collapse: collapse; width: 145px; margin-left: 2px; margin-top: 4px; }
.tsidemenutbl #top { background: url('/images/menu_top.jpg') no-repeat; line-height: 32px; font-size: 9pt; color: white; text-align: center; }
.tsidemenutbl #bottom { background: url('/images/menu_btm.jpg') no-repeat; line-height: 25px; }
.tsidemenutbl td { padding: 0; }
/* .tsidemenu {position:relative;z-index:500;width:145px;} */
.tsidemenutbl ul {padding:0;margin:0;list-style-type:none;width:100%;}
.tsidemenutbl li {float:left;position:relative;background:url("/images/menu_left.jpg") no-repeat left top;padding:0 0 0 5px;width:135px;height:25px;margin:0;}
.tsidemenutbl a, .tsidemenutbl a:visited {display:block;font-family: Arial, Sans-Serif;font-size:8pt;text-decoration:none;color:#053085;width:135px;height:25px;background:url("/images/menu_right.jpg") no-repeat right top;line-height:25px;text-align:left;white-space:nowrap;margin:0 0 0 0;padding: 0 5px 0 0;}
.tsidemenutbl .current a, .tsidemenutbl .current a:visited {color:#053085;}
.tsidemenutbl li.current { background-color: #e8e8e8; }
.tsidemenutbl a:hover, .tsidemenutbl .current a:hover {color:black;}
.tsidemenutbl :hover > a {color:black;} /*firefox*/
.tsidemenutbl .divider1 { height: 1px; line-height: 1px; margin: 0; padding-bottom: 3px; }
.tsidemenutbl .divider2 { height: 1px; line-height: 1px; margin: 0; }

/**********************************************************************
 * Rounded Corners
 **********************************************************************/
#rndblue { background:url("/images/bluetr.gif") no-repeat right top; display: block; }
#rndblue #r2 { background: url("/images/bluetl.gif") no-repeat left top; width: 100%; }
#rndblue #r3 { background: url("/images/bluebr.gif") no-repeat right bottom; width: 100%; }
#rndblue #r4 { background: url("/images/bluebl.gif") no-repeat left bottom; width: 100%; display: table; }
#rndblue #r5 { display: table-cell; width: 100%; }
/* note: you may need to adjust these margins.  set the i.e. margin-left 10 pixels less than default margin-left */
#rndblue { margin: 5px; }

.infobox { background-color: lightyellow; text-align: center; font-size: x-small; border: 1px solid black; width: 100px; border-collapse: collapse; }

.flaglist { border: 1px solid darkblue; border-collapse: collapse; width: 450px; }
.flaglist .desc { display: block; background-color: lightblue; padding: 5px; margin: 3px 0px; }
.flaglist th { color: white; background-color: darkblue; padding: 3px 5px; }
.flaglist td { padding: 2px 5px; }

#maintenance { display: block; position: relative; top: 20%; width: 40%; height: 50%; border: 1px solid #404040; margin-left: auto; margin-right: auto; background-color: white; padding: 10px; }

} /* end common */

/**********************************************************************
 * Printing Fixups
 **********************************************************************/
@media screen {
  #tbody { background:url('/images/gradient1.jpg') repeat-x top fixed; }
}
@media print {
  #tbody { background-image: none; }
  #tcontent { border: none; }
  #thdr { display: none; }
  #tftr { display: none; }
  .ordernew a { display: none; }
  .pageheader { border-bottom: 1px solid black; }
  #rndblue, #rndblue #r2, #rndblue #r3, #rndblue #r4 { background-image: none; }
}