/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
  background-color: #ffffff;
	color: #333333;
}

a { 
	color:#333333; 
	text-decoration: none; 
}
a:hover { 
	text-decoration: underline; 
}

h1 {
  font-size: 2em;
	line-height: 1.4em;
  font-weight: normal;
}

h2 {
  font-size: 1.8em;
  font-weight: normal;
}

#summary li {
	list-style: none;
	margin-left: 60px;
}

#publications li {
	margin-left: 20px;
	padding-left: 10px;
}

#news {
	margin-left: 16px;
	list-style-image: url(../img/bullet.png);
}

h1, h2, p {
  margin: 1em 0;
}

#wrapper {
  background-color: #fff;
}

#popup-wrapper {
  background-color: #fff;
	width: 300px; 
  margin: 0 auto; 
  text-align: left; 
}

#branding {
  height: 100px;
  background-color:#ffffff;
}

#mainNav {
  list-style: none;
  background-color:#ffffff;
}

#footer {
  background-color:#ffffff;
  padding: 1px 0;
}

/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 680px;
}

#wrapper {
  width: 640px; 
  margin: 0 auto; 
  text-align: left; 
}

#content { 
  width: 480px;
  float: right; 
}

#mainNav { 
  width: 160px; 
  float: left; 
} 

#footer { 
  clear: both; 
} 

/* Add some padding 
================================== */

#mainNav {
  padding-top: 20px;
  padding-bottom: 20px;
}

#mainNav * {
  padding-left: 10px;
  padding-right: 10px;
}

#mainNav * * {
  padding-left: 0;
  padding-right: 0;
}

#content * {
  padding-right: 0px;
}

#content * * {
  padding-right: 0;
}

/*
  Quick-links menu
 */
#quicklinks {
	list-style: none;
	width: 640px;
	margin-top: 10px;
	height: 18px;
	margin-bottom: 6px;
}

#quicklinks li {
	float: right;
}

#quicklinks li.active {
	background: url(../img/nav-right.gif) no-repeat top right;
}

#quicklinks a {
	display: block;
	padding: 0 2em;
	text-decoration: none;
	font-size: 11px;
	line-height: 18px;
}

#quicklinks li.active a {
	background: url(../img/nav-left.gif) no-repeat top left;
	color: #ffffff;
}

#quicklinks a:hover {
	text-decoration: underline;
}

/*
 Step-by-step form menu
 */
#steps * {
	font-size: 11px;
}

#steps a:hover {
	text-decoration: none;
}

#steps li{
	height:71px;
	margin-top: 20px;
	list-style:none;
	float:left;
	background-color:#EBEBEB;
	background-image: url(../img/step.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 160px;
}

#steps li.current{
	background-color:#C36615;
	background-image: url(../img/current-step.gif);
}

#steps li.lastDone{
	background-color:#7C8437;
	background-image: url(../img/last-step.gif);
}

#steps li.done{
	background-color:#7C8437;
	background-image: url(../img/done-step.gif);
}

#steps li a, #steps li a:link, #steps li a:visited, #steps li a:hover, #steps li a:active {
color:#ccc;
}

#steps li.lastDone a, #steps li.lastDone a:link, #steps li.lastDone a:visited, #steps li.lastDone a:hover, #steps li.lastDone a:active, #steps li.current a, #steps li.current a:link, #steps li.current a:visited, #steps li.current a:hover, #steps li.current a:active, #steps li.done a, #steps li.done a:link, #steps li.done a:visited, #steps li.done a:hover, #steps li.done a:active {
color:#fff;
}

#steps li.done a:hover, #steps li.lastDone a:hover  {
cursor: pointer;
}

#steps li a em{
width:150px;
display:block;
margin:6px 0 0 10px;
font-style:normal;
font-weight:bold;
}

#steps li a span {
width:140px;
display:block;
margin-left:10px;
font-weight:normal;
}

#steps li.mainNavNoBg{
	background-image:none;
	width: 160px;
}

#steps li a{
height:71px;
display:block;
}

.clearfloat {clear: both; display: block;}

/*
 Form styles
 */
form p {
  position: relative;
  width: 100%;
}

form p.error {
	text-align: left;
	color:#760000;
	font-weight: bold;
	line-height: 32px;
}

/* style for  labels */
label {
  float: left;
  width: 15em;
}

/* :KLUDGE: Explicitly set the width for IE6- */
* html .feedback{
  width: 10em;
}

/* orde form table styles */
#order {
	width: 480px;
}

#order tbody th {
	text-align: left;
}

#order th span {
	font-size: 10px;
	font-weight: normal;
}

#order th.heading {
	background-color: #330033;
	padding: 4px 0 4px 6px;
	font-weight: bold;
	color: #FFFFFF;
}

