/******************************
ELEMENT STYLES
*******************************/
body {
	color: #000;
	background: #e7e7e7;
	margin: .25em 0 0 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 80%;
}
div {position:relative;}
a {color:#ce3d3d;text-decoration: none;}
a:hover {text-decoration:underline;}
h2 {margin:0 0 .1em 0;}
h2 a {color:#000;}
img {border:0;}
/******************************
DOCUMENT-WIDE STYLES
******************************/
.text-right {text-align: right;}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-justify {text-align:justify;}
.left {float:left;}
.right {float:right;}
img.left {padding-right:.5em;}
.clear {clear:both;}
.error {
	text-align:center;
	font-weight:bold;
	color:#cd3939;
}
ul.error {
	text-align:left;
	list-style-type: none;
	line-height: 2em;
}
.dim {color:#676767;}
.textfield {
	border: 1px solid #ccc;
	padding:.2em;
	width:25em;
}
textarea {border:1px solid #ccc;padding: .2em;}
textarea.entry {width:45em;height: 25em;}
textarea.comment {
	width: 44em;
	height: 15em;
	_width: 400px;
}
textarea.teaser {width:45em;height: 5em;}
.pointer {cursor:pointer;}
code {
	font-size: 1.25em;
	color: #ce3d3d;
	font-weight: bold;
}
/******************************
CONTAINER
*******************************/
#container {width:74em;margin:0 auto;}
/******************************
MASTHEAD
*******************************/
#masthead {
	height: 158px;
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;
}
#masthead-left {
	position: absolute;
	height: 100%;
	width: 100%;
	background-image: url(../images/header_left.gif);
	background-repeat: no-repeat;
	background-position: top left;
	_margin-left: -4px;
}
#masthead-right {
	position: absolute;
	height: 100%;
	width: 100%;
	background-image: url(../images/header_photo01.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	_padding-right: 4px;
}
#masthead-right a {
	position: absolute;
	display: block;
	width: 268px;
	height: 49px;
	background-image: url(../images/title.gif);
	background-repeat: no-repeat;
	text-indent: -2000em;
	left: 16px;
	top: 60px;
}
/******************************
NAVIGATION
*******************************/
#navigation {
	width: 340px;
	z-index: 4;
	_margin-left: -4px;
	_margin-bottom: 4px;
}
#navigation ul {
	position: relative;
	padding: 0;
	margin: 0 0 -3px 0;
	height: 26px;
	z-index: 4;
}
#navigation li {
	display: inline;
	background-repeat: no-repeat;
}
#navigation li a {
	display: block;
	text-indent: -2000em;
	position: absolute;
}
#navigation li span {
	display: block;
	text-indent: -2000em;
	position: absolute;
}
#navigation li#nav-home a {
	width: 91px;
	height: 27px;
	background-image: url(../images/nav_home.gif);
}
#navigation li#nav-home span {
	width: 91px;
	height: 27px;
	background-image: url(../images/nav_home_hover.gif);
}
#navigation li#nav-about a {
	width: 85px;
	height: 27px;
	left: 91px;
	background-image: url(../images/nav_about.gif);
}
#navigation li#nav-about span {
	width: 85px;
	height: 27px;
	left: 91px;
	background-image: url(../images/nav_about_hover.gif);
}
#navigation li#nav-laboratory a {
	width: 137px;
	height: 27px;
	left: 176px;
	background-image: url(../images/nav_laboratory.gif);
}
#navigation li#nav-laboratory span {
	width: 137px;
	height: 27px;
	left: 176px;
	background-image: url(../images/nav_laboratory_hover.gif);
}
/******************************
LEFT COLUMN
*******************************/
#column-left {
	width: 56em;
	float: left;
	_margin-bottom: .5em;
}
.box-left {
	width: 56em;
	background-color: #fff;
	margin-bottom: .5em;
	_margin-bottom: 0;
}
.content {
	padding: 1em 1.5em 1em 1.5em;
	font-size: 1.1em;
	_border: 1px solid #ccc;
	line-height: 1.6em;
}
#message {
	color: #0000cc;
	text-align: center;
	font-weight: bold;
}
.entry {
	margin: 0.5em 0 1.5em 0;
	clear: both;
	line-height: 1.6em;
}
.date {
	width: 3em;
	height: 3.5em;
	float: left;
	text-align: center;
	margin: 0 .5em 0 0;
}
.date-month {
	display: block;
	font-size: .8em;
	font-weight: bold;
	margin-top: .3em;
	color: #777;
}
.date-number {
	display: block;
	font-size: 1.6em;
	font-weight: bold;
	margin: 0;
	color: #777;
}
.update-record {
	margin-bottom: 1em;
}
.update-record th {
	text-align: left;
	vertical-align: top;
}
.edit-entry {
	text-align: right;
	margin-top: -.75em;
}
#comments {
	width: 134px;
	height: 27px;
	margin-bottom: -4px;
	z-index: 4;
	text-indent: -1000em;
	background-image: url(../images/tab_comments.gif);
	background-repeat: no-repeat;
	background-position: center;
	_margin-left: -2px;
	_margin-bottom: -2px;
}
.comment-even {
	border: 1px dotted #ccc;
	padding: .5em;
	margin-top: .5em;
}
.comment-odd {
	border: 1px dotted #ccc;
	padding: .5em;
	margin-top: .5em;
	background-color: #f9f9f9;
	_background-color: transparent;
}
.preview {
	margin-bottom: 1em;
}
.comment {
	clear: both;
	padding-top: .5em;
	line-height: 1.6em;
}
.comment-instructions {
	padding-top: 1em;
	line-height: 1.6em;
}
input.captcha {
	border: 1px solid #ccc;
	padding: .2em;
	width: 10em;
}
table.images {
	margin: 0 auto;
}
table.images td {
	padding-right: .75em;
	padding-bottom: .75em;
}
.quote {
	border: 1px dotted #ccc;
	background-color: #fef7f7;
	background-image: url(../images/quotes-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 90%;
	margin: 0 auto;
}
.quote-right {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/quotes-right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	_height: 2.7em;
}
.quote-content {
	text-align: center;
	padding: .5em;
}
/******************************
SIDEBAR
*******************************/
#column-right {
	position: relative;
	width: 17em;
	float: right;
}
.sidebar {
	background-color: #fff;
	margin-bottom: .75em;
}
.sidebar ul {
	list-style-type: none;
	padding-top: 0;
	padding-left: 0;
	margin-top: 0;
	margin-left: 0;
	line-height: 1.6em;
}
.sidebar.archive-list {
	_margin-top: -1px;
	_background-color: #fff;
	_border-top: 0;
}
ul#archive-list, ul.archive-list {
	margin-bottom: 0;
}
ul#archive-list ul, ul.archive-list ul {
	padding-left: .5em;
	margin-left: .5em;
}
.archive-number {
	font-size: 80%;
}
.list-arrow {
	padding: 0 10px 0 0;
	background-image: url(../images/list_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.list-arrow-down {
	padding: 0 10px 0 0;
	background-image: url(../images/list_arrow_down.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#tab-about {
	background-image: url(../images/tab_about.gif);
}
#tab-archives {
	background-image: url(../images/tab_archives.gif);
}
#tab-administration {
	background-image: url(../images/tab_administration.gif);
}
#tab-routes {
	background-image: url(../images/tab_routes.gif);
}
.tab_title {
	position: absolute;
	width: 100%;
	height: 100%;
	text-indent: -1000em;
	background-repeat: no-repeat;
	background-position: center bottom;
	_background-position: center 4px;
}
.tab {
	width: 100%;
	height: 27px;
	margin-bottom: -4px;
	z-index: 4;
	background-image: url(../images/red_tab_bg.gif);
	background-repeat: repeat-x;
}
.tab-left {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/red_tab_top_left.gif);
	background-repeat: no-repeat;
	background-position: left;
	_margin-left: -2px;
}
.tab-right {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/red_tab_top_right.gif);
	background-repeat: no-repeat;
	background-position: right;
	_padding-right: 2px;
}
/******************************
CODERAY
******************************/
.CodeRay {
  background-color: #f8f8f8;
  border: 1px solid silver;
  font-family: 'Courier New', 'Terminal', monospace;
  color: #100;
  line-height: 2em;
  overflow: auto;
  margin-top: -1.25em;
  width: 100%;
}

