

/*  MICROSCOPEB.CSS (USED FOR LONG TABLES)
NOTE: TO CHANGE ELEMENTS APPEARANCE:
 RIGHT AFTER THE P: <P class"classname"> THEN IN THE CSS FILE, ADD A LINE: p.classname{ color: green}  
 could also specify property here for e.g.h1 {border-bottom 1 px solid black}*/

body {
     background-color: #d2b48c;
	margin-left: 2%;
	margin-right:2%;
	margin-top: 2%;
	margin-bottom: 2%;
	border: 7px solid brown;
        padding: 0px 35px 0px;
	font-family: Times, Times-New-Roman, serif;
	line-height: 1.6em;
	background-image: url(images/rossbignobacklighter.gif);
	background-repeat: repeat-y;
	background-position: right;
	background-size: 30%;
	background-attachment: fixed;
	background-position: 75% 0%;
}


.clearboth {clear: both;}

.center50 {display: block; width: 50%; margin-left: auto; margin-right: auto; clear: both; }

.numbered {  list-style-type: decimal;
	font-family: Times, Times-New-Roman, serif;
	font-size: 15pt;
	font-weight: bold;}

.scrolloverflow {overflow: scroll; }

.green {color: green;}
.blue {color: blue; }


/*h1 { border-bottom: 2px solid black} */

h1 {line-height: 1.2em}

#intro {
	line-height: 1.9em;
   	font-style: italic;
	font-weight: bold;
	border: 1px solid black;
	background-color: #d3b496;
	padding: 25px;
	padding-left: 180px;
	margin: 30px;
	font-family: Times, Times-New-Roman, serif;
	background-image: url(images/tellurianNOBACKGROUND.gif);
	background-repeat: no-repeat;
	background-position: top, left;
	}


table.his {
          width: 70%;
	  border-width: 0;  
	  padding-right: 100px;
	  border: 0px;
	  margin: auto;
	 
}



td.his {
	font-family: Times, Times-New-Roman, serif;
	font-size: 17pt;
	font-weight: bold;
        width: 10%;
	text-align: center;
	padding: 10px;
	border: 0px;
	}


table.micro {margin-left: 10px;
       margin-right: 20px;
       border: 2px solid brown;
       border-spacing: 20px;
	  border-collapse: collapse;
	  }

td.micro, th.micro {border: 2px solid brown; 
       padding: 5px;
 	 text-align: center;
	background-color: #d2b48c;
	}


td.center {background-color: #d3b496; text-align: center; 
border: 2px solid brown;  padding: 5px;
}

.th5 {border: 2px solid brown;
       padding: 5px;
 	 text-align: center;
	background-color: #d2b48c;
     th style="width:5%";
	}

caption {padding-top: 8px;
		font-size: 18px;
		font-weight: bold; overflow: auto; }
img {border: none;}

#nooverflow
{overflow: hidden;}

#scrolltable
{overflow: auto; }

img.wraptextleft15 {float: right; width: 15%; padding-left: 4px; border-style: none; overflow:hidden; }


img.wraptextleft10
{float: left;
margin-left: 4px;
margin-right: 4px;
width: 10%;
padding-left: 0px;
border-style: none;
clear: left;
overflow: hidden;
}
img.wraptextleft10down
{float: left;
margin-left: 4px;
margin-right: 4px;
width: 10%;
padding-left: 0px;
padding-top: 40px;
border-style: none;
clear: left;
overflow: hidden;
}

img.wraptextright20
{float: left;
margin-left: 4px;
margin-right: 4px;
width: 20%;
padding-left: 0px;
border-style: none;
clear: left;
overflow: hidden;
}

img.wraptextright15
{float: left;
margin-left: 4px;
margin-right: 4px;
width: 15%;
padding-left: 0px;
border-style: none;
clear: left;
overflow: hidden;
}

.clearboth {clear: both;}

.nooverflow {overflow: hidden;}

.underline {text-decoration: underline;}

.green {color:green; }

.centergreenbold {color:green; text-align:center; font-weight:bold; font-size:14pt;}






/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1, /*center*/
.col2, /*left*/
.col3  /*right*/
{
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}


/* 3 Column settings */
.threecol {
	/*background:#eee;*/		/* right column background colour */
}

.threecol .colmid {
	right:25%;			/* width of the right column */
	/*background:#fff;*/		/* center column background colour */
}


.threecol .colleft {
	right:50%;			/* width of the middle column */
	/*background:#f4f4f4;*/	/* left column background colour */
}
.threecol .colleftB
{	right: 95%; }


.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}

.threecol .col1B  {width: 91%; left:102%; } 

.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