#order td {
	padding: 8px 10px 8px 0;
}

#order tbody td,
#order thead th {
	text-align: center;
}

#order tbody th {
	padding: 8px 10px 8px 0;
	width: 240px;
}

#order td select {
	width: 70px;
}

#order h2 {
	background-color: #330033;
	padding: 4px 0 4px 6px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0;
	font-size: 12px;
}

#summary {
	width: 480px;
}

#summary tbody td,
#summary thead th {
	text-align: left;
}

#summary td.heading,
#summary th.heading {
	background-color: #330033;
	padding: 4px 0 4px 6px;
	font-weight: bold;
	color: #FFFFFF;
}

#summary tbody th, 
#summary tfoot th {
	text-align: left;
}

#history {
	width: 640px;
}

#history th,
#history td a {
	padding: 8px 10px 8px 4px;
}

#history thead th {
	background-color: #330033;
	padding: 4px 0 4px 6px;
	font-weight: bold;
	color: #FFFFFF;
}

#history tbody tr:hover {
	background-color: #FFFFCC;
	cursor: pointer;
}

#history a {
	display: block
}

#history a:hover {
	text-decoration: none;
}

td.separator {
	background: transparent url(../img/dotrule.gif) repeat-x scroll 0 0;
	margin: 7px 0 4px;
	padding: 1px 0;
	line-height: 1px;
}

#history td.separator {
	background: transparent url(../img/dotrule.gif) repeat-x scroll 0 0;
	margin: 7px 0 0px;
	padding: 1px 0;
	line-height: 1px;
}


#purchase-detail {
	width: 640px;
}

#purchase-detail th,
#purchase-detail td a {
	padding: 8px 10px 8px 4px;
}

#purchase-detail thead th {
	background-color: #330033;
	padding: 4px 0 4px 6px;
	font-weight: bold;
	color: #FFFFFF;
}


#or {
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

#instructions {
	width: 460px;
	height: 100px;
}

input {
  width: 200px;
}

select {
	width: 200px;
}

form select.error {
	background-color: #ffc8c8;
	border-top: 2px solid #760000;
  border-left: 2px solid #760000;
  border-bottom: 1px solid #c06161;
  border-right: 1px solid #c06161;
}

form span.error {
	margin-left: 15em;
  color:#760000;
	font-weight: bold;
}

form input.error {
	background-color: #ffc8c8;
	border-top: 2px solid #760000;
  border-left: 2px solid #760000;
  border-bottom: 1px solid #c06161;
  border-right: 1px solid #c06161;
}

input[type="text"], textarea, input[type="password"] {
  border-top: 2px solid #999;
  border-left: 2px solid #999;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

label.error {
	font-weight: bold;
	color: #760000;
}

/* style form elements on focus */
input:focus, textarea:focus {
  background: #ffc;
}

textarea {
  width: 200px;
  height: 100px;
}

/* button styling */
input[type="submit"], 
input[type="button"] {
	float: left;
	font-size:10px;
	font-weight:normal;
	margin:0;
	padding: 6px 10px;
	width: 80px;
	text-decoration: none;
	text-transform:none;
	text-align:center;
	cursor:pointer;
	color:#666666;
	background:#EEE;
	border: 1px solid #CCC;
}

input[type="submit"].floatright,
input[type="button"].floatright {
	float: right;
}

input[type="submit"]:hover, 
input[type="button"]:hover {
	color:#fff;
	background:#E60;
	border-color:#C40;
	text-decoration:none;
}



/*
 Mini box styles
 */
.box {
  background: url(../img/shadow.gif) no-repeat right bottom;
  float: left;
	width: 140px;
	margin: 20px 0 0 0;
}

.box div {
  background: url(../img/mask.png) no-repeat left top !important;
  background: url(../img/mask.gif) no-repeat left top;
  padding: 0 5px 5px 0;
	margin-top: 0;
	float: left; /* :KLUDGE: Fixes bug in IE/Mac */
}

.box h1 {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: bold;
	display: block;
	width: 131px;
	font-size: 12px;
	line-height: 25px;
	background-color:#330033;
	color:#FFFFFF;
	padding-left: 4px;
}

.box p {
	margin: 0;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 11px;
}
 
.box img {
  background-color: #fff;
	margin: 0;
}

.box ul {
	list-style: none;
}

.box ul a {
	display: block;
	padding-right: 4px;
	text-decoration: none;
}

.box ul a:hover {
	text-decoration: underline;
	background-color: #e9e9e9;
}

/*
 Data table styles
 */
span.header {
	font-weight: bold;
	float: left;
}

span.description {
	display: block;
	margin-left: 12em;
}


#changes p {
  color: #C0C0C0;
  font-style: italic;
  font-size: 0.9em;
}

#changes h3 {
  clear: both;
}