/****************************************************************************
 *
 * File name: 	BitarStyle0.css
 * Description:	Base style sheet for bitaramps.com
 * Author:	George Bitar
 * Last update:	20-DEC-2003
 *
 ****************************************************************************/
<!--
  Copyright (C) 2003
  George Bitar
  Greensboro, NC
-->

body
{
  color: 		#ffffc0;
  background: 	        #000000;


  padding:		0px;
  margin:		0px;
  border:		0px;
}

p 
{

/*  font-size:		12pt;*/
  font-size:		1.0em;
  font-family: 		"Arial", Verdana;

  text-align:		center;
  margin-top:		0em;
  margin-bottom:	.75em;
}

a
{
  text-decoration:      none;
}
a:link
{ 
  color:                #ffff50;
  border:		0px;
}
a:visited
{
  color:                #ffffc0;
  border:		0px;
}
a:active
{
  color:                #ffffc0;
  border:		0px;
}
a:link img
{ 
  border:		0px;
}
a:visited img
{
  border:		0px;
}

c
{
  text-decoration:      none;
}
c:link
{ 
  color:                #0000ff;
  border:		0px;
}
c:visited
{
  color:                #0000ff;
  border:		0px;
}
c:active
{
  color:                #646464;
  border:		0px;
}
c:link img
{ 
  border:		0px;
}
c:visited img
{
  border:		0px;
}


		/* General page layout */

/* The fixed-width box into which the entire page will be rendered... */
#palette
{
  width:		100%;

  color: 		#ffffc0;
  background-color: 	#000000;

  margin-left:		0px;
  margin-right:		0px;
  margin-top:		0px;
  margin-bottom:	0px;

  padding-left:		0px;
  padding-right:	0px;
  padding-top:		0px;
  padding-bottom:	0px;

  border-top-style:	none;
  border-top-color:	#000000;
  border-top-width:	0px;

  border-right-style:	none;
  border-right-color:	#000000;
  border-right-width:	0px;

  border-bottom-style:	none;
  border-bottom-color:	#000000;
  border-bottom-width:	0px;

  border-left-style:	none;
  border-left-color:	#000000;
  border-left-width:	0px;
}


#masthead
{
  background-color:	inherit;
  color:		inherit;

  font-family: 		"Century Schoolbook", Times New Roman;
/*  font-size:            24pt;*/
  font-size:            2.0em;
  font-weight:          regular;
  line-height:          1.0em;
  text-align:		center;

  padding:	        15px;
}

#leftColumn
{
  clear:		left;
  float:		left;
  width:		15%;

  background-color:	inherit;
  color:		inherit;

  border-top-style:	none;
  border-top-color:	#000000;
  border-top-width:	0px;

  border-right-style:	none;
  border-right-color:	#000000;
  border-right-width:	0px;

  border-bottom-style:	none;
  border-bottom-color:	#000000;
  border-bottom-width:	0px;

  border-left-style:	none;
  border-left-color:	#000000;
  border-left-width:	0px;

  padding-top:		0px;
  padding-bottom:	1px;
  padding-left:		0px;
  padding-right:	1px;

  margin-top: 		0px;
  margin-bottom:	0px;
  margin-left: 		0px;
  margin-right:		0px;
}


#middleColumn
{
  float:		left;
  clear:		right;
  width:		69%;

  background-color:	inherit;
  color:		inherit;

  border-top-style:	none;
  border-top-color:	#000000;
  border-top-width:	0px;

  border-right-style:	none;
  border-right-color:	#000000;
  border-right-width:	0px;

  border-bottom-style:	none;
  border-bottom-color:	#000000;
  border-bottom-width:	0px;

  border-left-style:	none;
  border-left-color:	#000000;
  border-left-width:	0px;

  padding-top:		0px;
  padding-bottom:	0px;
  padding-left:		0px;
  padding-right:	0px;

  margin-top: 		0px;
  margin-bottom:	0px;
  margin-left: 		0px;
  margin-right:		0px;
}


