body {
background:#D8D8FE;
text-align:center;
}

#entire-page {  /* including ads */
	margin-left:auto;
  margin-right:auto;
  position:relative;
  text-align:left;
  width:965px;

	/* border:1px outset #8B8378; */
}

#myads { /* ads div */
	float:left;
	width:250px;
	height:500px;
}

#ad1div {
	padding-top:20px;
}

#ad2div {
	padding-top:20px;
}

#socialbookmarksdiv {    /* social bookmarks */ 
float:left;
}


#background-container { /* not including ads */
	float:left
}

#header-container {
	clear:left;
}

#header-tl{
	float:left;
	width:40px;
	height:78px;
	background:transparent url(./images/bodyback-tl.gif) no-repeat;
}

#header-mid{
	float:left;
	width:542px;
	height:78px;
	background:transparent url(./images/bodyback-filler.gif) repeat-x;	
}

#header-tr{
  float:left;
	width:52px;
	height:78px;
	background:transparent url(./images/bodyback-tr.jpg) no-repeat;
}

#body-container {
	clear:left;
}

#body-mid {
	float:left;
	width:582px;
	height:400px;
	background:transparent url(./images/bodyback-filler.gif) repeat;
}

#body-r {
	float:left;
	width:52px;
	height:400px;
	background:transparent url(./images/bodyback-r.jpg) repeat;
}

#footer-container {
	clear:left;
}

#footer-bl{
	float:left;
	width:40px;
	height:78px;
	background:transparent url(./images/bodyback-bl.gif) no-repeat;
}

#footer-mid {
	float:left;
	width:542px;
	height:78px;
	background:transparent url(./images/bodyback-filler.gif) repeat-x;
}

#footer-br {
	float:left;
	width:63px;
	height:78px;
	background:transparent url(./images/bodyback-br.jpg) no-repeat;
}


#headerdiv {    /* container to store header */
  float:left;
  padding-top:10px;
  width:335; /* 295 */ 
 /*  border:1px outset #8B8378; */
}



#taglinediv {    /* container to store tagline */ 
	position:absolute;
	top:10px;
	left:390px;
	width:230px;	
  color:#DEFEFE;  
  /* border:1px outset #8B8378; */
}

#taglinediv h1 {
	font-family:"Comic Sans MS";
  font-size:18px;
  text-align: left; 
  margin:0px;
  padding-top:10px;
}

#tagline2div {
	position:absolute;
	left:300px;
  top:300px;
  width:100px;
	font-family:"Comic Sans MS";
  font-size:1px;
}

.welcome, .welcome h1  {
	position:absolute;
	left:250px;
  top:150px;
  width:40px;
	font-family:"Comic Sans MS";
  font-size:1px;
  z-index:-1;  
}

#usergui {
	position:relative;
	color:#DEFEFE;  
	font-family:"Comic Sans MS";
}

#mainfrm {    /* main container for working area, slightly modifed for IE in IE3d file */
 position:absolute;
 left:0px;
 top:75px;
 border:1px outset #8B8378;
/* width:475px;
 height:220px;
*/
}

label { /* this is redefined bitizerIE3d for Internet Explorer */
  background-color:#FDFDF0;
  border:2px outset #8B8378;
  color:black;
  width: 82px;
  float: left;  
  font-family:"Comic Sans MS";
  font-size:14px;
}

.textboxclass{ 
 font-family:"Courier New","Courier";
 font-size:13px;
 color: blue;  
 text-align: right; 
 background-color:#DEFEFE;  
} 

.textboxclassleft{ 
 font-family:"Courier New","Courier";
 font-size:13px;
 color: blue;  
 text-align: left; 
 background-color:#DEFEFE;  
} 

.binarytextboxclass{ 
 font-family:monospace;
 font-size:16px;
 color: blue;  
 text-align: right; 
 background-color:#DEFEFE;  
} 


#typediv {
	
 /* border:1px outset #8B8378; */
 width:390px;
}


#bindiv { /* positions binary area */
 position:absolute;
 left:5px;
 top:50px;
 /* border:1px outset #8B8378; */

}

#decdiv { /* positions decimal area */
 position:absolute;
 left:5px;
 top:120px;
 /* border:1px outset #8B8378; */

}

#hexdiv { /* positions hex area */
 position:absolute;
 left:5px;
 top:180px;
 /* border:1px outset #8B8378; */

}


#b36div { /* positions base 36 area */
 position:absolute;
 left:5px;
 top:240px;

}


#asciidiv { /* positions ascii area */
 position:absolute;
 left:5px;
 top:300px;
 /* border:1px outset #8B8378; */

}



#typediv p {
  margin-top: 30px;
  margin-bottom: 20px;
}


#buttondiv {
 /* border:1px outset #8B8378;  */

 position:absolute;
 left:180px;
 top:400px;
 width:320px;  
}

.frm_btn1 {
    font-family: System; /*this gives you nice arrows */
    font-style: normal;
    font-size: small;
    font-weight: bold;
    color: #0000FF;
    width:100px;
    /*background-color: #D1D1D1;
    border: 1px solid #83AAD3; */
} 

#leftwork p {
  margin-top: 15px;
  margin-bottom: 15px;
}

#bitdiv {
 position:absolute;
 left:535px;
 top:25px;
 /* border:1px outset #8B8378; */ 
 width:75px; 
 z-index:1;
}

#bd {
 position:absolute;
 left:0px;
 top:-5px;
/* border:1px outset #8B8378; */
 width:620px; 
 height:90px;
 
 font-size: 25px;
 text-align:center;
 
 color:lime;
}

#abd {
 position:absolute;
 left:0px;
 top:450px;
 width:620px; 

 /* border:1px outset #8B8378; */

 
 font-size: 20px;
 text-align:center;
}