span.CodeRay { white-space: pre; border: 0px; padding: 2px }

table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px }
table.CodeRay td { padding: 2px 4px; vertical-align: top }

.CodeRay .line_numbers, .CodeRay .no {
  background-color: #def;
  color: gray;
  text-align: right;
}
.CodeRay .line_numbers tt { font-weight: bold }
.CodeRay .no { padding: 0px 4px }
.CodeRay .code { width: 100% }

.CodeRay ol, .CodeRay pre { font-size: 10pt; }
.CodeRay ol {
	_margin-top: 1em;
}
.CodeRay ol li { white-space: pre }
.CodeRay pre { padding-top: 1em; padding-bottom: 1em; }
.CodeRay pre {
	margin: 0px;
	_padding-top: 1em;
	_padding-bottom: 1.4em; 
}
.CodeRay pre span.line { margin-left: 3em; }

.CodeRay .code pre { overflow: auto }

.CodeRay .debug { color:white ! important; background:blue ! important; }

.CodeRay .af { color:#00C }
.CodeRay .an { color:#007 }
.CodeRay .av { color:#700 }
.CodeRay .aw { color:#C00 }
.CodeRay .bi { color:#509; font-weight:bold }
.CodeRay .c  { color:#666; }

.CodeRay .ch { color:#04D }
.CodeRay .ch .k { color:#04D }
.CodeRay .ch .dl { color:#039 }

.CodeRay .cl { color:#B06; font-weight:bold }
.CodeRay .co { color:#036; font-weight:bold }
.CodeRay .cr { color:#0A0 }
.CodeRay .cv { color:#369 }
.CodeRay .df { color:#099; font-weight:bold }
.CodeRay .di { color:#088; font-weight:bold }
.CodeRay .dl { color:black }
.CodeRay .do { color:#970 }
.CodeRay .ds { color:#D42; font-weight:bold }
.CodeRay .e  { color:#666; font-weight:bold }
.CodeRay .en { color:#800; font-weight:bold }
.CodeRay .er { color:#F00; background-color:#FAA }
.CodeRay .ex { color:#F00; font-weight:bold }
.CodeRay .fl { color:#60E; font-weight:bold }
.CodeRay .fu { color:#06B; font-weight:bold }
.CodeRay .gv { color:#d70; font-weight:bold }
.CodeRay .hx { color:#058; font-weight:bold }
.CodeRay .i  { color:#00D; font-weight:bold }
.CodeRay .ic { color:#B44; font-weight:bold }

.CodeRay .il { background: #eee }
.CodeRay .il .il { background: #ddd }
.CodeRay .il .il .il { background: #ccc }
.CodeRay .il .idl { font-weight: bold; color: #888 }

.CodeRay .in { color:#B2B; font-weight:bold }
.CodeRay .iv { color:#33B }
.CodeRay .la { color:#970; font-weight:bold }
.CodeRay .lv { color:#963 }
.CodeRay .oc { color:#40E; font-weight:bold }
.CodeRay .of { color:#000; font-weight:bold }
.CodeRay .op { }
.CodeRay .pc { color:#038; font-weight:bold }
.CodeRay .pd { color:#369; font-weight:bold }
.CodeRay .pp { color:#579 }
.CodeRay .pt { color:#339; font-weight:bold }
.CodeRay .r  { color:#080; font-weight:bold }

.CodeRay .rx { background-color:#fff0ff }
.CodeRay .rx .k { color:#808 }
.CodeRay .rx .dl { color:#404 }
.CodeRay .rx .mod { color:#C2C }
.CodeRay .rx .fu  { color:#404; font-weight: bold }

/*.CodeRay .s  { background-color:#fff0f0 }*/
/*.CodeRay .s  .s { background-color:#ffe0e0 }*/
/*.CodeRay .s  .s  .s { background-color:#ffd0d0 }*/
.CodeRay .s  .k { color:#D20 }
.CodeRay .s  .dl { color:#710 }

.CodeRay .sh { background-color:#f0fff0 }
.CodeRay .sh .k { color:#2B2 }
.CodeRay .sh .dl { color:#161 }

.CodeRay .sy { color:#A60 }
.CodeRay .sy .k { color:#A60 }
.CodeRay .sy .dl { color:#630 }

.CodeRay .ta { color:#070 }
.CodeRay .tf { color:#070; font-weight:bold }
.CodeRay .ts { color:#D70; font-weight:bold }
.CodeRay .ty { color:#339; font-weight:bold }
.CodeRay .v  { color:#036 }
.CodeRay .xt { color:#444 }
/******************************
CALENDAR
*******************************/
#calendar table {
	width: 100%;
	border-collapse: collapse;
}
td.cal-prev-day {
	color: #777;
	background-color: #ccc;
}
td.cal-next-day {
	color: #777;
	background-color: #ccc;
}
td.cal-highlighted-day {
	background-color: #ce3d3d;
}
#calendar td {
	text-align: center;
	padding: 2px;
	border: 1px solid #ccc;
}
#calendar td a {
	display: block;
	color: #fff;
	width: 100%;
	height: 100%;
	border-bottom: 0px solid #fff;
}
#calendar td a:hover {
	background-color: #ce3d3d;
}
/******************************
BOXES
*******************************/
.shadow-top {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/shadow_top.gif);
	background-repeat: repeat-x;
	background-position: top;
	_display:none;
}
.shadow-bottom {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/shadow_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	_display:none;
}
.shadow-left {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/shadow_left.gif);
	background-repeat: repeat-y;
	background-position: left;
	_display:none;
}
.shadow-right {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/shadow_right.gif);
	background-repeat: repeat-y;
	background-position: right;
	_display:none;
}
.corner-top-right {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/corner_top_right.gif);
	background-repeat: no-repeat;
	background-position: top right;
	_display:none;
}
.corner-bottom-left {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/corner_bottom_left.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	_display:none;
}
.corner-bottom-right {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/corner_bottom_right.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	_display:none;
}
.smallcorner-top-right {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(../images/smallcorner_top_right.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
.smallcorner-top-left {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(../images/smallcorner_top_left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.smallcorner-bottom-left {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(../images/smallcorner_bottom_left.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.smallcorner-bottom-right {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(../images/smallcorner_bottom_right.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.smallshadow-top {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	background-image: url(../images/smallshadow_top.gif);
	background-repeat: repeat-x;
}
.smallshadow-left {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	background-image: url(../images/smallshadow_left.gif);
	background-repeat: repeat-y;
}
.smallshadow-bottom {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	background-image: url(../images/smallshadow_bottom.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
}
.smallshadow-right {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	background-image: url(../images/smallshadow_right.gif);
	background-position: center right;
	background-repeat: repeat-y;
}
/******************************
FOOTER
*******************************/
#footer {
	color: #fff;
	clear: both;
	width: 100%;
	background-image: url(../images/footer_bg.gif);
	height: 38px;
	background-repeat: repeat-x;
}
#footer-left {
	position: absolute;
	background-image: url(../images/footer_left.gif);
	background-position: left;
	background-repeat: no-repeat;
	height: 38px;
	width: 100%;
	_margin-left: -4px;
}
#footer-right {
	position: absolute;
	background-image: url(../images/footer_right.gif);
	background-position: right;
	background-repeat: no-repeat;
	height: 38px;
	width: 100%;
	_padding-padding: 4px;
}
#footer-content {
	padding: .8em .75em .75em 2em;
}