/* Orange CSS design */

#header {
	background: #fff url(../images/cornerlogoorange.gif) no-repeat top left;
}

#menu {
	color: #fff;
	background: #e7c380 url(../images/neorange.jpg) no-repeat top right;
}

#nav {
	background: #e7c380 url(../images/seorange.jpg) no-repeat bottom right;
}

#prod a {
	padding: 4px 0 4px 10px;
	color: #fff;
	background: #407cba url(../images/obleft1.jpg) no-repeat scroll top left;
}

#prod a span {
	padding: 4px 10px 4px 0;
	background: #407cba url(../images/obright1.jpg) no-repeat scroll top right;
}

#prod a:hover {
	color: #000;
	background: #bfd3e8 url(../images/obleft2.jpg) no-repeat scroll top left;
}

#prod a:hover span {
	background: #bfd3e8 url(../images/obright2.jpg) no-repeat scroll top right;
}

#serv a {
	padding: 4px 0 4px 10px;
	color: #fff;
	background: #551a8b url(../images/opleft1.jpg) no-repeat scroll top left;
}

#serv a span {
	padding: 4px 10px 4px 0;
	background: #551a8b url(../images/opright1.jpg) no-repeat scroll top right;
}

#serv a:hover {
	color: #000;
	background: #ab8dc6 url(../images/opleft2.jpg) no-repeat scroll top left;
}

#serv a:hover span {
	background: #ab8dc6 url(../images/opright2.jpg) no-repeat scroll top right;
}

#about a {
	padding: 4px 0 4px 10px;
	color: #fff;
	background: #228b22 url(../images/ogleft1.jpg) no-repeat scroll top left;
}

#about a span {
	padding: 4px 10px 4px 0;
	background: #228b22 url(../images/ogright1.jpg) no-repeat scroll top right;
}

#about a:hover {
	color: #000;
	background: #91c691 url(../images/ogleft2.jpg) no-repeat scroll top left;
}

#about a:hover span {
	background: #91c691 url(../images/ogright2.jpg) no-repeat scroll top right;
}

#home a {
	padding: 4px 0 4px 10px;
	color: #fff;
	background: #962f64 url(../images/orleft1.jpg) no-repeat scroll top left;
}

#home a span {
	padding: 4px 10px 4px 0;
	background: #962f64 url(../images/orright1.jpg) no-repeat scroll top right;
}

#home a:hover {
	color: #000;
	background: #cb98b2 url(../images/orleft2.jpg) no-repeat scroll top left;
}

#home a:hover span {
	background: #cb98b2 url(../images/orright2.jpg) no-repeat scroll top right;
}

#current a {
	padding: 4px 0 4px 10px;
	color: #000;
	background: #fff url(../images/oleft.jpg) no-repeat scroll top left;
}

#current a span {
	padding: 4px 10px 4px 0;
	color: #000;
	background: #fff url(../images/oright.jpg) no-repeat scroll top right;
}

#current a:hover {
	color: #daa440;
	background: #fff url(../images/oleft.jpg) no-repeat scroll top left;
}

#current a:hover span {
	color: #daa440;
	background: #fff url(../images/oright.jpg) no-repeat scroll top right;
}

#side {
	color: #fff;
	background: #e7c380 url(../images/orside.jpg) no-repeat scroll bottom center;
}

#innernav a {
	display: block;
	width: 130px;
	padding-top: 10px;
	color: #000;
	background: #f2e0bf url(../images/ortside1.jpg) no-repeat scroll top left;
	text-decoration: none;
}

#innernav a span {
	display: block;
	padding-bottom: 8px;
	color: #000;
	background: #f2e0bf url(../images/orbside1.jpg) no-repeat scroll bottom left;
}

#innernav a:hover {
	color: #fff;
	background: #daa440 url(../images/ortside2.jpg) no-repeat scroll top left;
}

#innernav a:hover span {
	color: #fff;
	background: #daa440 url(../images/orbside2.jpg) no-repeat scroll bottom left;
}

#shown a {
	color: #000;
	background: #fff url(../images/orside1.jpg) no-repeat scroll top left;
}

#shown a span {
	color: #000;
	background: #fff url(../images/orside2.jpg) no-repeat scroll bottom left;
}

#shown a:hover {
	color: #daa440;
	background: #fff url(../images/orside1.jpg) no-repeat scroll top left;
}

#shown a:hover span {
	color: #daa440;
	background: #fff url(../images/orside2.jpg) no-repeat scroll bottom left;
}

#main h1 {
	padding: 6px 0 6px 38px;
	color: #fff;
	background: #cd8500 url(../images/resourcesico.png) repeat-y center left;
}

#main h2 {
	padding-left: 0.6em;
	color: #daa440;
}

#main h3 {
	margin-left: 0.8em;
	border-width: 0 1px 0 4px;
	border-style: none solid none solid;
	border-color: #fff #eee #fff #daa440;
}

#main h4 {
	margin-left: 0.8em;
	padding-left: 5px;
	background-color: #fbf3e6;
}

#main h5 {
}

#main h6 {
}

.paper p {
	text-indent: 1em;
}

.paper .first {
	text-indent: 0;
}

#footer {
	color: #fff;
	background-color: #e7c380;
}

.roundtop {
	background: url(../images/neorange.jpg) no-repeat top right;
}

.roundbot {
	background: url(../images/seorange.jpg) no-repeat bottom right;
}

.gl {
	padding: 5px;
	border: 1px dashed #daa440;
}

.paper .gl {
	text-indent: 0;
}

.aside {
	width: 40%;
	float: right;
	margin: 0 0 5px 5px;
	padding: 5px;
	font-size: 0.8em;
	background-color: #fbf3e6;
}

.aside p {
	text-align: center;
	text-indent: 0;
	font-weight: bold;
}

.aside ol {
	padding-left: 8px;
}

.grid {
	margin: 10px auto;
	border: 1px solid #ddd;
}

.grid th {
	padding: 5px;
	background-color: #eee;
}

.grid td {
	padding: 5px;
	border-top: 1px solid #ddd;
	font-size: 100%;
}

blockquote {
	background: #fbf3e6 url(../images/rbstart.gif) no-repeat scroll top left;
}

