body,html {
	margin: 0;
	padding: 0;
	background: white;
	color: black;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}

body {
	min-width: 700px;
	margin-top: 2px;
}

a:link {color:blue;}
a:visited {color:blue;}
a:active {color:blue;}
a:hover {color:red;}

#wrap {
	color: black;
	background: white;
	margin: 0 auto;
	width: 700px;
	padding-bottom: 300px;  /* this ensures nav column does not get cut short if main column is shorter than nav */
}

#popup {
	color: black;
	background: white;
}

#header {
	color: black;
	background: white;
	padding: 0;
	margin: 0;
}

#header img {
	padding: 0;
	margin: 0;
	border-style: none;
}

#nav {
	color: black;
	background: #993300;
	padding: 1px 0px 3px 0px;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 10px;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li {
	display: inline;
}

#nav a{
	text-decoration: none;
	font-weight: bold;
	color: white;
	background-color: #993300; /* gray; */
	padding: 0px 6px 3px 6px;
	margin: -2px;
	border-left: 1px solid white;
	border-right: 1px solid white;
}
#nav a:link {color:white;background-color:#993300;}
#nav a:visited {color:white;}
#nav a:active {color:white;}
#nav a:hover {color:white; text-decoration:none; background:black}

#spacer2px {
	background-color: white;
	padding: 1px;
}

#spacer6px {
	background-color: white;
	padding: 3px;
}

#main {
	background: white;
	float: right;
	width: 545px;
	border-style: none;
	padding: 0;
	margin: 0;
}

#splash {
  background: white;
  width: 696px;
  border: 2px solid #dfdfdf;
  margin: 20px;
}

#main p {
  margin-top: 3px;
  margin-bottom: 6px;
  padding: 0;
  }

#main ul {
	margin: 4px 0 4px 0px;
	padding: 0;
	padding-left: 30px;
	text-indent: -17px;
	list-style: circle inside;
	}

#main ol {
	margin: 4px 0 4px 0px;
	padding: 0;
	padding-left: 30px;
	text-indent: 0px;
	}

#main img {
  border: 0;
	}
	
#sidebar {
	background: white;
	float: left;
	width: 150px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar img {
  border: 0;
}
	
#sidebar a {
	text-decoration: none;
	font-weight: normal;
	padding: 0px 2px 0px 2px;
	color: gray;
	margin: 0;
}

#sidebar a:link {color:gray;}
#sidebar a:visited {color:gray;}
#sidebar a:active {color:gray;}
#sidebar a:hover {color:white; text-decoration:none; background-color:gray;}

.textborder {
  border: 1px solid black;
  padding: 2px;
  }

/* Topic Containers - Sidebar, Main */

p.tcs {
	border: 2px solid #dfdfdf;
	border-bottom: none;
	background-color: #dfdfdf; /* #d9c3c3; #dfdfdf; */
/*	background: url(images/grad2.jpg) #fff bottom left repeat-x; */
	text-align:center;
	color:#993300;
	margin:0;
	padding:1px 0px 3px 5px;
	font-weight:bold
	}

div.tcs {
	border: 2px solid #dfdfdf;
	border-top: none;
	margin-bottom:10px;
	text-align:center;
	padding:2px 0px 2px 3px;
	}

p.tcm {
	background-color: #dfdfdf;
	text-align:left;
	color:black; /* #993300; */
	margin:0;
	padding:1px 0px 3px 10px;
	font-weight:bold;
  border:1px solid red;
	}

div.tcm {
	border-top: 2px solid #dfdfdf;
	margin-bottom:10px;
	padding:2px 10px 2px 10px;
	}

div.download {
	border: 2px solid #dfdfdf;
	margin-bottom:10px;
	margin-left:100px;
	margin-right:100px;
	padding:2px 10px 2px 10px;
	}


div.box {
	border: 2px solid #dfdfdf;
	margin-bottom:10px;
	padding:2px 10px 2px 10px;
	}

div.button {
	margin-left:15px;
	margin-right:15px;
  }

div.figure {
  float: right;
  width: 25%;
  border: 1px solid red;
  margin: 2px;
  padding: 2px;
}
div.figure p {
  text-align: center;
  text-indent: 0;
}


/* Right-aligned image */

img.ra {
	margin: 10px 10px 10px 10px;
	float: right;
	}

img.ra2 {
	margin: 2px 10px 10px 10px;
	float: right;
	}

/* Right-aligned image, flush to right margin */
	
img.rf {
	margin: 2px 0px 2px 10px;
	float: right;
  }

img.button {
	padding-top: 5px;
  }

/* Subtitle */

p.st {
	border: none; /* 2px solid #efefef; */
	color:#993300;
	background-color:white;
	text-align:left;
	font-size: 15px;
	margin:0;
	padding:1px 0px 3px 0px;
	font-weight:bold
	}
	
/* Heading (1) */

p.h1 {
	border: none; /* 2px solid #efefef; */
	color:#993300;
	background-color:white;
	text-align:left;
	font-size: 12px;
	margin:0;
	margin-bottom: 5px;
	padding:1px 0px 3px 0px;
	font-weight:bold
	}

p.h2 {
	text-align:left;
	font-size: 12px;
	margin:0;
	margin-bottom: 5px;
	padding:1px 0px 3px 0px;
	font-weight:bold
	}
	
p.ce {
  text-align: center;
}

/* ????????? */
p.cr {
	font-size: 8px;
	color: #7F7F7F;
	text-align: center;
	margin-top:0px;
  }
  
p.tiny {
  font-size: 5px;
  margin:0;
  padding:0;
}

p.spacer {
  font-size:1px;
  margin:0;
  padding:0;
}

li.OL {
  padding-bottom: 5px;
}

/* Centered Table */

table.centered {
	border-width: thin;
	border-style: solid;
	border-color: #dfdfdf;
	border-collapse: collapse;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
}

table.centered th {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: #dfdfdf;
	background-color: white;
}

table.centered td {
	border-width: 1px;
	padding:1px 0px 3px 5px;
	border-style: solid;
	border-color: #dfdfdf;
	background-color: white;
	text-align: center;
}

/* Button-style link */

.btnlink {
  background-color: #dfdfdf;;
  border: 2px #dfdfdf outset;
  padding: 4px 8px 6px 8px;
  color: #993300;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  color: white;
}

.btnlink:link {
  color: #993300;
  }

.btnlink:visited {
  color: #993300;
}

.btnlink:hover {
  border-style: inset;
  background-color: #993300;
  padding: 4px 7px 6px 9px;
  color: white;
}

/* test */

/* Disabled because it caused a problem with colors */

/*
.btnlink:active{
  color: white;
}
 */