/* Background */
html{
background-color:#FFFFDD;
background-image:url('workspace.jpg');
overflow-x:hidden;
}

/* Link Styles */
a {
color:#0000FF;
}

/* Header styles */
#hd{
text-align:center;
border:3px solid #999977;
background-color:#FFFFDD;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius:10px;
margin-top:20px;
}

/* Content body styles */
#bd{
border:3px solid #999977;
background-color:#FFFFDD;
margin-top:20px;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius:10px;
padding:6px;
width:732px;
}

/* Footer styles */
#ft{
text-align:left;
border:3px solid #999977;
background-color:#FFFFDD;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius:10px;
padding:6px;
}

#title{
margin-top:20px;
}

#subtitle{
margin-bottom:10px;
}

/* Right-side content */
#content{
padding-left:10px;
padding-right:10px;
font-size:16px;
}

/* Left-side navigation */
#nav{
}

/* Navigation styles */
#menu li{
}

/* Navigation Link styles */
#menu li a{
color:#009900;
}

/* Underline for citations */
.under{
text-decoration:underline;
}
/* Citation hover div */
div#tipDiv {
    padding:2px;
    color:#FFD; font-size:16px;
    background-color:#999977;
	border:3px solid #666644;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}
.showTip {
font-size:60%;
vertical-align:top;
font-style:normal;
}


/* Indent */
.indent{
text-indent:36px;
}

/* Reverse Indent (Citations) */
.rev-indent{
margin-left:40px;
text-indent:-40px;
}

/* Annotations */
.annotation{
margin-left:40px;
}

/* Block Quote */
.blockquote{
margin-left:72px;
}
div.quote{
width:734px;
background-color:#555533;
padding:5px;
margin:10px 0px 30px -16px;
}
div.quote-inner{
border:3px solid #CCCCAA;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
border-radius:5px;
padding:10px;
background-color:#FFFFDD;
text-align:center;
width:90%;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
font-style:italic;
font-size:120%;
}
div.quote-inner span.f-right{
font-size:80%;
}

#quote-l{
position:relative;
left:0;
}
#quote-r{
position:relative;
left:690px;
}

/* Image wrapper and image and caption styles */
div.imgwrap{
border:3px solid #CCCCAA;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
border-radius:5px;
padding:10px;
background-color:#AAAA88;
text-align:center;
margin:10px;
height:auto;
}
div.imgwrap img{
border:1px solid #000000;
margin-bottom:15px;
}
div.caption{
color:#FFFFDD;
}
div.dymaxionwrap{
margin:0px;
padding:0px;
text-align:left;
height:auto;
}
.dometitle{
font-family:"Times New Roman", serif;
font-size:24px;
font-weight:bold;
margin:-5px;
margin-top:12px;
margin-bottom:-12px;
text-decoration:underline;
}

/* Gallery setup */
table.gallery{
text-align:center;
height:auto;
width:100%;
}
table.gallery tr{
border:0px;
width:100%;
}
table.gallery tr td{
margin:0;
padding:0;
text-align:center;
width:50%;
border:0px;
color:#FFFFDD;
}

/* Float setups */
.f-right{
float:right;
}
.f-left{
float:left;
}
.f-clear{
clear:both;
}
.f-clear-left{
clear:left;
}
.f-clear-right{
clear:right;
}
.hang-left{
margin-left:10px;
}

#media-container{
width:300px;
height:300px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#media-container img{
border:1px solid #000000;
}

/* Site Title Heading */
#title{
margin:5px;
}

/* Page Heading */
h1{
font-family:"Times New Roman", serif;
font-size:36px;
font-weight:bold;
color:#0000AA;
margin:0px;
}
.red{
color:#AA0000;
}
/* Subheadings */
h3{
font-family:"Times New Roman", serif;
font-size:24px;
font-weight:bold;
margin:-5px;
margin-left:0px;
margin-right:0px;
padding-left:0px;
padding-right:0px;
margin-bottom:0px;
text-decoration:underline;
}


/* Subtitle Heading */
h4{
margin-bottom:5px;
font-family:"Times New Roman", serif;
font-size:16px;
color:#999999;
font-weight:normal;
font-style:italic;
}

/* Footer created-by styles */
#createdby{
float:left;
}

/* Footer validation styles */
#valid{
float:right;
font-family:"Times New Roman", serif;
font-size:16px;
color:#999999;
font-weight:normal;
font-style:italic;
}

/* Slider CSS */

/* These 2 lines specify style applied while slider is loading */
.csw {
margin-left:auto;
margin-right:auto;
width: 600px;
height: 350px;
background: #ddb;
overflow: hidden;
border:3px solid #CCCCAA;
-moz-border-radius:5px;
border-radius:5px;
}
.csw .loading {
margin: 200px 0 300px 0;
text-align: center
}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border:3px solid #CCCCAA;
	-moz-border-radius:5px;
	border-radius:5px;
	margin: auto;
	width: 600px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 350px;
	clear: both;
	background: #ddb;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 600px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 5px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none !important;
}

.stripNav ul li {
	float: left;
	width:180px;
	margin-left: 1px;
	margin-right: 1px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
	font-size: 20px;
	text-align: center;
	line-height: 32px;
	text-decoration: none;
	display: block;
	padding: 0 15px;
	border-top:3px solid #aa8;
	border-left:3px solid #aa8;
	border-right:3px solid #aa8;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	border-radius:5px;
	border-bottom:none;
	background: #cca;
	color: #aa8;
}

/*.stripNav li.tab1 a { background: #60f }
.stripNav li.tab2 a { background: #60c }
.stripNav li.tab3 a { background: #63f }*/
		
.stripNav li a:hover {
	border-top:3px solid #bb9;
	border-left:3px solid #bb9;
	border-right:3px solid #bb9;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	border-radius:5px;
	border-bottom:none;
	background: #ddb;
	color: #886;
}

.stripNav li a.current {
	border-top:3px solid #cca;
	border-left:3px solid #cca;
	border-right:3px solid #cca;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	border-radius:5px;
	border-bottom:none;
	background: #aa8;
	color: #ffd;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL {
	background: url("tabs/images/arrow-left.gif") no-repeat center;
}		
.stripNavR {
	background: url("tabs/images/arrow-right.gif") no-repeat center;
}
/* Citation † Cross */
sup {
font-size:70%;
vertical-align:top;
}