html {background-color:#fff;}
body {
  color:#666; 
  font:100%/1.4 "Lucida Grande", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  background-color:#fff;
  min-width:702px;
}

/* common parts */
a {
  color:#c21;
  text-decoration:none;
}
a:hover {text-decoration:underline;}
p {
  margin:0 0 1.4em;
  padding:0;
} 
ul {
  line-height:1.6em;
}
img {border:none;}
form {
  margin:0;
  padding:0;
}
legend, div.legend {
  font-size: 0.83em;
  padding: 0 4px;
  background-color: #E8EAE1; 
}
fieldset, div.fieldset {
  margin:0 0 20px;
  padding:0;
  border:0;
}
.option {
  margin-bottom:20px;
}
.sub-option, #container .sub-option {
  margin-left:20px;
}
input, select, textarea {
  vertical-align:middle;
  font:0.92em "Lucida Grande", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}
.f-left {float:left;}
.f-right {float:right;}
label, .label {
  display: block;
  font-weight:bold;
  font-size:0.92em;
}
label.normal {
  font-weight:normal;
}
.inline, label.inline {
  display: inline;
}
.border {
  border: 1px solid #d0ecf6;
}
div.group {
  padding: 10px;
  margin-top: 0px;
  background-color: #E8EAE1;
}
.formrow {
  padding:.5em 2% .5em;
  margin-bottom:2px;
}
.formbuttons {
  text-align:right; 
  margin-top:5px;
}
.formbuttons .secondary {
  float: left;
  font-size:.83em;
}
.formbuttons .secondary a {
  color:#666;
}   
.secondary {
  color:#999;
}
.pagebuttons {
  text-align: right; 
  margin: 10px 0;
}
.pagebuttons .secondary {
  float: left;
}
.pageresults {
  margin: 20px 0;
  padding: 0;
} 
.smallbuttons {
  float: right; 
  margin: 0; 
  padding: 0;
}
textarea.tall {
  height: 250px;
}
textarea.medium {
  height: 100px;
}
textarea.short {
  height: 50px;
}

.ornate {
  margin:0;
  padding:5px;
  border:0;
  background-color: #E8EAE1; /* F2F6EE */
}
.ornate div.group {
  padding:0;
  margin-top: 0px;
  border: 1px solid #fff;
  background-color: #E8EAE1;
}
.half, .full, .quarter, .threequarters, .unsized {
  width:45%;
  padding:.5em 2% .5em;
  margin-bottom:2px;
  float:left;
}
.formrow .half, .formrow .full, .formrow .quarter, .formrow .threequarters, .formrow .unsized {
  float:none;
}
.half input, .full input, .quarter input, .threequarters input, .unsized input, .half select, .full select, .quarter select, .threequarters select, .unsized select, .half textarea, .full textarea, .quarter textarea, .threequarters textarea, .unsized textarea {
  margin-top:3px;
  width:98%;
}
.half label input, .full label input, .quarter label input, .threequarters label input, .unsized label input {
  width:auto;
}
.full {
  width:95%;
  clear:left;
  float:none;
}
.quarter {
  width:20%;
}
.threequarters {
  width:68%;
}
.unsized, input.unsized {
  width:auto;
}
.full input, .full select {
  width:99%;
}
.first {
  margin-right:1%;
  clear:left;
}
.bottom {
  margin-bottom:0;
}
.full .half, .half .half, .formrow .half {
  width:45%;
  padding:0;
  float:none;
}
.full .full, .half .full, .formrow .full {
  width:99%;
  padding:0;
  float:none;
}

/* main blocks */
.content {
  width:960px; /* max width for 1024x768 display -- divide into 12ths, 80px each */
  padding:0 5px;
  margin:0 auto;
  font-size:75%;
}
#top {
  background-color:#3B3D3A;    
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index: 10;
}
#top .content {
  height:2em;
  padding:0;
  position:relative;
}
#top ul {
  margin:0;
  padding:0;
  list-style:none;
  position:absolute;
  right:0;
  top:0.4em;
  font-size:0.83em;

}
#top ul li {
  padding:0 7px;
  float:left;
  border-right:1px solid #666;
}
#top ul li.last {
  padding:0 0 0 10px;
  border:none;
  }
