/** all fonts are arial */
body {
	margin-top: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
	margin-right: 1%;
	background: #E2B88D;
	color: "#000000";
	font-family: Helvetica, Arial, Geneva;
	font-size:10pt;	
}

h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, Geneva;}

/** special classes */
.createdby {
font-size:8pt;	
}

p {
	font-family: Helvetica, Arial, Geneva;
	font-size:12pt;	
}

/** */
.borderleft{
	position:absolute; 
	left:0px; 
	height: 600px;
	background-image: url("../images/bgdesert.jpg");
 	background-position: 0% 0%;
 	background-repeat: repeat-y;
}

.middle {
	position:absolute; 
	left:100px; 
	right:100px;
	height: 600px;
	background-color: #E2B88D;
}

.borderright{
	position:fixed; 
	right:0px;
	height: 600px;
	background-image: url("../images/bgdesert.jpg");
 	background-position: 100% 100%;
 	background-repeat: repeat-y;
}

/** fooling around with some CSS positioning shit */
.content {
	text-align:center;
	}

.header{
	
}

.leftcolumn {
position: absolute;
left: 10%;
width: 0%;
}

.middlecolumn{
position:absolute;
left:15%;
width:70%;
right:15%;	
}

.rightcolumn {
position: absolute;
right: 10%;
width: 0%;
}

.footer{
	
}

DIV#abs {
 position: absolute;
 top: 1em;
 left: 20%;
 width: 60%;
}

#one {
 position: absolute;
 top: 1em;
 left: 1em;
}
#two {
 position: absolute;
 top: 3em;
 left: 2em;
}
#three {
 position: absolute;
 top: 0.5em;
 left: 0.5em;
}


/** navbar..should probably be changed to have a better background..we need to add more links too */
#navcontainer { width: 200px; 

}

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 7px;
width: 100px;
background-image: url('../images/stonetexture.jpg');
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #6D3C0B;
text-decoration: none;
font-weight: bold
}

#navcontainer a:hover
{
background-image: url('../images/darkstonetexture.jpg');
color: #FFFFFF;
font-weight: bold
}


/** experimenting with CSS image frames */
img {border: 0;}

  .purple-moons {
  background: #9040d3 url('../images/moonstar.jpg');
  }

  .purple-glass {
  background: #9040d3 url('../images/purplelace2.jpg');
  }

  .blue-snow {
  background: #483db8 url('../images/snowback.jpg');
  }

  .silver-glass {
  background: #c0c0c0 url('../images/silver10.jpg');
  }

  .golden-moons {
  background: #b22222 url('../images/moonstar10.jpg');
  }

  .tangerine-glass {
  background: #fa5000 url('../images/goldlace3.jpg');
  }

  .orchid-canvas {
  background: #ba55d3 url('../images/textures.jpg');
  }

  .cornflower-canvas {
  background: #f0f8ff url('../images/textureu.jpg');
  }

  .black {color: #000;}

  .bb5 {border: 5px inset #483db8;}
  .bp5 {border: 5px inset #9040d3;}
  .bs5 {border: 5px inset #c0c0c0;}

  .m2 {margin: 2em;}
  .mr1 {margin-right: 1em;}
  .mb2 {margin-bottom: 2em;}

  .l {float: left; clear: left;}
  .r {float: right; clear: right;}

  .cp {color: #9040d3;}
  .cb {color: #483db8;}

  div.p1c {padding: 1em; text-align: center;}