/* div containing entire page header */
#pagehead {
	font-family: 'Trebuchet MS', Tahoma, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #369;
	background-color: #9E9683;
}

#mainhead, #subhead { margin-left: 20px; font-weight: normal; }
#mainhead { font-size: 24px; padding-top: 10px; }
#subhead { font-size: 16px; margin-bottom: 10px; }
#pagehead a { color: white; text-decoration: none; }
#pagehead a:hover { color: red; text-decoration: underline; }
#orderlink {font-weight: bold;} 

#navbar {
	background: #6699CC;
	padding-right: 16px;
	text-align: right;
	font-size: 10pt;
}

#orderbox {
	float: right;
	text-align: center;
	width: 300px;
	font-weight: bold;
}
#orderbox a { color: red; }

#pagehead form#search {
	position: absolute;
	right: 10px;
	top: 7px;
	width: 30%;
	text-align: right;
}

/* search button and textbox */
input.button { 
	border: 1px solid gray;
}

a { color: #306291; }
a img { border: none; }
a:hover { color: orange; text-decoration: underline; }

body {
	margin: 0;
	padding: 0;
	background: white;
	color: #353535;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 84%;
	line-height: 20px;
}

div.contentbox { 
	margin: 16px 34px; 
}

code { font: 13px monospace; }
.title {
	position:absolute; 
	top:20px; 
	left:140px; 
	color:#fff; 
	font: bold 50px Arial, Helvetica, sans-serif;
	letter-spacing: 3px;
}
h1 { color: #9E9683; font-size: 140%; }
h2 { font-size: 110%; font-style: italic; }
h3 { font-size: 105%; color: #6699CC;}
h4 { font-size: 100%; }
hr { color: #369; height: 1px; background-color: #369; }

ul li { list-style-type: square; }
ul.links { list-style-position: inside; text-align: left; }

.box {
	background-color: #ECF3F8;
	border: 1px solid #96BADC;
	padding: 8px 12px;
}

.copyright {
	font-size: 10px;
	padding-bottom: 12px;
	padding-top: 12px;
}

.important { color: #800000; font-weight: bold; }
.menuitem { background-color: #EDEDED; }
.cta {color:red; font-weight: bold;}