html {
min-height: 101%; /* Force a Scrollbar in Firefox to prevent jumping on short pages */
}
body {
	margin: 0;
	padding: 10px 0;
	color: #fff;
	background-color: #000;
}

.hidden {
position: absolute;
left: -10000px;
}

#envelope	{ /* Container For The Whole Page */
	width: 94%;
	max-width: 960px;
	border-top: 10px solid #ffd700;
	border-left: 4px solid #ffd700;
	border-right: 4px solid #ffd700;
	border-bottom: 10px solid #ffd700;
	margin: 10px auto 0 auto;
	color: #000;
	background-color: #fff;
	padding: 0 0 0 10px;
	background-image: url(graphics/segment-tl.gif);
	background-repeat: no-repeat;
}
.insert	{ /* Top Right Curved Segment */
	margin: 0;
	width: 23px;
	height: 22px;
	float: right;
	background-image: url(graphics/segment-tr.gif);
	background-repeat: no-repeat;
}
#wrapper { /* Page Content Excluding Header & Footer */
	width:100%;
   float:left;
   margin-right: -230px;
	padding: 0 0 10px 0;
}
#header	{
	padding-left: 15px;
	margin-left: -10px;
	border-bottom: 2px solid #000;
}

h1 {
position: relative;
font-size: 250%;
}


*+html   h1 {
left: -10px;
}

* html h1 {
left: -10px;
}


#header	p, #header h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 2.5em;
	font-weight: 900;
	margin: 0 0 10px 0;
}


#content {
	margin-right: 220px; 
}
#main { /* Centre Content Box */
	margin: -30px -30px 0 20px;
	border-top: 30px solid #ffd700;
	padding: 0 10px 0; 
}
.mainleftsegment	{
	float: left;
	width: 23px;
	height: 22px;
	background-image: url(graphics/segment-tl.gif);
	background-repeat: no-repeat;
}
#left { /* Left Column */
	width: 198px;
	float: left;
	color: #000;
	background-color: #FFEE8C;
	border-right: 2px solid #ffd700;
	border-bottom: 5px double #ffd700;
	background-image: url(graphics/segment-top.gif);
	background-repeat: no-repeat;
}
#leftbar	{ /* Left Column Top gold Bar */
	height: 30px;
	background-image: url(graphics/200top.gif);
	background-repeat: no-repeat; 
}
#right { /* Right Column */
	width: 180px;
	margin: 30px 10px 10px 0;
	padding: 0px 0 0 5px;
	float: right;
	border-left: 2px solid #ffd700;
	border-right: 2px solid #ffd700;
	border-bottom: 5px double #ffd700;
}
.righttop	{
	position: absolute;
	margin-top: -30px;
	color: #fff;
	background-color: #ffd700;
	float: left;
	width: 152px;
	height: 30px;
}
.rightinsert	{
	position: relative;
	float: right;
	margin: -30px -2px 0 0;
	height: 52px;
	width: 30px;
	background-image: url(graphics/rightarc.gif);
	background-repeat: no-repeat;
}
.rightboxes	{
	margin-top: -10px;
}
.rightbox	{ /* Containers for Right Column */
	color: #000;
	background-color: #ffee8c;
	border-top: 20px solid #ffd700;
	border-left: 2px solid #ffd700;
	border-right: 2px solid #ffd700;	
	border-bottom: 2px double #ffd700;
	margin: 30px 5px 10px 0;
	padding: 0 5px;
}
#footer {
	clear:both;
	border-top: 10px double #ffd700;
	margin: 10px 0 0 -10px;
	padding: 0px 0 15px 0;
	color: #000;
	background-color: #ffee8c;
}
/* NAVIGATION */
#navcontainer	{
	width: 190px;
	margin: 10px auto 10px auto;
}
#navcontainertop	{ /* Gold Bar at Top of Navigation */
	width: 100%;
	height: 30px;
	background-image: url(graphics/navtop.gif);
}
#navigationbox	{
	background-color: #ffd700;
	color: #000;
}
#navcontainerbottom	{ /* Gold Bar at Bottom of Navigation */
	width: 100%;
	height: 30px;
	background-image: url(graphics/navbottom.gif);
}
.navlist	{
 	border: 0;
	width: 182px;
	margin: 0 auto;
	padding: 0;
	font: 900 75%/2.3em Arial, Verdana, sans-serif;
	text-indent: 15px;
}
.navlist li	{
	list-style: none;
	height: 32px;
	border: 0;
	display: block;
	width: 180px;
	padding: 0;
	margin-left: 0;
}
.navlist li a	{
	display: block;
	height: 30px;
	width: 180px;
	color: #fff;
	background-color: transparent;
	background-image: url(graphics/up.gif);
	text-decoration: none;
}
.navlist li a:hover	{
	border-color: #ffd700;
	color: #fff;
	background-color: transparent;
	background-image: url(graphics/over.gif);
}
a.secondhand	{
	display: block;
	height: 30px;
	width: 180px;
	color: #fff;
	font: 900 75%/2.3em Arial, Verdana, sans-serif;
	text-indent: 15px;
	background-color: transparent;
	background-image: url(graphics/up.gif);
	text-decoration: none;
}
a.secondhand:hover	{
	border-color: #ffd700;
	color: #fff;
	background-color: transparent;
	background-image: url(graphics/over.gif);
}




