html, body {
/*	height: 100%; breaks IE by making menu scroll down */
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:black;
	color:gray;
	height:100%;
} 
h1 {
	font-size:medium;
	margin-top:0;
	padding-top:0;
}

a:link{
	color:white;
	text-decoration:none;
}
a:visited
{
	color:#CCCCCC;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}


.rightMostMenu
{
 float:right;
}

.welcome
{
}

#menu {
/*width: 14em;*/
width: 35em;

/*background: #eee;*/
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 7em;
/*new margin
margin-left:8px;
margin-right:8px;*/
float: left;
}

#menu a, #menu h2 {
/*font: bold 11px/16px arial, helvetica, sans-serif;*/
display: block;
border-width: 1px;
border-style: solid;
border-color: #666;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
/*color: #fff;
background: #000;
text-transform: uppercase;*/
}

#menu a {
/*color: #000;
background: #efefef;
text-decoration: none;*/
}

#menu a:hover {
/*color: #a00;*/
background: gray;
}

#menu li {
/* remove else it floats away position: relative; */
}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;
background:gray;
}


.TopBar
{
	
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
}

.container {
  margin: 0;
  padding: 0;
  border:0;
  width:100%;
 /* border: thin solid #7d5500; */
 	height:100%;
}

.line{
	  border-top-style: solid;
	  border-top-width: 1px;
}

.main {
  width: auto;
  margin: 0;
  padding: 0;
  border:0;
  height:87%;
/*  border-top: thin solid #7d5500;
  border-bottom: thin solid #7d5500;
*/
/* background-color value is for content background.
   Image is 2000px wide, ~25% is colored, where sidebar should be 
   (exact pixel count of colored area is actually closer to 26%).
   Position corresponds to right sidebar, repeat img vertically.
   Could be easily modified for left sidebar - just flip the image,
   change bg position to 25% and change .content to float:right.
*/
}
.content {
  width: auto;         /* width of .main container */
/*  margin-left: 20%; */  /* past content */
  padding-top: 2.2%;
  padding-right:20px;
  padding-left:20px; 
  text-align:center;
/*    height:98%;
    overflow:auto; */
  height:100%;
  overflow:hidden;
}
.sidebar { 
	width: 15%;
	overflow:auto;
	height:100%;
/*	min-width:155px;  this breaks auto shrink*/

  float: left;        /* left side of window */
  margin: 0;
  padding: 1% 2%;
}
.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}

.footer {
  margin: 0;          /* flush with .main */

  
	border-top-style: solid;
	border-top-width: 1px;
	font-size:small;
	
	margin-top:2px;
	padding-top:3px;
	padding-left:20px;
	padding-bottom:4px;
	clear:both;
}


.content img {
	padding:4px;
	border-style:solid;
	border-width:3px;
	border-color:#DADADA;
}

#sideCaption {
	font-size: small;
	text-align: right;
	font-style: oblique;
	margin-top:-1em;
}
.caption {
	font-size: small;
	text-align: right;
	font-style: oblique;
/*	margin-top:-1em; */

margin-top:0.8em; 
background-color:black;

/*
	padding-top: 1em;
	padding-right: 6%;

	margin:0;
margin-top: 1em;
//TODO move this down, but not break in firefox 
	margin-right:1%;

*/
}

.captionB {
	font-size: small;
	text-align: right;
	font-style: oblique;
	width:auto;
	padding-right:15px;

}

div.figure {
width:90%;

	margin-left: auto ;
	margin-right: auto ;
	margin-top:0;

	
}

.previews {
	padding: 2px;
	list-style: none;
	list-style-type: none;
	text-align: center;
	line-height:4em;
	margin:0px;
}

.previews img {
padding:2px;
border-style:solid;
	border-width:1px;
	border-color:gray;
	margin:0;
	width:81%;
	/*height:81%;*/
	height:auto;
}

.previews img:hover {
padding:2px;
border-style:solid;
	border-width:1px;
	border-color:white;
	margin:0;

}

			/* Scrollbar & content css */						
			#content1{
				overflow:hidden;
			}
			.scrollbar-vert{
				background-color:#404040;
				/* #d2e8ff; */
				height: 100%;
				width: 10px;
				float:left;
				margin-top:1%;
			}
			.handle-vert{
				height: 42px;
				width: 10px;
				background: #888;
			}



#dummyImg
{
	display:none;
}

#dummyItem
{
	display:none;
}