/* CSS Document */

/* ------- basic styles ------- */
html,body	{background:#fff;  min-width:800px; font-size:90%;    background-color: #f0f0f0;}

html,body,
p,ul,ol,li,
td,th,dl,dt,
blockquote,
h1,h2,h3,h4,h5	{color:#000; font-family:verdana,arial,helvetica,sans-serif;}

p,li,dd,dt,th,td,
blockquote, pre, code, xmp {font-size:1em;}

ul, ol, li {margin-top:.5em; margin-bottom:.5em; padding-right:1em; line-height:1.25em;}

a:link, a:visited, a:hover {
  color: #000000;
  text-decoration: none;
}
/* overrides decoration from previous rule for hovered links */
a:hover {
  color:#69c; 
  text-decoration: underline;
}
/* turn off borders in link images */
a img {
  border:0;
}

a img.outlined {
   border-color:#0066FF;
   border-style:solid;
   border-width:thin;
   }

a img.not_outlined {
   border-color:white;
   border-style:solid;
   border-width:thin;
   
   }

.centered {
  text-align:center;
}

.nowrap {
  white-space:nowrap;
}  



/***********************************************/
/* Masthead div                                */
/***********************************************/
#masthead{
	margin: 10px 0px 10px 0px;
	position: absolute;
	left: 10px;
/*	left: 10px; */
	top: 0px;
	height: 150px;
	width: 100%;
	text-align:center;
/*	text-align:center; */
	border-bottom:1px solid #ccc;
}
#masthead .logo {
  padding:0px;
}
#masthead h1 {
  margin-top: 20px; text-align:center; 
}

/*********************************************/
/* Left Bar div                              */
/*********************************************/
#leftBar{
    position: absolute;
	top:172px;
/*	top:312px;    */
	left: 0px;
	padding: 0px;
	background-color: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height:300px;
	width: 200px;
	overflow:auto; 
}
/*********** #leftBar link styles ***********/
#leftBar ul a:link, #navBar ul a:visited {display: block;}
#leftBar ul {list-style: none; margin: 10px; padding: 0; }
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#leftBar li {border-bottom: 1px solid #EEE;}
/* fix for browsers that don't need the hack */
html>body #leftBar li {border-bottom: none;}

/***********************************************/
/* Content div                                 */
/***********************************************/
#content{

	margin: 172px 0px 15px 0px;
/*	margin: 172px 0px 15px 199px; */
/*	min-height: 450px; */
/*	border-left:1px solid #ccc; */
	padding: 10px 10px 0 10px; 
}

/**********************************************/
/* Footer div                                 */
/**********************************************/
#footer{
	clear: both;
	border: 1px solid #cccccc;
    font-size: 80%;
	color: #cccccc;
	padding: 5px 10px 5px 10px;
	margin-top: 20px;
}

/********************************************/
/* box - used for testing                   */
/********************************************/

#box {  max-width: 620px; }
#box .box_top { background: url(tr.png) top right no-repeat; }	
#box .box_bottom { background: url(br.png) bottom right no-repeat; }

/**********************************************/
/* Bubble tooltip div                         */
/**********************************************/
#bubble_tooltip {
  display:none;
  position:absolute;
  width:147px;
  z-index:-1;
}
#bubble_tooltip .bubble_top {
  background-image:url(bubble_top.gif);
  background-repeat:no-repeat;
  height:16px;
}
#bubble_tooltip .bubble_middle {
  background-image:url(bubble_middle.gif);
  background-position:left bottom;
  background-repeat:repeat-y;
  padding-left:7px;
  padding-right:7px;
  text-align:center;
}

#bubble_tooltip .bubble_middle span {
  position:relative;
  top:-8px;
}
#bubble_tooltip .bubble_bottom {
  background-image:url(bubble_bottom.gif);
  background-repeat:no-repeat;
  height:44px;
  position:relative;
  top:-6px;
}

#bubble_image_loader {
  display:none; 
}