BODY {
	margin: 0px;
	padding: 0px;
	font-size: small;
	text-align: left;
	font-family: helvetica, "sans serif";
	color: #000033;
	background: #9999CC
}

TABLE {border: 0px}    
TH {color: #FFFFFF; background: #333399; text-align: center; vertical-align: bottom; font-weight: bold}                            
TD {text-align: left; vertical-align: top; background: transparent; padding: 4px}     
TD.prompt {background: #9999FF}                            
  
INPUT, TEXTAREA {background: transparent}
IMG {border: 0px; vertical-align: middle}    
H1 {font-size: large; font-style: italic}    
H2 {font-size: large}                                    
H3 {font-size: medium; font-style: italic}
H4 {font-size: medium}
H5 {font-size: x-small}
H6 {font-size: xx-small}
H1, H2, H3, H4, H5, H6 {margin-top: 0.5em; margin-bottom: 0em}
P {margin-top: 0.5em; margin-bottom: 0em}
EM {font-style: italic; font-weight: bold}
CODE, TT, PRE {font-family: courier, monospace; font-size: small}     

.frame {text-align: center; vertical-align: middle; background: transparent}
.left {text-align: left}
.center {text-align: center}     
.num {text-align: right; font-family: monospace}
.right {text-align: right}
.inset {border: 1px solid; border-style: inset; border-color: white}
.outset {border: 1px solid; border-style: outset; border-color: white}
.error {text-align: center; background: #990000; color: #FFFFFF}     
 

.notes {
	font-style: italic;
	font-weight: normal;
	text-align: left
}	

a {
	font-style: bold;
	text-decoration: underline;
	color: #330000;
	border: 0
}                            

a:hover {
	background: #660000;
	color: #FFFFFF
}

a.button {
	text-decoration: none;
	color: #000033;
	background: #9999FF;
	border: 1px solid;
	border-style: outset;
	border-color: white;
	padding: 2px;
	margin: 4px
}
	                            
a.button:hover {
	color: #FFFFFF;
	background: #333399;
	border-style: inset
}  

.cn_link {
	display: block;
	padding: 0em 2em;
	font-weight: bold;
	text-decoration: none;
	color: #000033
}

a.cn_link:hover {
	color: #FFFFFF;
	background: #9999CC
}

.error_body {
	padding: 4px;
	margin: 0px 4px 2px;
	color: #660000;
	border: 1px solid;
	border-color: #660000;
	background: #FFCCCC
}

.page_hdr {
	padding: 0px;
	top: 0px;
	left: 0px; 
	color: #9999FF;
	vertical-align: middle;
	font-size: larger;
	background: url(images/page_hdr_br.gif) #000066 bottom right no-repeat;
}

.page_title {
	padding: 4px;
	margin: 0px;
	width: 95%;
	color: #FFFFFF;
	text-align: center;
	font-size: larger;
	background: url(images/menu_br.gif) #333399 bottom right no-repeat
}

.page_path {
	padding: 4px 24px 4px 7em;
	text-indent: -7em;
}

.pageend_hdr, .pageend_ftr {
	padding: 4px;
	margin: 0px 50px; 
	color: #9999FF;
	text-align: center;
	height: 32px;
	vertical-align: middle;
}

.pageend_hdr {
	background: url(images/page_hdr_tl.gif) #000066 top left no-repeat;
}

.pageend_ftr {
	background: url(images/page_hdr_br.gif) #000066 bottom right no-repeat;
}

.section_hdr {
	margin: 10px 4px 2px;
	padding: 2px 0px 2px 12px;
	background: url(images/section_tl.gif) #CCCCFF top left no-repeat;
}

.section_hdr:first-line {
	font-size: medium;
	font-weight: bold;
	font-style: italic
}	

.section_body {
	padding: 4px;
	margin: 0px 4px 2px;
	color: #000033;
	background: #CCCCFF
}

.section_ftr {
	padding: 4px;
	margin: 0px 4px;
	color: #000033;
	background: url(images/section_br.gif) #CCCCFF bottom right no-repeat
}

.menu_page {
	font-family: arial, "sans serif";
	color: #FFFFFF;
	background: #000066
}

.float_hdr {
	display: block;
	padding: 2px 12px;
	margin: 4px 8px 0px;
	font-weight: bold;
	color: #FFFFFF;
	background: url(images/float_tl.gif) #333399 top left no-repeat
}

.float_hdr:first-line {
	font-size: larger;
	font-weight: bold;
}	

.float {
	font-size: smaller;
	padding: 2px;
	margin: 0px 8px;
	font-weight: bold;
	color: #FFFFFF;
	background: url(images/float_br.gif) #333399 bottom right no-repeat
}
  
.float a, .float_hdr a {
	display:block;
	text-decoration: none;
	color: #000033;
	background: #9999FF;
	padding: 2px;
	margin: 2px 4px
}

.float a.first_option, .float_hdr a.first_option {
	background: url(images/menu_opt_tl.gif) #9999FF bottom right no-repeat
}

.float a.last_option {
	background: url(images/menu_opt_br.gif) #9999FF bottom right no-repeat
}

.float a:hover {
	color: #FFFFFF;
	background: url(images/menu_opt_sel.gif) #333399 bottom right no-repeat
}

.menu_top {
	display: block;
	padding: 2px 12px;
	margin: 0px 0px 0px 8px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: large;
	background: url(images/menu_tl.gif) #333399 top left no-repeat
}

.menu_hdr {
	display: block;
	padding: 2px 12px;
	margin: 4px 8px 0px;
	font-weight: bold;
	color: #FFFFFF;
	background: url(images/menu_tl.gif) #333399 top left no-repeat
}

.menu {
	padding: 2px;
	margin: 0px 8px;
	font-weight: bold;
	background: url(images/menu_br.gif) #333399 bottom right no-repeat
}
  
.menu a, menu_hdr a {
	display:block;
	text-decoration: none;
	color: #000033;
	background: #9999FF;
	padding: 2px;
	margin: 2px 4px
}

.menu a.first_option, menu_hdr a.first_option {
	background: url(images/menu_opt_tl.gif) #9999FF bottom right no-repeat
}

.menu a.last_option {
	background: url(images/menu_opt_br.gif) #9999FF bottom right no-repeat
}

.menu a:hover {
	color: #FFFFFF;
	background: url(images/menu_opt_sel.gif) #333399 bottom right no-repeat
}