/* start off with no margins or padding: */
*, td, img { margin: 0; padding: 0; }
p { padding-bottom: 1em; }

body
{
	font: 80%/110% verdana, arial, sans-serif;
	color: #666;
	background-color: #FFF;
}

h2 {
	margin: 1em 0 7px 0;
	font: bold 110%/100% georgia, times, "new roman", serif;
}

a:link, a:visited { color: #405982; text-decoration: none; }
a:hover { color: #405982; text-decoration: underline; }

#body a:link, #body a:visited, #body a:hover { color: #1A376B; }


/* ====== layout ====== */

#wrapper {
	width: 632px;
	margin: 0 auto;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#bodyspacer, #innernav, #footerleft {
	width: 172px;
	float: left;
	margin-top: 12px;
	margin-right: 18px;
	padding-top: 1em;
}

#body, #footerright {
	width: 340px;
	float: left;
	margin-top: 12px;
	padding-top: 1em;
}

#footer {
	clear: both;
	padding-top: 60px;
	font-size: 90%;
}

#innernav, #body,
#footerleft, #footerright { border-top: 4px solid #999; }


/* ====== specifics ====== */

#head, #innernav {
	font-size: 92%;
	font-weight: bold;
}

#innernav .subpart .fineprint { font-weight: normal; }

#body p, #body h2, #footerright p, ul.body { margin-left: 8px; }
#innernav p, #innernav h2, #innernav ul, #footerleft p, ul.nav { margin-left: 10px; }

#innernav h2 {
	font-family: verdana, arial, sans-serif;
	font-size: 100%;
	text-transform: uppercase;
	margin-bottom: 2px;
}

h1#title {
	display: block;
	width: 632px;
	height: 84px;
	background-image: url(/images/octitle.gif);
	text-indent: -9000px;
	overflow: hidden;
}

#body ul { margin-left: 2em; margin-bottom: 1em; }
#body ul li { margin-bottom: .5em; }

#innernav ul { margin-bottom: 1em; }
#innernav ul li { margin-bottom: .5em; list-style-position: inside; }

ul.nav { list-style-type: none; }
ul.nav li { margin-bottom: .4em; }

ul.body { list-style-type: none; }
ul.body li { margin-bottom: 1em; }

#footerright img {
	vertical-align: top;
	margin-right: 10px;
}

input.button {
	background-color: #999;
	color: #FFF;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	padding-right: 4em;
}


/* ====== utility classes ====== */

.first { margin-top: 0; }

.here, .here a:link, .here a:visited { color: #F41700; }

.clearboth { clear: both; }

.divider {
 	margin-top: 1em;
	border-top: 4px solid #999;
}

.subdivider {
 	margin-top: 1em;
	border-top: 1px solid #999;
}

.bigbody, .quote, .speaker { font: 110%/100% "new roman", times, serif; }
.body2 { font-family: georgia, times, "new roman", serif; }

.quote { padding: 0 20px; }
.speaker {
 	 display: block;
 	 padding-left: 102px;
}


/* retained
----------------------------------------------- */

/* overrides
----------------------------------------------- */

#body hr {
margin: 2em 0;
width: 66%;
color: #ccc;
background-color: inherit;
}

.caps {
font-size: 0.9em;
letter-spacing: 0.1em;
}

img.divider {
margin: 2em 0;
text-align: center;
}

/* global layout
----------------------------------------------- */

#accessibility {
position: absolute;
top: -10000px;
}

/* comments
----------------------------------------------- */

.comments_error {
color: #000;
background-color: #fff4f4 
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

