* {
	margin: 0;
	padding: 0;
	}

html, body {
	background: #fff;
	color: #444;
	}
body {
	text-align: center; /* IE quirks auto margins workaround */
	font: 70%/160% 'bitstream vera sans', 'lucida grande', verdana, sans-serif;
	padding: 10px;
	}
html>body { font-size: 9px; } /* for modern browsers that can resize px */

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	text-decoration: none;
	}

/*	Giving block elements a default margin.	 */

h2, h3, h4, h5, h6, p, ul, ol, dl, pre, fieldset, address, table {
	margin: 1em 0;
	}

/* 	General styling		*/

h2 {
	font: normal 2em/120% 'Nimbus Sans L', helvetica, arial, sans-serif;
	margin-bottom: .2em;
	}

h3 {
	font: normal 1.5em/120% 'Nimbus Sans L', helvetica, arial, sans-serif;
	margin-bottom: .3em;
	}

h4 {
	font-size: 1.1em;
	}

h5 {
	font-size: 1em;
	}

address {
	font-style: italic;
	}

blockquote {
	margin: 0;
	padding: 1px 0 1px 20px;
	background: url(quote.png) 0 0 no-repeat;
	}
blockquote p {
	margin: .7em 0;
	}

dt {
	margin: 1em 0 .5em 0;
	font-weight: bold;
	}

code, pre, var {
	font-family: 'bitstream vera sans mono', 'andale mono', monospace;
	font-size: 1em;
	}

dd {
	margin: .5em 0 1em 1.5em;
	}

p.boxcontent { font-size: .7em}

a.rightbar { font-size: .7em} 

ol {
	margin-left: 3em;
	}

ul {
	list-style: square;
	margin-left: 1.5em;
	font-size: .7em
	}

a:link {
	color: #36d;
	text-decoration: none;
	}
a:visited {
	color: #96c;
	text-decoration: none;
	}
a:hover, a:active {
	text-decoration: underline;
	}

h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	color: #444;
	text-decoration: none;
	}

pre 
{ 
  font-size: xxx-small
  letter-spacing: .005px 
}

/* Hides from IE5-mac \*/
* html .boxblack {height: 1%;}
/* End hide from IE5-mac */


/* Hides from IE5-mac \*/
* html .rightgray {height: 1%;}
/* End hide from IE5-mac */


/* Hides from IE5-mac \*/
* html .boxcontent {height: 1%;}
/* End hide from IE5-mac */

br 
{
	clear: left
}

.boxgray  { padding: .5em; border: solid 1px gray }

.boxcode { padding: .5em; border: solid 2px gray; background: #ffffcc  }

.rightbar { padding: .5em; background: transparent; line-height: 1.25em;} 

/*.boxblack  { padding: .5em; border: solid 1px black; background: #CCCC99; line-height: 1.25em} */ 

.boxblack  { padding: .5em; border: solid 1px #666; background: #FFFFFF; line-height: 1.25em;}

.boxcontent  { padding: .5em; border-left: solid 1px #666; background: #FFFFFF;  line-height: 1.25em; text-align: justify ;}



.boxgold { padding: .5em; border: solid 1px gold }
.boxred { padding: .5em; border: solid 2px red }
.boxorange { padding: .5em; border: solid 1px darkorange }

.boxtitle  { padding: .5em; border: solid 2px black }


input { font-family: 'bitstream vera sans', 'lucida grande', verdana, sans-serif; font-size: 1em; background: #FFFFFF; border: solid 1px black }

textarea  { font-family: 'bitstream vera sans', 'lucida grande', verdana, sans-serif; font-size: 1em; background: #FFFFFF; border: solid 1px black }

.index 
{
	position: relative; 
	width: 600px; 
	margin: 0 auto;
}

.index a p 
{
	text-align: center;
	position: relative;
}

.index img
{
	position: relative; 
	padding: 30px; 
	border: solid 1px #666;
}

hr.seemore
{
 	color: gray

}

.index span
{
	height: 138px;
width: 138px;
display: block;
background: white;
display: table;
_position: relative;
overflow: hidden;
border-width: 1px;
border-color: #ccc #999 #999 #ccc;
border-style: solid;
}