#rightColumn
{
  clear:		right;
  float:		right;
  width:		15%;

  background-color:	inherit;
  color:		inherit;

  border-top-style:	none;
  border-top-color:	#000000;
  border-top-width:	0px;

  border-right-style:	none;
  border-right-color:	#000000;
  border-right-width:	0px;

  border-bottom-style:	none;
  border-bottom-color:	#000000;
  border-bottom-width:	0px;

  border-left-style:	none;
  border-left-color:	#000000;
  border-left-width:	0px;

  padding-left:		0px;
  padding-bottom:	1px;
}


.navigationLinks
{
  font-size:		1.1em;
  font-family: 		"Arial", Verdana;
  font-weight: 		bold;
  line-height:          2.2em;

  padding:		0px;
  margin:		0px;
}


.bodyText
{
  color:		#000000;
  background-color: 	#ffffc0;

  font-size:		1.0em;
  font-family: 		"Arial", Verdana;
  font-weight: 		bold;
  line-height:          1.0em;

  padding:		1.25em;
  margin-bottom:	.75em;
}


.codeListing
{
  display:		block;
  white-space:		pre;

  width:		95%;
  margin-left:		auto;
  margin-right:		auto;

  border-style:		solid;
  border-width:		1px;

  font-family:		"Courier New", Courier, monospace;
  font-size:		0.75em;
}

/* Be sure that the photos embedded in these DIV's are
  not wider then the name of the class implies. For example, photos in
  the 'photoLeft100' must *not* be wider than 100 pixels. */
.photoLeft100
{
  float:		left;
  width:		100px;
  padding:		.75em;
  border-style:		none;

  text-align:		center;
  font-style:		italic;
}

.photoLeft100 img
{
  display:		inline;
}

.photoLeft200
{
  float:		left;
  width:		200px;
  padding:		.75em;
  border-style:		none;

  text-align:		center;
  font-style:		italic;
}

.photoLeft200 img
{
  display:		inline;
}

.photoLeft300
{
  float:		left;
  width:		300px;
  padding:		.75em;
  border-style:		none;

  text-align:		center;
  font-style:		italic;
}

.photoLeft300 img
{
  display:		inline;
}

.photoRight100
{
  float:		right;
  width:		100px;
  padding:		.75em;
  border-style:		none;

  text-align:		center;
  font-style:		italic;
}

.photoRight100 img
{
  display:		inline;
}

.photoRight200
{
  float:		right;
  width:		200px;
  padding:		.75em;
  border-style:		none;

  text-align:		center;
  font-style:		italic;
}

.photoRight200 img
{
  display:		inline;
}

.photoRight300
{
  float:		right;
  width:		300px;
  padding:		.75em;
  border-style:		none;

  text-align:		center;
  font-style:		italic;
}

.photoRight300 img
{
  display:		inline;
}

.photoRight400
{
  float:		right;
  width:		400px;
  padding:		.75em;
  border-style:		none;

  text-align:		center;
  font-style:		italic;
}

.photoRight400 img
{
  display:		inline;
}

.photoCenter
{
  padding:		0em;

  text-align:		center;
  font-style:		italic;
}

.photoCenter img
{
  border-style:		none;
  display:		inline;
}


/* The box into which the page footer will be rendered... */
#footer
{
  color: 		inherit;
  background-color: 	inherit;

  clear:		both;

  border-top-style:	none;
  border-top-color:	#000000;
  border-top-width:	0px;

  border-right-style:	none;
  border-right-color:	#000000;
  border-right-width:	0px;

  border-bottom-style:	none;
  border-bottom-color:	#000000;
  border-bottom-width:	0px;

  border-left-style:	none;
  border-left-color:	#000000;
  border-left-width:	0px;

  padding-top:		12px;
}

#footer p 
{ 
  font-size:		.75em;
  text-align:		center;

  margin-top:		.5em;
  margin-bottom:	0em;
} 

#footer img
{
  display: 		inline;
  padding-left:		10px;
  padding-right:	10px;
}




