/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	/*background-color: #eee;*/
	margin: 0;
	/*padding: 0;*/
	/* margin-left: 0.5em; */
	text-align: left;
	}

h1 { font-size: 121%; }
h2 { font-size: 110%; }
h3 { font-size: 100%; }
h4 { font-size: 92%; }
h5 { font-size: 83%; }
h6 { font-size: 75%; }

p, li, td, th, caption, dt, dd, blockquote, input, textarea, select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: black;
	}

p {
	margin-top: 0;
	margin-bottom:0.5em;
	padding: 0;
	}

a.strong {
	font-weight:bold;
	padding: 3px;
	}

.fineprint {
	font-size: 75%;
	margin-top: 2em;
	margin-bottom: 0.5em;
	text-align: center;
	}

/* For button-look links */
p.button {
	font-size: 11pt;
	margin: 1em 0 1em 0;
	}
p.button a,
p.button a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	background-color: #0066CC;
	text-decoration: none;
	border-width: 2px;
	border-style: solid;
	border-left-color: #C6D9FF;
	border-top-color: #C6D9FF;
	border-right-color: #000066;
	border-bottom-color: #000066;
	padding: 0.25em 1em 0.25em 1em;
	margin: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}
p.button a:visited {
	color: #ffffff;
	}
p.button a:hover,
p.button a:active {
	color: #FFFF33;
	text-decoration: none;
	border-left-color: #000066;
	border-top-color: #000066;
	border-right-color: #C6D9FF;
	border-bottom-color: #C6D9FF;
	}







/* ======================================== */
/* LAYOUT DIV DEFINITIONS                   */
/* ======================================== */

/* page: wrapper for everything within the body tag */
#page {

	width: 688px;
	margin: 0;
	padding: 0;
	background-color: #666666;
	text-align: left;
	width: 100%;
	position: relative;
	top: 0px;
	bottom: 0px;
	}

#head {
	background-image: url(images/background_head2.gif);
	background-position: top center;
	padding: 0 0 0 0;
	height: 72px;
	width: 100%;
	left: 0px;
	top: 0px;
	position: absolute;
	background-repeat: repeat-x;
	background-color: #3E449B;
	}

#nav {
	background-color:#666666;
	width: 100%;
	position: absolute;
	left: 0;
	top: 72px;
	text-align: center;
	padding: 0;
	height: 28px;
	border-top: solid #f09728 2px;
	border-bottom: solid #f09728 2px;
	}

#content {
	background-color: #e0e0e0;
	background-image: url(images/background_fade.gif);
	background-repeat: repeat-y;
	width: 100%;
	position: absolute;
	top: 104px;
	padding: 0px;
	}

/* ======================================== */
/* DIV-SPECIFIC DEFINITIONS                 */
/* ======================================== */

/* ======================================== */
/* HEAD DEFINITIONS                         */
/* ======================================== */

#head h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 160%;
	color: white;
	text-align: center;
	padding: 0;
	margin: 12px 0 0 0;
	}

#head h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: white;
	text-align: center;
	padding: 0;
	margin: 12px 0 0 0;
	}


/* ======================================== */
/* NAV DEFINITIONS                          */
/* ======================================== */

#nav p {
	color: #e0e0e0;
	margin: 0 0 0.5em 0;
	}

#nav img {
	margin: 0 0 1em 0;
	}

#nav ul {
	margin: 0;
	padding: 6px 0 6px 0;
	}
#nav li {
	margin: 0;
	padding:0;
	display: inline;
	list-style: none;
	padding: 0 1em 0 1em;
	font-size: 12px;
	}

#nav a {
	color: #e0e0e0;
	font-weight:bold;
	text-decoration: none;
	width: 100%;
	padding: 0;
	margin: 0;
	}
#nav a:hover, 
#nav a:active {
	color: #FFFF33;
	text-decoration: none;
	}
#nav a.selected,
#nav a.selected:hover,
#nav a.selected:active {
	background-color: #666;
	text-decoration:none;
	color: #FFFFFF;
	}
