body {margin:0; padding:0 10px 0 10px; border:0; height:100%; overflow-y:auto; }
body {font-family: Arial, Helvetica, sans-serif; font-size:1.0em;}
#page 
{
	/*margin:10px 0 50px 200px; */
	margin:10px 0px 0px 202px;
	display:block; 
	width:70%; /* border:1px solid #000;*/ 
	background:#fff; 
	padding:0px;
	float:right;
}
#page .right {font-size:30px; float:right;}
#menu 
{
	display:block; 
	top: 0; 
	left:0; /*width:200px;*/
	width:27%; 
	padding:5px 5px 0px 5px; 
	text-align:left; 
	color:#fff; 
	float:left;
}
* html #menu {position:absolute;}

.clear {clear:both;}
/* p:first-letter {font-size:25px; color:#d88;} */
#fixpic {display:block; width:108px height:145px; position:fixed; bottom:0; left:0;}
* html #fixpic {position:absolute;}

@page { size 8.5in 11in; margin: 2cm }

A.launch:link {
	TEXT-DECORATION: none;
	color:#333399;
	font-size:0.8em
}

A.launch:VISITED {
	TEXT-DECORATION: none;
	color:#333399;
	font-size:0.8em
}

A.launch:HOVER {
	TEXT-DECORATION: underline;
	color:#333399;
	/* FONT-WEIGHT: bold;*/
	font-size:0.8em
	/* FONT-STYLE: italic */
}

.fontsmall {
	FONT-SIZE: .8em
}
.OccTitle {font-size: x-large;
	 font-family:Arial;
	 color:#003F87;
	 FONT-WEIGHT: bold;
	 }
	 
.fontsmallbold {
	FONT-SIZE: 1em;
	FONT-WEIGHT: bold;
	color: black
}

.fontbigbold {
	FONT-SIZE: 1.5em;
	FONT-WEIGHT: bold;
	color: black
}

.pretext {
	MARGIN: 0em 0em 0em 1.0em;
}

.clearthefloats 
{
	clear:both;
}

/* start table style  */
Table {
	border-collapse: collapse;
	CELLPADDING: 5em;
	CELLSPACING: 2em;
	text-align: center;
	MARGIN: 0em 0em 0em 0em;
}
Td { 
	padding: .2em;
}
Th { 
	border: 1px #FFFFFF;
	border-style: solid;  
	padding: .2em;
	background-color: #003399;
	color: #FFFFFF 
}

td.rightcell { 
	border-left: 1px solid #003399;
	border-right-style: none;
	border-top-style: none; 	 	 	
	border-bottom-style: none; 	 	 		
	padding: .2em
}
td.tabtop { 
	border-top-style: none; 
	border-bottom-style: none; 
	border-left-style: none; 	
	border-right-style: none; 
	padding: .2em;
}
td.tabfoot 
{
	text-align:left;
	border-top: 1px solid #003399; 
	border-bottom-style: none; 
	border-left-style: none; 	
	border-right-style: none; 
	padding: .2em;
	FONT-SIZE: .8em
}
.trcolor {
	background-color: #B0C4DE; /* blue */
}
/* end table style  */

/* start alternate table color for the skill definitions table.  */
Th.head2 { 
	border: 1px #FFFFFF;
	border-style: solid;  
	padding: .2em;
	background-color: #663333;
	color: #FFFFFF 
}  

.trcolor2 {
	background-color: #EEE8AA; 
}

td.rightcell2 { 
	border-style: solid; 
	border-left: 1px solid #663333;
	border-right-style: none;
	border-top-style: none; 	 	 	
	border-bottom-style: none; 	 	 		
	padding: .2em
}

td.tabfoot2 { 
	border-top: 1px solid #663333; 
	border-bottom-style: none; 
	border-left-style: none; 	
	border-right-style: none; 
	padding: .2em;
	FONT-SIZE: .8em
}
/* end alternate table color for the skill definitions table.  */
	
/* start Sizing and color for headers  */
H1 {
	FONT-SIZE: 1.5em; MARGIN: 14px 0px; WIDTH: 99%; color: #003399;  
}

H2 {
	FONT-SIZE: 1.2em; MARGIN: 14px 0px; WIDTH: 99%; color: #003399;  font-style:italic 
}
H3 {
	FONT-SIZE: 1.0em; MARGIN: 0px 0px 6px 0px; /* display:inline */
}
H3#Other {
	FONT-SIZE: 1.0em; MARGIN: 0px 0px 6px 0em; /* display:inline */
}
H4 {
	FONT-WEIGHT: bold; FONT-SIZE: 1em
}
/* end Sizing and color for headers  */

pre {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;

}

.visible {display:block;}
.hidden {display:none;}

/* CSS for the change form */
div#ChangeForm {  
	margin: 0px 200px 0px 20px;
	width: 100%;  
	display: none;
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
	BACKGROUND: #FFFFCC no-repeat left bottom; MARGIN: 0px;
	position:absolute;	 /* change to "fixed" for firefox  */
	right:20px;
	top:15px;
	border-style:dotted;
	border-color: #DAA520;
	z-index: 10; 
}

/* end CSS for the change form */


P {
	MARGIN: 0.7em 0em 0.9em 0em
}

#footer {
	MARGIN: 0px; WIDTH: 100%; TEXT-ALIGN: center; position: absolute;
}


HR {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; COLOR: #DAA520; BORDER-BOTTOM: 0px; HEIGHT: 2px; BACKGROUND-COLOR: #DAA520
}

/* CSS for the Launch page */
BODY.launch {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
	FONT-SIZE: 1.0em;  
	MARGIN: 0px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	height:100%; 
	overflow:auto
} 

p.dropcap:first-letter  { font-size : 200%; font-family : arial;  color: #003366;}

.Plaunch {
	PADDING-LEFT: 0px
}

div#introcol {  
	width:30%;
	margin: 0px 0px 0px 0px;  
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 	
	PADDING-TOP: 5px; 	
	float:left;
}

div#occsel {  
	width:31%;	
	margin: 0px 0px 0px 0px;  
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 	
	PADDING-TOP: 5px; 	
	float:left;
}
div#geogsel {  
	width:30%;	
	margin: 0px 0px 0px 0px;  
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 	
	PADDING-TOP: 5px; 	
	border-right: 2px dashed #DAA520;
	border-left: 2px dashed #DAA520;	
	float:left;
}

div#geogindex {  
	width:46%;	
	margin: 0px 0px 0px 0px;  
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 	
	PADDING-TOP: 5px; 	
	/*position:relative;*/
	border-right: 2px dashed #DAA520;
	/* border-left: 2px dashed #DAA520; */	
	float:left;
}

div#listindex {  
	width:45%;	
	margin: 0px 10px 0px 0px;  
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 	
	PADDING-TOP: 5px;
	/*position:relative;*/
	/* border-right: 2px dashed #DAA520;
	border-left: 2px dashed #DAA520; */	
	float:right;
}

# top 
{
	display:block; 
	top: 0; 
	left:0; /*width:200px;*/
	width:100%; 
	position:fixed;
}


/* end CSS for the Launch page */