#top ul li a {color:#eee;}
#top ul li a:hover {color:#fff;}

#top ul li div {
  margin-bottom:0px !important; margin-bottom:3px;
}
#top img.toggler {
  padding:0 3px 0 0;
  cursor: pointer;
  vertical-align: 10% !important; vertical-align: middle;

}
#top img.spacer {
}  
#top li.selected {
  background-color:#797D77;
  border:1px solid #D9DFD7;
}
#top li.selected a {color:#000;}
#top ul li.selected a:hover {color:#000;}
#top li ul {  
  top:1.6em !important; top:1.3em;
  z-index:999;
  text-indent:0;
  padding:8px 0;
  margin-left:-1px;
  list-style:none;
  width:140px;
  background-color:#E8EAE1;
  border:1px solid #D9DFD7;
  font-size:1em;
  box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
}
#top li ul li {
  text-transform:none;
  height:auto;
  font-size:1em;
  font-weight:normal;
  color:#333;
  padding:0 10px 0 10px;
  margin:0 0 5px 0 !important; margin:0;
  line-height:1.4em !important; line-height:1em;
  float:none;
  display:block;
  border:none;
}
#top li ul li a {
  display:block;
  color:#333;
}

#header {
  position:absolute;
  top:35px;
  left:0;
  width:100%;
z-index: 1;
}
#header .content {
  height:130px;
  padding:0;
  position:relative;
}
#header ul.menu {
  margin:0;
  padding:0;
  list-style:none;
  position:absolute;
  top:82px;
  right: 0;
}
#header ul.menu li a {
  color:#333;
}
#header a.tab {
  padding-left:5px;
}
#header img.toggler {
  margin-left:3px;
  padding:3px 3px 0 0;
  cursor: pointer;
  vertical-align: text-bottom;
}
#header img.spacer {
  padding-top:3px;
  vertical-align: text-bottom;
  height:12px;
}
#header li {
	float: left;
	margin-left:30px;
  text-transform:uppercase;
/*  font-size:1.4em;*/
  border:1px solid #fff;
/*  font-family:Georgia,Times,serif;*/
}
#header ul.menu li div {
  margin-bottom:0px !important; margin-bottom:3px;
}
#header li.active {
  font-weight:bolder;
}
#header li.active a {
  color:#000;
}
#header li.selected {
  background-color:#E8EAE1;
  border:1px solid #D9DFD7;
}
#header li ul {  
  position:absolute;
  z-index:0;
  text-indent:0;
  padding:8px 0;
  margin-left:-1px;
  list-style:none;
  width:164px;
  background-color:#fff;
  border:1px solid #D9DFD7;
  box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
}
#header li ul li {
  text-transform:none;
  height:auto;
  font-size:0.92em;
  font-weight:normal;
  color:#333;
  padding:0 10px 0 10px;
  margin:0 0 5px 0 !important; margin:0;
  line-height:1.4em !important; line-height:1em;
  float:none;
  display:block;
  border:none;
  font-family:"Lucida Grande", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}