#home .home, #about .about, #assessments .assessments, #training .training, #products .products, #lookout .lookout, #accessibility .accessibility, #links .links, #used .used, #news .news { 
	background-image: url(graphics/over.gif);
	color: #fff;
	background-color: transparent;
}
/* TEXT FORMATTING */
#textbox	{
	margin-left: 170px;
	padding: 0 10px;
}
h2	{
	color: black;
	background-color: transparent;
	font: 900 1.5em Verdana, Arial, Courier, sans-serif;
	text-align: left;
	margin-top: .25em;
}
h2.small, .rightbox h2	{
	font-size: 1.25em;
}
h3	{
	color: #000;
	background-color: transparent;
	font: 900 1.25em Verdana, Arial, Courier, sans-serif;
	text-align: left;
	margin-top: .25em;
}

p	{
	color: #000;
	background-color: transparent;
	font: normal 500 100% Georgia, "Times New Roman", serif;
	text-align: left;
}
.bold	{
	font-weight: 900;
}
.centre	{
	text-align: center;
}
.smaller	{
	font-size: .9em;
}
.small	{
	font-size: .75em;
}
.padleft	{
	padding-left: 5px;
}
.rightbox p	{
	font-size: .8em;
	font-weight: 600;
}
.legend	{
	font: 900 110% "Trebuchet MS", Verdana, Arial, sans-serif;
	text-align: center;
 }
p.footer	{
	font-weight: 600;
}

/* IMAGES */

img	{
	border: 0;
}
.left	{
	float: left;
	margin-right: 10px;
}
.up	{
	margin-top: -10px;
}
.right	{
	float: right;
	margin-left: 10px;
}
.bordered	{
	border: 1px solid #000;
}


/* LISTS */

.rightbox li {
	margin-left: -12px;
	padding-bottom: 7px;
	list-style-position: outside;
	color: #000;
	background-color: transparent;
	font: normal 600 80% Georgia, "Times New Roman", serif;
	text-decoration: none;
}
.rightbox li li	{
	font-size: 95%
}
ul	{
	list-style-type: disc;
}
li.plain	{
	list-style-position: outside;
	color: #000;
	background-color: transparent;
	font: normal 500 100% Georgia, "Times New Roman", serif;
	text-decoration: none;
	padding-bottom: 7px;
}
#textbox li	{
	margin-left: -10px;
	list-style-position: outside;
	color: #000;
	background-color: transparent;
	font: normal 500 95% Georgia, "Times New Roman", serif;
	text-decoration: none;
	padding-bottom: 7px;
}

ul.plainImageList {
list-style-type: none;
margin-left: 0;
padding-left: 0;

}

/* OTHER LINKS */
a.plain	{
   position: relative;
   display: block;
   margin-left: 55px;
	color: #fff;
	background-color: #000;
	padding: .1em .2em;
	text-decoration: none;
}
a.plain:hover	{
	color: #fff;
	background-color: #0000ff;
}
a.plain img {
position: absolute;
left: -55px;
}


.extra	{
	padding-bottom: 8px;
}
a.box	{
	margin: 0 auto;
	color: #fff;
	background-color: #000;
	display: block;
	width: 160px;
	font: 900 75% Arial, Verdana, sans-serif;
	text-decoration: none;
	padding: .5em;
	border: 4px outset #ffd700;
}
a.box:hover	{
	color: #fff;
	background-color: #0000ff;
	border: 4px inset #ffd700;
}
p.productsbox	{
	width: 285px;
	margin: 0 auto;
	text-align: center;
	list-style-type: none;
}

ul.productsbox	{
	width: 285px;
	margin: 0 auto;
	text-align: center;
	list-style-type: none;
}
a	{
	text-decoration: none;
}
a.productbox	{
	color: #fff;
	background-color: #000;
	display: block;
	width: 285px;
	font: 900 95% Arial, Verdana, sans-serif;
	text-decoration: none;
	padding: .5em 0;
	border: 5px ridge #ffd700;
	margin: 5px 0 0 0;
}
a.productbox:hover	{
	color: #fff;
	background-color: #0000ff;
}

#plainlinks li	a	{
	color: #0000ff;
	background-color: transparent;
	font: 900 100% Arial, Verdana, sans-serif;
	text-decoration: none;
}

#linkspage li	{
	list-style: none;
	margin-left: -30px;
}

#linkspage li a	{
	font: 700 80% Trebuchet, Arial, sans-serif;
	display: block;
	width: 270px;
	text-decoration: none;
	text-align: center;
	border: .25em ridge #ffd700;
	padding: .4em .5em;
	background-color: #000;
	color: #fff;
}
#linkspage li a:hover	{
	color: #fff;
	background-color: #0000ff;
}
caption {
	color: black;
	background-color: #ffd700;
	font: bold 150% Georgia, "Times New Roman", serif;
	text-align: center;
	border: solid 2px #000;
	padding:  0.5em 1em;
	margin: 0 auto;
}

caption h2	{
	color: black;
	background-color: #ffd700;
	font: bold 100% Georgia, "Times New Roman", serif;
	text-align: center;
	padding: 0;
	margin: 0;
}

table	{
	width: 98%;
	border: solid 2px #000055;
	border-collapse: collapse;
	margin: 0 auto 1em auto;
	color: #000;
	background-color: #ffee8c;
}

td {
	border: solid 2px #000;
	color: #000;
	background: transparent;
	padding: 7px 10px;
	font: normal 110% Georgia, "Times New Roman", serif;
	text-align: left;
	vertical-align: top;
}
th {
	border: solid 2px #000;
	color: #000;
	background: transparent;
	padding: 7px 15px;
	font: 600 120% Georgia, "Times New Roman", serif;
	text-align: left;
}
.w30	{
	width: 33%;
}
.clearleft	{
	clear: left;
}
.clearright	{
	clear: right;
}
.transparent	{
	background: transparent;
	color: #000;
}