/*CSS3 StyleSheet*/
html, body {
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background: #EEEEEE;	/*	*/	
	font-family: Arial, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 16px;
}
/* PAGE TOP */
#header {
	background: #6b91a8;	/*blue gray*/
	width: 100%;
	height: 86px;
	margin: 0px auto;
}
#bodyRight {
	background: #4682B4;	/*steel blue*/
}
#header > #Wrap {
	width: 1000px;
	margin: 0px auto;
	height: 60px;
}
#header > #Wrap > #Logo {
	float: left;
	height: 80px;
	width: 80px;
	margin: 3px;
}
#header > #Wrap > #Book {
	float: left;	
	margin-top: 0px;
	margin-left: 2px;
}
#header > #Wrap > #Rest {
	float: left;	
	font-family: Geneva, sans-serif;
	font-size: 20px;
	color: #FFF;  
	height: 24px;
	width: 495px;
	margin-top: 30px;
	margin-left: 30px;
}
#header > #Wrap > #Last {
	float: right;	
	font-family: Arial, Tahoma, Geneva, sans-serif;
	text-align: center;
	color: #FFF;  
	height: 80px;
	width: 160px;
	border-left: 1px solid;
	border-right: 1px solid;
}
.menu {
	width: 100px;
	height: 30px;
	background: #4682B4;	/*steel blue*/
    /*CSS3 properties*/
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
}
.menu a {
	color: #FFFFFF;
}
.menu a:link {
	font-family: @Arial Unicode MS, Tahoma, Geneva, sans-serif;
	text-decoration: none;
}
.menu a:visited {
	color: #FFFFFF;
}
.menu a:hover {
	font-weight: bold;
}
.button {
	background: blue;
	cursor: pointer;
}
.tableborder {
	background: #FFFFFF;
	width: 1000px;
	padding: 5px;
	border: 1px solid #4682B4;	/* steel blue */
	border-top: 5px solid #4682B4;	/* steel blue */
	border-spacing: 5px;
	/*CSS3 properties*/
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;	/* Safari */
    -moz-border-radius: 0 0 10px 10px;	/* Mozila */	
}
.tdborder {
	border-right: 1px solid #e9924c;
}
.table1 {
	background: #FFFFFF;
	width: 100%;
}
.table1 caption {
	cursor: help;
}
.table1 td, th, caption {
	border: 1px solid #e9924c;
	padding: 5px;
}
.table1 th, caption{
	background-color: #F2F2FF;
	border-collapse: collapse;
}
.thumbnail-box {
    width: 400px;
    float: left;
}
.blue {
	color: #0000FF;
}
.red {
	color: #FF0000;
}
.center {
	margin: auto;
}
hr {
	color: gray;
	border-style: inset;	/*	inset | outset	*/	
	border-width: 1px;	
	margin: 0.5em auto;
}
/*	p::first-letter {
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    color: #09C;	
}	*/
input #volumeslider{
	width: 200px;
}
#thumbnails {
    list-style-type: none;
    margin:0;
    padding:0;
    float:left;
}
#thumbnails li {
    margin:0;
    padding:0;
    float:left;
}
div.small-image-box {
    background-color:#808080;
    width:152px;
    margin-bottom:10px;
    margin-left:5px;
    text-align:center;
    padding-bottom:3px;
    padding-top:3px;
}
div.small-image-box img {
    margin-bottom:1px;
    display:block;
    margin-left:auto;
    margin-right:auto;
}
div.small-image-box span {
    height:20px;
    width:150px;
    background-color:white;
    display:block;
    font-size:12px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
p.footing {
	text-align:center;
	font-family: Verdana;
	font-size:12px;
	color: #808080;
}
pre {
	font-family: Verdana, Sans-serif;
	font-size:16px;
}

/*	Wireframe Menu Vertical	*/

.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 200px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

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

.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #DDDDFF;
color: black;
}

/*	Suckertree Menu Horizontal	*/
.suckertreemenu {
	position: relative;
	display: inline;
	background: #4682B4;	/*steel blue*/
}
.suckertreemenu ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 90px; /*Width of top level menu link items*/
height: 20px;
margin-left: 1px;
padding: 8px;
background: #4682B4;	/*steel blue*/
text-decoration: none;
color: white;
    /*CSS3 properties*/
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 220px; /*width of sub menu levels*/
background: #F3F3F3;
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
    /*CSS3 properties*/
    border-radius: 0px 0px 0 0;
    -webkit-border-radius: 0px 0px 0 0;
    -moz-border-radius: 0px 0px 0 0;
}

.suckertreemenu ul li a:hover{
font-weight: bold;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #4682B4 url(../images/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(../images/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

div#mainstrip {
  width:595px;
  height:307px;
  overflow:auto;
}
div#strip1 {
  width:490px;
  height:430px;
  overflow:auto;
}
div#strip2 {
  width:623px;
  height:483px;
  overflow:auto;
}
#my_canvas {
	background: #036;
/*	border:#000 1px solid;	*/
}
.error {
	color: #FF0000;
	margin: 10px;
}
.reference {
  font-size:8pt;
  vertical-align:super;
  font-weight:normal;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  line-height: 6pt;
}