#header li ul li a {
  display:block;
  color:#333;
}
#logo {
  position:absolute;
  background:url(/images/logo.gif) no-repeat;
  width:162px;
  height:85px;
  text-indent:-9999px;
  overflow:hidden;
  top:15px;
  left:-8px;
  margin:0; 
}
#logo a {
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
}
#container {
  padding:157px 0 50px 0;
}
#container .content {
  overflow:hidden;
  border-top:1px solid #D9DFD7;
}
#container .no-topper {
  border:none;
}
#container .double-topper {
  border-top:3px double #D9DFD7;
}
.one-fourth, .two-fourths, .three-fourths {
  float:left;width:144px;margin-right:14px;
}
.one-fourth.last, .two-fourths.last, .three-fourths.last {
  margin-right:0;
} 
.two-fourths {
  width:304px;
}
.three-fourths {
  width:464px;
}
.column1, .column2, .column3 {
  float:left;
  width:293px; /* = (.content:width - (margin + padding + border)*2)/3 | (960-(40)*2)/3 */
  padding-top:20px;
  margin-right:40px;
}
.column3 {margin-right:0;}
.with-sidebar {   
  padding-right: 20px;
  float: left;
  width:626px; /* = 960-293-40-1 */   
  border-right: 1px solid #D9DFD7;
}
.with-leftbar {   
  padding-left: 20px;
  float: right;
  width:626px; /* with-sidebar:width */   
  border-left: 1px solid #D9DFD7;
}
.main {
  padding-top:20px;
}
.sidebar {
  float:right;
  width:293px; /* = column1:width */ 
  padding:20px 0 0 20px;
}
.sidebar ul, .leftbar ul {
  font-size:0.83em;
  margin:0 0 25px;
  padding:0;
  list-style:none;
}
.leftbar {
  float:left;
  width:293px; /* = column1:width */ 
  padding:20px 20px 0 0;
}
img.normal {
  border:10px solid #E8EAE1; /* E8EAE1 3B3D3A */
}
img.summary {
  float:left;
  border:7px solid #E8EAE1; /* 868B85 E8EAE1 3B3D3A */
}
#photos img.thumbnail {width:80px;height:60px;} 
img.portrait {
  float:left;
  width:150px;
  margin:0 12px 1em 0;
  padding:0;
  border:7px solid #E8EAE1;
}
.s-frame {border:5px solid #E8EAE1;}
.m-frame {border:7px solid #E8EAE1;}
.l-frame {border:10px solid #E8EAE1;}
img.feature {
  margin-left:5px;
} 
img.exclusive {
  margin-left:5px; 
}
#map_div {
  border: 10px solid #E8EAE1; /* 3B3D3A E8EAE1 */
}
#geo_div { border: 10px solid #D9DFD7; }
h1 {
  margin:0 0 10px;
  font:bold 1.0em "Lucida Grande", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
  color:#000;
  padding-bottom:5px;
  text-transform:uppercase;
}
h1 a { color:#000; }
h2 {
  margin:0.2em 0 0 0;
  font:bold 0.87em "Lucida Grande", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
  color:#000;
  padding-bottom:8px;
  text-transform:uppercase;
}
h2 a { color:#000; }
h3 {
  margin:0.2em 0 0.4em 0;
  font:bold 1.0em "Lucida Grande", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
  color:#666;
  padding:0;
}
h3 a { color:#666; }
p.date {
  color:#908F7D;
  font-size:0.83em;
  margin-bottom:1.4em;
}
#footer {
  background:#fff;  
}
#footer .content {
  overflow:hidden;
  border-top:3px double #D9DFD7;
  border-bottom:3px double #D9DFD7;
}
#footer .content div {
  float:left;
  width:292px; /* see column1 */
  height:13em;
  padding:20px 20px 0 0;
  margin-right:20px;
  border-right:1px solid #D9DFD7;
}
#footer .content div.last {
  margin-right:0;
  padding-right:0;
  border-right:none;
}
#footer h2 {
  margin:0;
  font:bold 0.87em "Lucida Grande", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
  color:#000;
  text-transform:uppercase;
}
#footer ul {
  margin:0;
  padding:0;
  color:#776;
  list-style:none;
  font-size:0.83em;
  line-height:1.6em;
}
#footer li a, #copyright li a {color:#666;}
#copyright {
  background:#fff;
  color:#666;
  padding:20px 0;
  font-size:0.92em; 
}
#copyright ul, #copyright p {
  margin: 0;
  padding: 0;
}
#copyright ul li {
  display: inline;
  padding: 0 7px;
  border-left: 1px solid #D9DFD7;
}
#copyright ul li.first {
  margin:0;
  padding-left: 0;
  border: none;
}