#nav a.download {
	color: #f09728;
	background-color: #333333;
	text-decoration:none;
	border: 1px solid #f09728;
	padding: 1px 4px 2px 4px;
	}
#nav a.download:hover,
#nav a.download:active {
	color: #FFFF33;
	text-decoration:none;
	border-color: #FFFF33;
	}




/* ======================================== */
/* CONTENT DEFINITIONS                      */
/* ======================================== */

#content h2,
#content h3 {
	background-color:#aaa;
	color: #000000;
	padding: 4px 12px 4px 12px;
	margin: 0 0 0.5em 0;
	clear: both;
	}

#content p {
	margin-left: 12px;
	padding-right: 12px;
	margin-bottom: 6px;
	}

#content ul,
#content ol {
	margin: 0 0 0.5em 56px;
	padding: 0 12px 0 1px;
	}

#content li {
	margin: 0px;
	padding: 0 0 0.25em 0;
	}

#content .small {
	font-size: 85%;
	}

/* 
   A majoritem is a listing with an arrow bullet title, 
   description, and background image off to the left. 
   Specific variations are coded in individual html pages.
*/
#content div.majoritem {
	padding: 0 0 0 132px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 24px 6px;
	height: 144px;
	clear: both;
	margin: 0;
	}

#content div.majoritem p {
	margin-left: 32px;
	padding-right: 12px;
	margin-bottom: 6px;
	clear: right;
	}

#content div.majoritem p.arrow {
	display: list-item;
	list-style-type: none;
	background-image: url(images/arrow.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	margin-left: 12px;
	margin-top: 0.5em;
	padding: 0 0 0 20px;
	}

#content div.majoritem p.arrowtest {
	display: list-item;
	list-style-type: none;
	background-image: url(images/arrow.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	margin-left: 12px;
	margin-top: 0.5em;
	padding: 0 0 0 20px;
	}
#content div.majoritem p.arrowtest cite {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: rgb(62, 68, 155);
	font-style:normal;
	font-size: 110%;
	}


#content div.majoritem p.arrow cite {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: rgb(62, 68, 155);
	font-style:normal;
	font-size: 110%;
	}

/* List of View and Download links */
#content ul.buttonlinks {
	margin: 0 0 30px 33px;
	padding: 0 0 1em 0;
	}
#content ul.buttonlinks li {
	margin: 0;
	padding:0;
	display: inline;
	list-style: none;
	}

#content ul.buttonlinks a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float: left;
	font-size: 12px;
	margin: 5px 35px 5px 0;
	padding: 8px 8px 0 36px;
	width: 115px;
	height: 30px;
	text-align: left;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	background-repeat: no-repeat;
	}


/* About the measurements above: */
/* button backgrounds are 159 x 30 pixels */
/* box width = 159 - padleft - padright */
/* box height = 30 - padtop - padbottom */
/*  */
/*  */
#content ul.buttonlinks a.view {
	background-image: url(images/btn_view.gif);
	}
#content ul.buttonlinks a.download {
	background-image: url(images/btn_download2.gif);
	width: 180px;
	}
#content ul.buttonlinks a:hover, 
#content ul.buttonlinks a.active {
	color: #FFFF00;
	text-decoration: none;
	}

/**/
#content p.buttonlinks {
	clear: both;
	}

#content p.buttonlinks a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float: left;
	font-size: 12px;
	margin: 5px 35px 5px 0;
	padding: 8px 8px 0 36px;
	width: 115px;
	height: 30px;
	text-align: left;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	background-repeat: no-repeat;
	}
#content p.buttonlinks a.view {
	background-image: url(images/btn_view.gif);
	}
#content p.buttonlinks a.download  {
	background-image: url(images/btn_download2.gif);
	width: 180px;
	}

#content p.buttonlinks a:hover, 
#content p.buttonlinks a.active {
	color: #FFFF00;
	text-decoration: none;
	}

/**/

.pagedate {
	font-size: 80%;
	text-align: center;
	margin: 2em 0 1em 0;
	padding: 0;
	}

.jansenhilite {
	background-color:#66FF00;
	font-weight: bold;
	color: #CC0000;
	}

img.btn_printable {
	border:none;
	}