/*
 * ornj.net stylesheet
 * Copyright 2002-2004 by Mark McIntyre
 *
 * You are certainly welcome to take a look and study how this works.
 *
 * Obviously, copying any portion verbatim is not permitted. You'll
 * be far more proud of a design you write yourself, anyway. :)
 *
 */

/* GENERAL STYLES */
body {
	margin: 0;
   padding: 0;
   background-color: white;
   color: black;
}

h1, h2, h3, h4 {
	background-color: transparent;
   color: #FFA31F;
   margin: 0 0 0 1ex;
   clear: both;
}

h1 a, h2 a, h3 a, h4 a {
   background-color: transparent;
   color: #FFA31F;
}

a {
	background-color: transparent;
   color: #777;
   border-color: #FFA31F;
   border-width: 0 0 1px 0;
   border-style: solid;
   text-decoration: none;
}

p {
	margin-left: 2em;
   line-height: 1.8em;
}

th {
	text-align: left;
   font-weight: bold;
}

td {
	padding-right: 1em;
}

table {
	margin: 1ex;
}

p, li, dt, dd, th, td {
	font-size: 0.8em;
}

dl {
	margin-left: 2em;
}

dt {
	font-weight: bold;
}

dt a {
	color: #FFA31F;
}

img {
	margin: 0 auto 1ex auto;
   display: block;
}

/* FIGURE */
div.figure img {
	display: inline;
   float: left;
   margin: 1em;
}

div.figure h1, div.figure h2, div.figure h3, div.figure h4 {
	clear: none;
}

/* BOX */
div.box {
	clear: both;
   background-color: #FAFAFA;
   color: #777;
   border: solid 1px #EEE;
   margin: 1ex;
   padding: 0;
}

div.box p, div.box dl {
	margin-left: 1em;
}

div.box ul {
	margin-left: 3em;
	padding: 0;
}

div.box h3 {
	font-size: 1em;
   background-color: #EEE;
   color: #777;
   margin: 0;
   padding-left: 1ex;
}

div.box img {
	border-style: none;
}

/* PRODUCT HIGHLIGHT */
div.producthighlight {
	clear: both;
	background-color: #FFF1DF;
   color: #777;
   background-image: url("gradient.png");
   background-position: top left;
   background-repeat: repeat-y;
   border-style: solid;
   border-width: 1px;
   border-color: #FFEBCC;
   margin: 1ex;
}

div.producthighlight ul {
	margin: 1ex 0 0 0;
   list-style-position: inside;
   line-height: 1.2em;
}

div.producthighlight img {
	border-style: solid;
   border-color: #FFE3C1;
   border-width: 1px 1px 1px 5px;
   float: left;
   margin: 1ex 1em 1ex 1ex;
}

div.producthighlight h3 {
	clear: none;
   font-size: 1em;
}

div.producthighlight p, div.producthighlight dl {
	margin-left: 1em;
}

/* BUTTONS */
div.buttons {
	text-align: right;
   padding-bottom: 1ex;
}

div.buttons a {
   border-color: #FFCC33 #A65E00 #A65E00 #FFCC33;
   border-style: solid;
   border-width: 1px;
   background-color: #FFA31F;
   color: white;
   font-weight: bold;
   font-size: 0.8em;
   margin: 0 1ex 1ex 0;
   padding: 2px 1ex 2px 1ex;
   text-decoration: none;
}

div.buttons a:hover {
	background-color: #FFB049;
   color: white;
}

/* HEADER */
#header, #footer {
	background-color: #FFA31F;
   color: white;
   width: 750px;
   margin: 0 auto 0 auto;
   padding: 5px;
   border-color: #FFCC33 #A65E00 #A65E00 #FFCC33;
   border-style: solid;
   border-width: 1px;
}

#header h1, #header li {
	font-size: 0.8em;
   font-family: verdana, sans-serif;
   padding: 0;
   margin: 0;
}

#header h1 {
   float: left;
}

#header ul {
	text-align: right;
   margin: 0;
   padding: 0;
}

#header li {
	display: inline;
	list-style-type: none;
	white-space: nowrap;
	padding-right: 1em;
	font-weight: bold;
}

#header a {
	color: white;
	background-color: transparent;
	text-decoration: none;
   border-style: none;
}

#header a:hover {
	border-color: #FFD79B;
	border-style: solid;
	border-width: 0 0 3px 0;
}

/* PAGE */
#page {
	width: 740px;
   margin: 0 auto 0 auto;
   padding: 1em 9px 1em 9px;
   border-style: solid;
   border-width: 0 2px 0 2px;
   border-color: #FFEBCC;
   background-color: white;
   color: #777;
   font-family: trebuchet ms, sans-serif;
}

/* FOOTER */
#footer p {
	margin: 0;
   padding: 0 2px 0 0;
   font-size: 0.6em;
   font-family: verdana, sans-serif;
   text-align: right;
}