/* Tables */
table {
  width:100%;
/*  font-size: 0.92em;*/
  border-collapse:collapse;
  padding:0;
  margin:20px 0px;
  border:0;
}
table.checkout {
  width:97%;
}
tr {
  vertical-align:top;
} 
th {
  line-height: 2;
  text-align: left;
  padding:5px;
}
th.plain {
  color:#000;
  background-color:transparent;
  border-bottom: 1px #333 solid;
} 
td {
  text-align: left;
  padding:5px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  border-right:1px #fff solid;
  border-top:1px #fff solid;
}
td.plain {   
  color:#000;
  background-color:transparent;
  border-bottom: 1px #999 solid;
}
td.summary {
  background-color: #d0ecf6;
} 
th.right, td.right {
  text-align: right;
} 
th.left, td.left {
  text-align: left;
} 
th.center, td.center, th.qty, td.qty {
  text-align: center;
}
th.number, td.number {
  text-align: right;
}
table a:link, table a:visited {
  color: #000;
}
table a:link.highlight, table a:visited.highlight {
  color: #c21;
}
table a:link.block, table a:visited.block {
  color: #000;
  display: block;  
}
table a:link.admin, table a:visited.admin {
  color: #999;
}
table a:hover, table a:active, table a:hover.admin, table a:active.admin, table a:hover.block, table a:active.block, table a:hover.highlight, table a:active.highlight {
  color: #c21;
  text-decoration: underline;
}
.odd { background-color: #F2F6EE; }
.even { background-color: transparent; } 
table .odd, tr.odd td { background-color:transparent; border-top:1px dashed #D9DFD7; }
table .even, tr.even td { background-color:transparent; border-top:1px dashed #D9DFD7; }

#bubble {
  font-size:0.87em;
  width:250px;
}
#bubble h3 {
  color:#fff;background-color:#3B3D3A;padding:0 5px;
}
#bubble img {
  float:left;width:80px;height:60px;margin:0 5px 0 0;padding:0;border:5px solid #E8EAE1;
}
#bubble .datarow, #bubble .textrow {clear:left;}
#bubble .datarow {text-align:right;}
#bubble .data {float:left;width:153px;}
#bubble .body {height:90px;overflow:auto;} /* Height < 85 bugs Safari scroll bars */

#mapform, #mapresults {background-color:#E8EAE1;}
#mapresults table td {border:none;}
#mapresults table .odd, #mapresults table .even, #mapresults table tr.odd td, #mapresults table tr.even td { background-color: transparent; border-top:1px dashed #ccc; }
#scrollform {overflow:auto;}
#scrollresults, .scrollresults {overflow:auto;padding:10px 5px;}
#scrollresults table {width:265px;}
#footform {text-align:right;}
#footform, #footresults {
  height:20px;
  padding:5px;
  border-top:1px solid #fff;
}
#mapindicator, #indicator, #maphelp, #mappaging {
  position:absolute;
  padding:10px 15px;
  background:#F9FFBB;
  border:2px solid #3B3D3A;
  color:#000;  
  z-index:100;
  font-style:italic;
}
#mapindicator {
  top:100px;
  right:240px;
  background:#F9FFBB;
}
#maphelp {
  background:#e7f5ff;
  top:150px;
  right:165px;
}
#mappaging {
  background:#fff;
  bottom:15px;
  right:17px;
  padding:2px 4px;
  font-size:0.92em;
  font-style:normal;
}
#mapindicator img {vertical-align: middle;}
#mapindicator p {margin:0;}
#indicator{
  top:150px;
  left:480px;
  background-color:#fff;
}
#screen {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background-color:#000;
  z-index:99;
}
  
