html, body {
	margin: 0;
	padding: 0;
	background-image: url(assets/background.jpg);
	color: #333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	}

	
#navlist {
position: absolute;
left: 20px;
top: 145px;
width: 186px;
}

#header {
	height: 140px;
	background-image: url(assets/background.jpg);
	border-bottom: 1px solid #999999;
	text-align: left;
	padding-left: 20px;
}	
	
#content {
	padding: 20px;
	margin-left: 220px;
	border-left: 1px solid #999999;
	}

#footer {
	clear: both;
	padding: 6px 0 0 0;
	border-top: 1px solid #999999;
	text-align: center;font-size: 80%;
}

.spacer {
	clear: both;
	}
	
p.noindent {
	text-indent: 0;
	margin-bottom: 1em;
	margin-top: 1em;
}	
	
p.code {
	text-indent: 0;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 90%;
	color: Navy;
	background-color: #f3f3f2;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	}
	
p {
	color: Black;
}
	
h1 {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	text-align: center;
	PADDING-BOTTOM: 3px;
	MARGIN: 0px 0px 7px 0px;
	COLOR: White;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: 1px solid #666;
	FONT-STYLE: normal;
	FONT-FAMILY: "Trebuchet MS", Arial, sans-serif;
	font-size: 130%;
	BACKGROUND-COLOR: #644157;
}
h3 {
	color: #644157;
	text-align: center;
}

.hilite_yellow { background-color:yellow}

.hilite_aqua { background-color: Aqua}

.linethrough { text-decoration: line-through}

.popup
{
COLOR: #9F141A;
CURSOR: help;
TEXT-DECORATION: none
}

.define {
cursor:help; 
border-style:dotted; 
border-width:1px;
background-color: #FFE4C4;
}

.floatleft { 
float: left;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
 }

.floatright { 
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
 }
 
.dropcap {
float:left;
color:#4E544A;
font-size:100px;
line-height:70px;
padding-top:2px;
font-family: times;
}

.emphasis {
	font-weight: bold;	
	color: Red;
}
 
.counter {
	font-weight: bold;	
	font-size: 80%;
	color: #735461;
	text-align: center;
} 
 
a:link { color : Navy;
}

a:visited { color : Navy }

a:hover { color : #6495ED;
}

/* remove bullets and indents  */
#navlist ul {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
font-size: .8em;
}

/* close up space between list items */
#navlist li {
margin: 0;
}

/* rules for link styles */

#navlist a {
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid;
border-color: #ddd #000 #000 #ddd;
background-color: #999999;
background-image:  url(assets/l1_down.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
}

#navlist a:link, #navlist a:visited {
color: #FFFFFF;
text-decoration: none;
}

#navlist a:hover, #navlist a:active {
background-color: #9F6F9F;
background-image:  url(assets/l1_over.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
color: #000000;
}

#navlist a:hover, #navlist a:active,
#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active {
background-color: #9F6F9F;
background-image:  url(assets/l1_over.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
color: #000000;
}


/*Fluid Drop Shadows" text box from Stu Nicholl's CSS Play site*/
.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  }
.in {
text-align:justify;
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }
.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }
.narrow {width:24em;} /* change to suit */
h5 {text-align:center;font-weight:bold; color:#000;}
/*End of shadow text box*/

/*Rounded Corner Box*/
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background: #FAEBD7; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background: #FAEBD7; border:0 solid #08c; border-width:0 1px;}
/*End of Rounded Corner Box*/