html { font-size: 76%; height: 100%; }
body {
	font: 110%/1.4 Helvetica, Arial, sans-serif;
	background: #fff;
	color: #444;
	height: 100%;
	margin: 0;
	padding: 0;
}
a img { border: none; }
img, select, input, textarea, object, embed { vertical-align: middle; }
input[type=radio], input[type=checkbox] { vertical-align: bottom; }
.clear { clear: both; }

h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 1.1em; color: #006; clear: left; }
h4, h5, h6 { font-family: Arial, sans-serif; }
h1 { font-size: 2.2em; margin: 20px 0; color: #006d9c; }
h2 { font-size: 1.6em; margin: 20px 0; color: #006d9c; }
h3 { font-size: 1.4em; margin: 15px 0; color: #006d9c; }
h4 { font-size: 1.2em; margin: 10px 0; }
h5 { font-size: 1em;   margin: 5px 0;  }
h6 { font-size: 1em;   margin: 0;      }

p { margin: 15px 0; }


pre, code, blockquote { line-height: 1.4em; font-size: 1.1em; display: block; margin: 25px 0; padding: 15px; clear: both; }
pre, code { border-left: 3px solid #ccc; background: #eee; }

blockquote {
	font-style: italic;
	font-size: 1em;
	line-height: 1.5em;
	padding: 10px 15px 10px 25px;
	background: #eee;
}
blockquote p { margin-bottom: 0; padding: 0; }
.quote-author {
	text-indent: 0;
	font-style: normal;
	margin: 20px -15px -20px;
	padding-top: 35px;
	background: #fff url(/images/quote-arrow.png) no-repeat 40px top;
}

ul, ol, dl { margin: 15px 0 15px 20px; padding: 0; }
ul ul, ol ol { margin-top: 0; margin-bottom: 0; }
ol { margin-left: 25px; }
dl { margin-left: 0; }
dt { margin-top: 15px; font-weight: bold; }
dd { margin: 0; }

ul { list-style-type: disc; }


form { margin: 0; padding: 0; }
fieldset { margin: 0; padding: 10px 30px; border: 1px #eee solid; }
label { font-family: inherit; font-size: inherit; line-height: 1em; }
fieldset input, form fieldset select, form fieldset textarea { font-family: inherit; font-size: inherit; }
fieldset button { text-align: center; font-size: 1.2em; font-weight: bold; }
fieldset fieldset { border: none; }
fieldset fieldset legend span { font-weight: bold; line-height: 1.7em; }
fieldset fieldset label { font-weight: normal; color: #666; }


/* Templates */
.t-odd    { width: 249px; float:  left; clear: left;  margin: 6px 0; }
.t-even   { width: 249px; float: right; clear: right; margin: 6px 0; }

.big-image { text-align: center; }
.fp-leftcol  { float: left ; width: 399px; border-right: 1px #ccc solid; padding: 0 20px; }
.fp-leftcol div { margin: 0 -20px; }
.fp-rightcol { float: right; width: 330px; border-left: 1px #ccc solid; margin-left: -1px; }

.spacer-l { float:  left; width: 1px; height: 9.8em; }
.spacer-r { float: right; width: 1px; height: 9.8em; }
.caption { display: block; text-align: center; font-style: italic; font-size: 90%; }

.article .odd  { margin: 0 6px 0 0; padding-top: 1.4em; }

.article-mid .t-odd, .article-mid .t-even { margin: 0; }

.am-image        { float:  left; clear:  left; width: 249px; margin: 0 6px 0 -127px; padding-top: 1.4em; }
.am-image-spacer { float: right; clear: right; width: 249px; margin: 0 -128px 0 6px; padding-top: 1.4em; }
.am-image-spacer .caption { visibility: hidden; speak: none; }

.i1, .i2, .i3 { float: left; width: 164px; }
.i2, .i3 { margin-left: 6px; }

.side-col { width: 164px; }
.main-col { width: 334px; }
.sidebar-l .side-col { float: left; }
.sidebar-l .main-col { float: right; }
.sidebar-r .main-col { float: left; }
.sidebar-r .side-col { float: right; }

.example-img  { float: left;  width: 164px; margin: 0.65em 0; }
.example-text { float: right; width: 334px; margin: 0.65em 0; }
.example-text > *:first-child { margin-top: 0; }

.icons { width: 164px; }
.icons-l .pictures { float: left;  margin-right: 6px; }
.icons-r .pictures { float: right; margin-left:  6px; }

.caption { display: block; text-align: center; font-style: italic; }


#lightbox { background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; }
#lightboxDetails { font-size: 0.8em; padding-top: 0.4em; }
#lightboxCaption { float: left; }
#keyboardMsg { float: right; }
#closeButton { top: 5px; right: 5px; }
#lightbox img { border: none; clear: both; }
#overlay img { border: none; }
#overlay{ background-image: url(../images/overlay.png); }
* html #overlay {
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}

/* Portfolio */
.pf-outer { border: 1px #ccc solid; margin-top: 20px; padding: 12px; width: 539px; margin: auto; }
.pf-item { background: #444 none repeat scroll 0 0; color: white; overflow: hidden; padding: 15px 275px 15px 15px; position: relative; line-height: 1.2; }
.pf-logo { position: absolute; right: 20px; top: 20px; }
.pf-item .visit { border: none; color: white; font-size: 120%; left: 281px; position: absolute; top: 217px; }
.pf-item .visit img { margin-right: 20px; vertical-align: middle; }
.pf-item h2 { font: 200% Arial,Helvetica,sans-serif; margin: 0 0 10px; padding: 0; color: white; }
.pf-item h3 { font: bold 110% Arial,Helvetica,sans-serif; margin: 10px 0; padding: 0; color: white; }
.pf-item a { text-decoration: none; }

/* Gallery */
.gal {
	width: 504px;
	height: 414px;
	z-index: 5;
	border: 1px solid #000;
	overflow: hidden;
}
#galcontainer {
	margin: 25px 4px 4px;
	border: 1px solid #ccc;
	padding: 12px;
}
#content #pfgal a { border-bottom: none; }
#pfgal {
	width: 526px;
	height: 414px;
	z-index: 5;
	border: 1px solid #000;
}
#pfgal img.thumbnail { display: none; }

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/loading-bar-black.gif);
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/loading-bar-black.gif);
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2 { margin: 8px; }

.jdGallery .slideInfoZone p
{
	display: none;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('../img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	/*position: absolute;*/
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url(../images/fleche1.gif) no-repeat center left;
}

* html .jdGallery a.left { background: url(../images/fleche1.gif) no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url(../images/fleche2.gif) no-repeat center right;
}

* html .jdGallery a.right { background: url(../images/fleche2.gif) no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('../img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('../img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }

ul.flat {
 list-style-type:none;
 padding-left:0px;
}

ul.flat li,
ul.graphic li {
 padding-bottom:1px;
}

ul.flat li a {
 display:inline-block;
 padding:2px 4px 2px 4px;
}

ul.graphic {
 list-style-type:none;
 padding-left:0px;
 margin-left:0px;
}

/* background-image-based CSS3 example */

ul.graphic {
 list-style-type:none;
 margin:0px;
 padding:0px;
}

ul.graphic li {
 margin-bottom:2px;
}

/* ul.graphic li a, */
ul.graphic li a.sm2_link {
 /* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */
 display:inline-block;
 padding-left:22px;
 min-height:16px;
 border:3px solid #666;
 background-color:#666;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 padding:0px 3px 0px 20px;
 min-width:19em;
 _width:19em;
 text-decoration:none;
 font-weight:bold;
 color:#fff;
 text-shadow: 0 0 0 #000; /* stupid Safari "fat" font rendering tweak */
}

ul.graphic li a.sm2_link {
 /* safari 3.1+ fun (or, proprietary crap. TBD.) */
 -webkit-transition-property: hover;
 -webkit-transition: all 0.15s ease-in-out;
}

ul.graphic li a.sm2_paused:hover,
ul.graphic li a.sm2_link:hover {
 background:#333 url(/images/icon_play.png) no-repeat 0px 50%;
 _background-image:url(/images/icon_play.gif); /* IE 6 */
 border-color:#333;
}

ul.graphic li a.sm2_paused {
 background-color:#999;
 border-color:#999;
}

ul.graphic li a.sm2_paused:hover {
 background:#999 url(/images/icon_play.png) no-repeat 0px 50%;
 _background-image:url(/images/icon_play.gif);
 border-color:#999;
}

ul.graphic li a.sm2_playing,
ul.graphic li a.sm2_playing:hover {
 background:#336699 url(/images/icon_pause.png) no-repeat 0px 50%;
 _background-image:url(/images/icon_pause.gif);
 border-color:#336699;
 text-decoration:none;
}

/* hide button while playing?
ul.graphic li a.sm2_playing {
 background-image:none;
}
*/
/* flat CSS example */

ul.flat a.sm2_link {
 /* default state: "a playable link" */
 border-left:6px solid #999;
 padding-left:4px;
 padding-right:4px;
}

ul.flat a.sm2_link:hover {
 /* default (inactive) hover state */
 border-left-color:#333;
}


ul.flat a.sm2_playing {
 /* "now playing" */
 border-left-color:#6666ff;
 background-color:#000;
 color:#fff;
 text-decoration:none;
}

ul.flat a.sm2_playing:hover {
 /* "clicking will now pause" */
 border-left-color:#cc3333;
}

ul.flat a.sm2_paused {
 /* "paused state" */
 background-color:#666;
 color:#fff;
 text-decoration:none;
}

ul.flat a.sm2_paused:hover {
 /* "clicking will resume" */
 border-left-color:#33cc33;
}

/** FLOW PLAYER */

.floverlay {
	display: none;
	background-color: #000;
	width: 900px;
	height: 400px;
	padding: 0 !important;
}
/* .floverlay .close {
	background:url(/images/close.gif) no-repeat;
	position:absolute;
	top:2px;
	right:5px;
	width:35px;
	height:35px;
	cursor:pointer;
} */


#skip-link { position: absolute; left: -9999px; }

body { min-width: 1004px; }

.leftcol { width: 232px; float: left; margin: 0; }

#toprow { height: 35px; line-height: 35px; background: #9fcb2e; text-align: right; font-size: 0.9em; padding-right: 1em; }
#toprow a, #topCol a:visited { color: #003160; font-weight: bold; }
#company { background: #003160; color: #fff; font-size: 0.85em; font-weight: bold; height: 35px; line-height: 35px; text-align: center; font-family: 'Arial Narrow', sans-serif; }
#company a { color: #fff; text-decoration: none; text-transform: uppercase; }

#header { border-bottom: 7px solid #006d9c; height: 122px; }
#header .leftcol { width: 231px; border-right: 1px solid #ccc; }
#topmenu ul { margin: 0; list-style: none; }
#topmenu li { float: left; }

#topmenu a {
	color: #5a5a5a;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 109px;
	height: 122px;
	border-right: 1px solid #ccc;
	font-family: 'Arial Narrow', sans-serif;
	position: relative;
}
#topmenu a:hover { color: #378cb1; text-decoration: underline; }
#topmenu span {
	position: absolute;
	bottom: 10px;
	left: 0;
	padding-left: 13px;
	width: 85px;
	line-height: 1.2;
}
#topmenu a:hover span {
	border-left: 5px #9fcb2e solid;
	padding-left: 8px;
}

#main { background: url(/images/mainbg-sidebar.png) left top repeat-y; }
#home #main { background: url(/images/mainbg.png) left top repeat-y; }
#main:after { content: ""; display: block; clear: both; }

#main .leftcol { padding-bottom: 1px; }

.submenu-head {
	font: bold 14px/20px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	border-bottom: 1px #888 dotted;
	padding: 25px 0 24px;
	margin: 0;
	text-align: center;
}
.links {
	border-top: 1px #ccc solid;
	margin: 38px 0 0;
	padding: 0;
}
.links li {
	margin: 0;
	border-bottom: 1px #ccc solid;
}
.links a {
	display: block;
	border-left: 6px #006d9c solid;
	padding: 11px 10px;
	font: bold 13px/16px "Arial Narrow", "Helvetica Narrow", sans-serif;
	color: #555;
	text-decoration: none;
}
.links a:hover {
	color: #006d9c;
	text-decoration: underline;
	border-left-color: #9fcb2e;
}

.maincol { float: left; width: 504px; padding: 1px 22px; }
#home .maincol { width: 770px; padding: 0 0 1px; }
h1 {
	font: 20px/28px Arial, Helvetica, sans-serif;
	margin: 0 -22px;
	padding: 20px 22px;
	border-bottom: 1px #888 dotted;
}

#sidebar { float: left; width: 200px; padding: 0 11px; }
#sidebar div { margin: 0 -10px; }


#recentnews { padding: 1px 0; margin-right: 1px; background: #eeeeee; }
#recentnews h3 { text-transform: uppercase; letter-spacing: 0.1em; color: #006d9c; font-size: 0.85em; margin: 10px 1em; padding-bottom: 7px; border-bottom: 1px dotted #ccc; }
#recentnews ul { margin: 10px; padding: 0; list-style: none; }
#recentnews li { margin: 5px 0; }


#footer { clear: both; height: 76px; background-color: #9fcb2e; font-size: 0.85em; }
#footer .leftcol {
	height: 66px;
	background-color: #003160;
	color: #fff;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.08em;
	padding-top: 10px;
	margin-right: 15px;
}
#footer span { white-space: nowrap; }
#footer a { color: #003160; padding-right: 0.6em; }
#bottommenu { width: 847px; padding-top: 10px; }
#copyright a { color: #333; }
.admin { float: right; padding-right: 1px; }
#copyright .admin a { color: #748e30; text-decoration: none; }

td, th { vertical-align: top; padding: 2px 5px; }
th { background-color: #006d9c; color: white; }
.form-layout th { background-color: transparent; color: inherit; text-align: right; }
td[valign="middle"], th[valign="middle"] { vertical-align: middle; }
td[valign="bottom"], th[valign="bottom"] { vertical-align: bottom; }
td[valign="baseline"], th[valign="baseline"] { vertical-align: baseline; }
table[border="1"] { border-collapse: collapse; }
table[border="1"] td, table[border="1"] th { border: 1px #ccc solid; }
img[align="left"]  { margin: 4px 16px 8px 0; }
img[align="right"] { margin: 4px 0 8px 16px; }

.maincol a { color: #000080; }
.maincol a:visited { color: #700070; }

.breadcrumbs { font-size: 11px; margin: 10px 0 6px 10px; color: black; }
.breadcrumbs a { color: #000040; }
.breadcrumbs a:visited { color: #380038; }

.required-note, .error { color: red; }

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #206A9B;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #E9E6E2;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #FB8A20 url(menuarrow2.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #000;
  color: #E9E6E2;
  padding: 2px;
}

.calendar thead tr { /* Row <TR> containing navigation buttons */
  background: #FB8A20;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #B9B1A4;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #206A9B;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #34ABFA;
  color: #000;
  border: 1px solid #016DC5;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #B9B1A4;
  border: 1px solid #008AFF;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #B9B1A4;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #F1F8FC;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #8FC4E8;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #D50000;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #206A9B;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #000;
  color: #fff;
  border-top: 1px solid #206A9B;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #B8DAF0;
  border: 1px solid #178AEB;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #006AA9;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #34ABFA;
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  font-weight: bold;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #F1F8FC;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #E3F0F9;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #F1F8FC;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #267DB7;
  color: #fff;
}

.calendar td.time span.active {
  border-color: red;
  background-color: #000;
  color: #A5FF00;
}