/* Lists */

#container ul {
  list-style: none outside;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 1.0em;
  line-height: 1.5em;
}
#container ol {
  margin:0;
  padding-left:2em;
}
#container ol.alpha {
  list-style-type: lower-alpha;
  margin-bottom:1.4em;
}
#container ul.disc, #errorExplanation ul {
  list-style: disc outside url(/images/box_s.gif);
  padding-left:1em;
} 
#container ul.view, #container ul.admincontrol {
  margin: 0;
  font-size: 0.78em;
  float: right;
  clear:both;
}
#container .admincontrol {
  background-color:#e0f79f;
}
#container ul.view li, #container ul.admincontrol li {
  display: inline;
  padding: 0 7px;
  border-right: 1px solid #D9DFD7;
}
#container ul.view li.last, #container ul.admincontrol li.last {
  padding-right: 0;
  border: none;
}
#container ul.alt-view {
  padding:0;
  margin:0 0 20px;
  list-style:none;
}
#container ul.alt-view li {
  display: inline;
  padding: 0 7px;
  border-left: 1px solid #D9DFD7;
}
#container ul.alt-view li.first {
  padding-left: 0;
  border: none;
}
#container ul.footnote {
  font-size: 0.83em;
}
#container div.bio {
  margin:5em 0 0 0;
  clear: left;
}
#container div.bio p {
  margin-bottom:.8em;
}
#container div.module, #container div.moduleone, #container div.moduleadmin {
  margin:0 0 2em;
  clear: left;
  padding-top:2em;
  border-top:1px dashed #D9DFD7;
}
#container div.moduleone, #container div.moduleadmin {
  padding-top:0;
  border-top:none;
}
#container div.moduleadmin {
  padding:5px;
  background-color:#e0f79f;
  color:#57644A;
}
#container div.moduleadmin .outline {
  padding: 10px;
  margin-top: 0;
  border: 1px solid #fff;
  background-color: transparent;
}
#container div.moduleadmin ul {
  margin:0;
}
#container div.entry {
  margin:0 0 3em; 
  clear: left;
}
#container div.separator {
  padding-top:2em;
  border-top:1px dashed #D9DFD7;
}
#container div.bottomseparator {
  margin-bottom:2em;
  border-bottom:1px dashed #D9DFD7;
}
#container div.noseparator {
  border-top:none;
}
#container h4 {
  margin: 0;
}
#container div.entry p {
  margin: 0 0 .4em 0;
}
#container div.entry object {margin-bottom:2em;clear:left;}
blockquote {
  padding: 0;
  margin: 0;
}
cite, .meta {
  color: #999;
  font-size: 0.83em;
  margin: 0;
  padding: 0;
}
.testing {
  margin:200px;
}
.forcetopmargin {
  margin-top: 20px;
}
.forcebottommargin {
  margin-bottom: 20px;
}
dl {
  margin: 0 0 1.4em 1.0em;
  padding: 0;
  } 
dl.footnote {
  font-size: 0.83em;
  }
dt {
  font-weight: bold;
  margin: 0;
  padding: 0;
  }
dd {
  margin: 0 0 1em 0;
  padding: 0;
  }
