body {
  background-color: #BBCCFF;
 /* background: #ff7700 url(images/bg.png) top left no-repeat; */
  color: #800080;
  /*display: none;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4 {margin: 0; padding: 0;}
h1 {
  background-color: transparent;
  color: #fff;
  font-size: 125%;
  font-weight: 100;
  /*margin-bottom: 0;*/
  /*text-align: center;*/
}
h2 {
  color: #008080;
  font-size: 85%;
/*  margin-top: 0;*/
/*  text-align: center;*/
}
h3 {
	clear: left;
	color: #0080A0;
    font-family: Georgia, serif;
	font-size: 1.25em;
	/*font-style: italic;*/
	font-weight: 600;
}
h4 {
	clear: left;
    color: #A020A0;
	font-size: 90%;
	font-variant: small-caps;
}
a.bbcr {
font-family: "Rockwell Extra Bold", serif;
font-size: 0.85em;
font-weight: bold;
text-transform: lowercase;
}

a.bbcr:link {
color: #999999;
text-decoration: none;
}

a.bbcr:visited {
color:#696969;
text-decoration:none;
}

a.bbcr:hover {
color: #696969;
background: #ffa;
}

ul.not-tab  {
	margin-left: 3em;
}

ul.no-bullet  {
	margin-left: 1em;
}

.calendar {
	margin: 8px auto;
	width: 600px;
}

/*.content {
    border-top: 1px solid #97a5b0;
    padding: 1em; 
    background: #FFEEBB; /*#fff; /* declare background color for 
	to avoid distorted fonts in IE while fading */
/*    background:#CCC;
	margin: 1em auto;
	width: 85%;
}*/
.captions  {
	font-family: Courier, monospace;
	list-style-type: none;
	padding: 0;
}

.captions li {
	display: inline;
	padding: 0 16px;
}

.footnote {
	font-size: 0.75em;
}
.footnote:before {
	content: "____________";
	display: block;
}
.ill {
	border: 1px solid #fff;
}
/*.ill:after {
	color: #666;
	content: attr(title);
	display: block;
	font-size: 0.6em;
	font-weight: bold;
	padding-top: 8px;
}*/
.ill-center {
	clear: both;
	display: block;
	float: none;
	margin: 8px auto 10px auto;
	/*border: 8px solid #fff;*/
}
.left {
	/*display: inline-block;*/
	float: left;
	margin: 0 18px 10px 12px;
	/*border: 8px solid #fff;*/
}
.right {
	float: right;
	margin: 2px 14px 10px 20px;
	/*border: 8px solid #fff;*/
}
.no-float {
	float: none;
	margin: 2px 4px 10px 10px;
	/*border: 8px solid #fff;*/
}
/*.ill-center:after {
    background: #fff;
	content: attr(title);
	display: block;
	font-size: 0.6em;
	font-weight: bold;
	padding-top: 8px;
	text-align: center;
}
.ill-left:after, .ill-right:after {
    background: #fff;
	content: attr(title);
	display: block;
	font-size: 0.6em;
	font-weight: bold;
	padding-top: 8px;
	text-align: center;
}*/

.map iframe {
	border: 8px solid #fff;
}

.nextNav {
	font-size: 0.6em;
	font-weight: bold;
	margin: 10px;
	position: absolute;
	right: 20px;
}
	
.no-border {border: none;}

.node {
width: 90%; /*76%;*/
/*min-width: 560px;*/
padding: 10px 20px 5px 20px ;
background-color: #BBCCFF; /*#FFEEBB; /*#EBEBEB;*/ 
/*float: right;*/
margin: 5px auto; /*20px;*/
}
.node p, .node h3, .node h4 {
	margin: 15px;
}
.tabs-container {
	background: #FFF url(../images/gradient.jpg) repeat-x;
	display: inline-block;
	padding: 10px 20px 5px 20px;
}
.tabs-container:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.thickbox {
	border: none;
}
#calendar {margin: 0 auto auto 1em;
}

/*#content {
  background: #BBCCFF; /*#FFEEBB; */
/*  margin: 15px auto 0 auto;
  padding: 6px 0 0 0;
  width: 95%;
}*/

#footer {
  background: #BBCCFF; /*#FFEEBB;*/
  clear: both;  
  margin: 0 auto; /*-15px auto;*/
  padding: 0 0 2px 0;
  width: 95%;
}
#footer p {
	font-size: 0.75em;
	margin: 6px 0;
	text-align: center;
}

#links  {
	list-style-type: none;
}

#links a {
	font-size: 0.8em;
	font-weight: bold;
	padding: 2px;
}

#links a:link, #links a:visited  {
	text-decoration: none;
}

#links a:hover {
color: #696969;
background: #FFFFDD;
}

#links li {
	padding: 4px;
}

#logo {
  /*background: #FFCC66; */
  clear: both;
}

#logo h1 {
background: transparent;
border-bottom: 2px solid #008080;
color: #fff;
font-size: 3.2em;
white-space: nowrap;
letter-spacing: -5px;
padding-left: 40px;
/*padding-top:20px;*/
}

#logo h1:first-child em {
  color: #999999;
  font-style: normal;
}

#logo h1 a {
color:#BBCCFF; /*#999;*/
text-decoration:none;
}

#logo h2 {
color: #FFF; /*006600;*/
font-size: 1.1em;
font-variant: small-caps;
font-weight: 600;
/*font-style: italic;*/
letter-spacing: 4px;
padding-left: 44px;
white-space: nowrap;
}

#logo h2 a {
color: #008080;
text-decoration: none;
}

#map {
	margin: 8px auto;
	/*width: 500px; /*441px;*/
	height: 300px;
	width: 500px;
}
#map span {
	color:#676767;font-size:11px;margin:10px;padding:4px;}
#map_canvas {
	/*height: 300px;*/
	margin: 8px auto;
	/*width: 500px; /*441px;*/
}

#menu {
background: #BBCCFF;
font-size: 0.7em;
margin: 0 0;
/*padding: 0 0 4px 0;*/
text-align: right;
width: 100%;
}

#menu a {
display: inline;
font-weight: bold;
margin: 20px 12px;
padding: 6px;
text-align: center;
text-transform: uppercase;
}

#menu a:link {
color: #999999;
text-decoration: none;
}

#menu a:visited {
/*background: transparent;*/
color:#696969;
text-decoration:none;
}

#menu a:hover {
color: #696969;
background: #ffd;
}

#menu a.current, #menu a.current a:link {
color: #FFF;
background: #008080; /*#CCCCCC;*/
}

#menu a.current:hover, #menu a.current:focus, #menu a.current:active { /* @ Opera, we need to be explicit again here now... */
    cursor: default;
}