/* CSS Document */

@import url("hp.css");
@import url("ip.css");
@import url("scenarios.css");
@import url("pe.css");
@import url("training_opp.css");
@import url("awareness.css");
@import url("textbook.css");
@import url("pe_program.css");
@import url("course.css");
@import url("companion.css");
@import url("nasfm.css");
/* @group Layout */

body { 
	text-align:left;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}

.mainBody {
	background:url(../ui/BG_pipeline.gif);
}

img {
	border:0;
}
table#wrapper {
	margin:0 auto;
	text-align:center;
	background-color:#f3f3f3;
	padding:0;
	position: relative;
	width:954px;
	border-left:solid #000 1px;
	border-right:solid #000 1px;
	border-top: 0;
	border-bottom: 0;
}
div#header, table#main, div#footer {
	text-align: left;
	margin:0;
	padding:0;
}
div#header {
	height:112px;
	width:954px;
	background:url(../ui/topbanner_ie6.png) no-repeat;
}
div#footer {
	height:50px;
	width:954px;
	background:url(../ui/botbanner_ie6.png) no-repeat;
	text-align: center;
}
table#main {
	background:#f3f3f3;
	background-repeat:repeat-y;
	background-position: top;
	width:100%;
	position:relative;
	height: 604px;
}
div.section_copy {
	float: left;
}
div.section_copy ul, div.section_copy ul li {
	list-style-type: none;
}
/* @end */

/* @group Typography  */
a:link, a:visited, a:active, a:hover {
	text-decoration: none;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: normal;
	text-align:left;
}

p.important {
	font-weight: bold;
}

h1, h2, h3, h4 {
	font-family:Arial, Helvetica, sans-serif;
}
h4 {
	font-size: 12px;
	font-weight:bold;
	color:#000;
}

h3 {
	font-size:12px;
	color:#000;
	font-weight:bold;
}

h2 {
	font-size:14px;
	color:#000;
	font-weight:bold;
}

h1 {
	font-size:18px;
	color:#000;
	font-weight:bold;
}

div.section_copy_larger {
	margin:0;
	padding:10px 0;
	width:400px;
	text-align:left;
}
trshow {

	color: blue;
	line-height: 1.5em;
	text-decoration: underline;
	font-weight: bold;
	font-size: 20px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;

	margin:0;
	padding:10px 0;
	width:400px;
	text-align:left;}	
	/* @end */

.padMe {
	padding-left: 20px;
}

/* @group Navigation */

li.logo {
	padding:0;
	margin:0;
	background:url(../ui/small_logo_HOME.jpg);
	background-repeat:no-repeat;
	background-position:6px 8px;
}
li.subnavitem a:link, li.subnavitem a:visited, li.subnavitem a:active {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
li.subnavitem a:hover{
	background-color:#b6121b;
}

ul#topnav {
	padding:0;
	list-style:none;
	float: left;
	margin:72px 0 0 0;
	text-align: center;
}
#topnav li {
	float:left;
	width:155px;
	height: 30px;
}
#topnav li ul {
	position:absolute;
	background:#fff;
	width:155px;
	left:-999em;
	margin:0;
	padding:0;
}
#topnav li:hover ul, #topnav li.sfhover ul {
	left:auto;
}
li.topnavitem {
	padding:0;
	margin:0;
	text-align:center;
	display:inline;
	z-index:300;
	height:30px;
}
ul.topsubnav {
	padding-bottom:30px;
	z-index:300;
}
li.topnavitem a:link, li.topnavitem a:visited, li.topnavitem a:active {
	display:block;
	z-index:300;
	font-family: Arial, Helvetica, sans-serif;
	height: 30px;
	line-height: 30px;
	color:#000;
	font-size: 12px;
	font-weight:bold;
	line-height:30px;
}
li.topnavitem a:hover {
	background:url(../ui/topnavhover.gif);
	background-position:center 0px;
	background-repeat:no-repeat;
	color:#fff !important;
}

li.subnavtop a:link, li.subnavtop a:visited, li.subnavtop a:active {
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	display:block;
	font-weight:normal;
	position:relative;
	z-index:299;
	letter-spacing:0;
	text-align:center;
	background:url(../ui/subnavtop.png);
	margin:0;
	padding:0;
	border-right:solid #000 1px;
	width:155px;
}
li.subnavtop a:hover {
	background:url(../ui/subnavtop_o.png);
	cursor:pointer;
	cursor:hand;
}
li.subnavbase a:link, li.subnavbase a:visited, li.subnavbase a:active {
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	display:block;
	font-weight:normal;
	position:relative;
	z-index:299;
	letter-spacing:0;
	text-align:center;
	background:url(../ui/subnavbase.gif) no-repeat;
	margin:0;
	padding:0 0 9px 0;
	width:155px;
}
li.subnavbase a:hover {
	background:url(../ui/subnavbase_o.gif) no-repeat;
	cursor:pointer;
	cursor:hand;
}
li.subnavitem, li.subnavtop, li.subnavbase {
	list-style-type:none;	
	margin:0;
	padding:0;
}
li.subnavitem a:link, li.subnavitem a:visited, li.subnavitem a:active {
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	display:block;
	font-weight:normal;
	position:relative;
	z-index:299;
	letter-spacing:0;
	text-align:center;
	background:url(../ui/subnavmid.png) no-repeat;
	margin:0;
	padding:0;
	width:155px;
	background-color:#fff;
	height: 30px;
	line-height: 30px;
}
li.subnavitem a:hover {
	background:url(../ui/subnavmid_o.png) no-repeat;
	cursor:pointer;
	cursor:hand;
}
div#footer ul{
	position:relative;
	display:inline;
	list-style-type:none;
	top: 20px;
}
div#footer ul li {
	list-style:none;
}
li.botnavitem {
	padding-right:20px;
	margin:0;
	text-align:center;
	display:inline;
}
li.botnavitem a:link, li.botnavitem a:visited, li.botnavitem a:active  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:s 11px;
	font-weight: bold;
	color: #000;
	height: 14px;
	line-height: 14px;
}
element  {
}








/* Event Map */

#eventMap {
    	text-align: center;
    	margin: 0 auto;
		}

.eventItem {
    	width: 550px;
		margin-bottom: 20px;
		}

.eventItem h3 {
    	width: 100%;
    	background: #222;
    	color: #fff;
    	font-weight: bold;
    	font-size: 12pt;
    	padding: 2px 0 2px 6px;
		}

.eventItem .eventContent {
		padding: 10px 7px 10px 15px;
		}

.eventItem .eventContent p {
		font-size: 10pt;
		margin: 0 0 15px;
		}

.eventSelected {
		background: #ffdfdf;
		border: 1px solid #ffa4a4;
		}
		
.eventTable {
		border-bottom: 1px solid #aaa;
		padding-bottom: 20px;
		margin-bottom: 120px;
		}
		
#eventMapDiv {
		width: 550px;
		margin: 0 20px 30px;
		}

.clear {
		clear: both;
		height: 1px;
		line-height: 1px;
		}
		
/* Event Map End */









/* tooltip */
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    }

a.info:hover{z-index:25; background-color:#ff0;}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;
    }

/* @end */