/*.notice {
  margin:0 0 20px 0;
  padding:3px 6px;
  background:#e7f5ff;
  font-size:0.83em;
  color:#838a90;
}*/
.notice {
  margin:0 0 20px 0;
  padding:5px;
  background-color:#e7f5ff;
/*  background-color: #CBD7E2;*/
  color:#838a90;
/*  color:#4A5F7D;*/
}
.notice div.group {
  padding: 10px;
  margin-top: 0px;
  border: 1px solid #fff;
/*  border: 1px dotted #B3BCC5;*/
  background-color: transparent;
}
.notice div.group p {margin:0;}
.nb {
  margin:0 0 20px 0;
  padding:10px 15px;
  background:#F9FFBB;
  color:#666;  
  font-style:italic;
}
.callout {
  margin:0 0 20px 0;
  padding:10px 13px;
  background-color: #E8EAE1; 
  font-style:italic;
}
.error {
  margin:0 0 20px 0;
  padding:3px 6px;
  background:#e0f79f;
  font-size:0.83em;
  color:#80A112;
}
/* Rails form error message div id = errorExplanation */
#errorExplanation {
  background:#e0f79f;
  margin-bottom:2em; 
  padding:10px 10px;
}
#errorExplanation h2 { color:#80A112; } 
#errorExplanation p { margin:0; }
#errorExplanation ul { margin:0; }
.inputrequirement { font-style: italic; font-size: 0.92em;} 
/* Lists of action links */
ul.actions {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
}
ul.actions li {
  display: inline;
  padding:0 5px;
}
/* Buttons used to perform POST actions */
.button-to, .button-to div {
  display: inline;
}
/* Filter slider styling */
.slider {
  width: 205px;
  height: 14px;
  background: url(/images/slider_bg.gif) top no-repeat; 
  margin: 8px 0 3px 0;
}
.slider .handle {
  width: 12px; 
  height: 19px; 
  background-image: url(/images/slider_handle.gif); 
  cursor: move; 
  left: 0px; 
  position: relative;
}
.slider .next{
  margin-top: -19px;
}
/* Tabbed subsections */
ul.tabbed-menu, ul.tabbed-search {
  list-style:none;
  margin:0;
  padding:0;
  clear:both;
}
ul.tabbed-menu li {
  float:left;
  margin-right:30px;
}
ul.tabbed-menu li a {
  display:block;
  padding:5px 0;
  color:#999;
}
ul.tabbed-menu li a.active {
  font-weight:bold;
  color:#000;
}
ul.tabbed-search li {
  float:left;
  margin-right:10px;
  font-size:0.92em;
}
ul.tabbed-search li a {
  display:block;
  padding:5px 10px;
  color:#999;
  background-color:none;
}
ul.tabbed-search li a.active { 
  font-weight:bold;
  color:#333;
  background-color:#E8EAE1;
}
div.fixsearch, div.fixmenu, div.fixtabs {
  clear:left;
  height:1px;
}
#info {
  width: 495px;
  overflow: auto;
}
#splash {
  background-color:#E8EAE1; /* F2F6EE */
  padding:5px;
  margin-bottom:20px;
  margin-bottom:20px;
}
#splash div.outline {
  background-color:#E8EAE1;
  padding:20px;
  border: 1px solid #fff;
}
#splash .main {   
  padding:0;
  width:617px;   
}
#splash h1 {
  font:italic bold 2.8em/1em Georgia,Times,serif;
  text-transform:none;
  color:#3B3D3A;
}
#splash h2 {
  font-size:1.1em;
}
#splash h2 a {
  color:#c21;
}
#splash div.thirds {
  float:left;
  width:29%;
  margin-right:20px;
}
#splash p.body {
  font-family:Georgia,Times,serif;
  font-size:1.2em;
  margin-bottom:0.5em;
}
#splash .sidebar {
  float:right;
  width:267px;
  padding:0 0 0 20px;
  border-left:1px dashed #ccc;
}
#flashcontent {background: #3B3D3A;}
#flashcontent img {
  width:247px;
  height:150px;
  border: 10px solid #3B3D3A; /* 3B3D3A 868B85 */
}
.crop-thumbnail, .crop-summary {overflow:hidden;}
.crop-thumbnail {width:80px;max-height:60px;border:5px solid #E8EAE1;}
.crop-summary {width:130px;max-height:100px;border:7px solid #E8EAE1;}
.crop-thumbnail img, .crop-summary img {border: none;}
td .crop-thumbnail { margin: 3px 0px 10px 0px; }

/* Clears */
.clearleft {
  clear: left;
  height: 0;
}
.clearboth {
  clear: both;
  height: 0;
}