body, #container { /* #container holds #nav and #content layers */
	margin: 0; /* Eliminates gap between page borders and layers */
	padding: 0;
}

body, table {
	font: 9pt Arial, Verdana, Tahoma, sans-serif;
}

ul {
	list-style-image: url(/images/vb.gif);
}

a img {
	border: none;
}

.box { /* colLeft and colRight go inside of this */
	margin: 0;
	padding: 0;
	width: 100%; /* Necessary so other text doesn't move into box area */
}

.center, #footer, #header, h2 {
	text-align: center;
}

.colLeft {
	float: left;
	width: 49%; /* If set to 50%/50%, IE6 quirks out */
}

.colRight {
	float: right;
	width: 50%; /* If set to 50%/50%, IE6 quirks out */
}

.col3Left, .col3Center {
	width: 33%;
	float: left;
}

.col3Right {
	width: 33%;
	float: right;
}

#content { /* Holds unique page content */
	margin: 0;/* 10px; /* 10px on left and right margins */
	padding: 0;/*10px;*/
}

h2 {
	margin-top: 0; /* Gets rid of extra gap above h2 in content layer */
	text-align: center;
}

#footer, #header {
	clear: both; /* Is this necessary? */
	margin: 0;
	padding: 10px;
}

.logo {
	width: 145px; /* Width of image */
	float: left;
	padding: 5px;
}

.logo img {
	border: 0; /* Gets rid of border when turned into link */
}

#nav, #subnav {
	display: none; /* Takes nav and subnav layers off printed page */
}

.warning {
	border: 2px solid;
	padding: 2px;
}

#tagline {
	font-weight: bold;
	font-style: italic;
	font-size: 1.5em;
}

h1 {
	margin-left: 145px; /* Push to the right of the logo layer */
}

#header {
	height: 145px; /* Keep the nav tops consistent */
}

.bigger {
	font-size: 1.2em;
}

#footer {
	font-size: 0.8em;
}

.top, #toc { /* Hide to top links and table of contents on protocol page */
	display: none;
}

.underline {
	text-decoration: underline;
}