/* National Intelligence Operations Training - Sit Report Program Online Training Program - Template CSS page */



body {
	width: 900px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px auto 10px auto;
	border: 0px solid #000000;
	background: #666666;
}
body .container {
	width: 900px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px auto 10px auto;
	border: 1px solid #000000;
	background: #ffffff;
}

a:link, a:visited {	text-decoration: none; color: #0000ff; background-color: transparent; }
a:hover, a:active { text-decoration: underline; color: #C00000; background-color: transparent; }

#wrapper_banner1 {
	float: left;
	background-color: #BCBABA;
	overflow: hidden;
	margin: 0 0;
	border: 1px solid #000000;
	width: 100%;
	}

.banner1 {	float: left; xbackground-color: #000000; padding: 0px; border-bottom: 1px solid #332244;}
.banner2 {	float: left; xbackground-color: #000000; padding: 0px;	border: 0px solid #332244; }
.navbar {
	padding: 0px;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	margin-top: 0px;
	background-color:#003366;
	}

#wrapper_banner2 {	
	width: 900px;
	float: left;
	background-color: #ffffff;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	}


/* ----Menubar Information Starts Here-----  */
#menubar {
	float: left;
	margin-top: 0px;
	width: 205px;
	border: 0px solid #000000;
	margin-left: 0px;
	padding-left: 5px;
	font-weight: bold;
	background: #BCBABA;
	padding-bottom: 40px;
}
/* COLLAPSE AND EXPANDABLE MENUBAR */
.arrowlistmenu{ width: 200px; /*width of accordion menu*/ }
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/ color: #c00000; background: url(../../../../../images/v_ps_intell_trng_menubar_titlebar.gif) repeat-x center left;margin-bottom: 10px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 5px; /*header text is indented 10px*/ cursor: hand; cursor: pointer; }
.arrowlistmenu .menuheader h3 { /*CSS class for menu headers in general (expanding or not!)*/ color: #c00000; }
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../../../../../images/v_ps_intell_trng_menubar_titlebar-active.gif);
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
padding-left: 20px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}
.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}
.arrowlistmenu ul li a{
color: #c00000;
background: url(../../../../../images/v_ps_intell_trng_menubar_arrowbullet.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #c00000;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}
.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}
/* END ARROWLIST */

#editable_region {
	float: left;
	width: 600px;
	border: 1px dashed #000000;
	margin-top: 20px;
	margin-left: 20px;
	background-color: transparent;
	padding: 5px;
	text-align: left;
	margin-bottom: 20px;
	}

.editable_region1_right {
	float: right;
	width: 200px;
	border: 1px solid #000000;
	text-align: center;
}

.picture {
	margin-top: 10px;
	text-align: left;
	padding: 0px;
	border: 0px solid #000000;
	float: right;
}

.datatable_1 {  width: 170px; border: 1px solid #000000; border-collapse: collapse;  
}
.datatable_1 caption { color: #334455; text-align: center; padding: 0.4em 0 0.8em 0; }
.datatable_1 col.odd { background-color: #ffffff; color: #000000; }
.datatable_1 col.even { background-color: #bfe4ff; color: #000000; font-weight: bold; }
.datatable_1 th { border: 0px solid #000000; text-align: center; color: #FFFFC0; background-color: #00487D;}
.datatable_1 td { border: 0px solid #000000;  color: #000000; text-align: left; padding-left: 5px; }
.datatable_1 tr:hover, .datatable_1 tr.hilite { background-color: #EEB97A; color: #000000; }

/* <----- Footer Information Starts Here --- */
#footer {
	float: left;
	clear: both;
	border-top: 1px solid #000000;
	text-align: center;
	background: #000000;
	width: 100%;
}
#footer h1 { font-size:10px; color:#CCCCFF; }

/* START FONT STYLES */
.style1 { font-size: 100%;	font-weight: bold;	color: #000000; }
.style2 {color: #ffffff}
.style3 {color: #ffffff; font-weight: bold; }
.style4 {color: #0000ff}
.style5 {color: #0000ff; font-weight: bold; }
.style6 {color: #000000}
.style7 {color: #000000; font-weight: bold; }
.style8 {color: #006666}
.style9 {color: #006666; font-weight: bold; }
.style10 {color: #993333}
.style11 {color: #993333; font-weight: bold; }
.style12 {color: #666666}
.style13 {color: #666666; font-size: 10pt; }
.style14 {color: #fc8108}
.style15 {color: #fc8108; font-weight: bold; }
.style16 {color: #ffffff; font-size: 10pt; }
.style17 {color: #ffffff; font-weight: bold; font-size: 24px }
.style18 {color: #993333; font-size: 10pt }
.style19 {color: #0000ff; font-size: 11pt}
.style20 {color: #990033; font-size: 18pt}
.style21 {color: #ffffff; font-weight: bold; }
.style23 {color: #0000ff; font-size: 9pt;}
.style24 {color: #0000ff; font-size: 16pt }

.about {color: #FFCC00;	background-color: #99FF66;}
.info {color: #FF9933;	background-color: #9999CC;}

/* <----- Footer Information Ends Here --- */

#menubar ul {	list-style-type: none;	margin: 0 0 0 0;	padding: 0px; 	margin-left: 0px; text-align: left; }
#menubar ul li { margin: 0 0 0 0  } 
#menubar ul li a {	display: block;	color: #000000; border-bottom: 0px solid #000000;	margin-left: 0px;	
	padding-left: 10px;	text-decoration: none;	xfont-size: 100%;	width: 174px;	background-color: transparent; }
#menubar ul li a:hover  { background-color: #caced0; border: 0px solid #000000;	color: #C00000}
#menubar h2 {	display: block;  width: 189px; border-bottom: 0px solid #234A76; padding-left: 5px;	
	margin: 0; font-size: 12px; xfont-size: 100%;	color: #ffffff;  text-align: left; background:  url(../predictive_services/intelligence/national_intelligence_operations_program/intell_coord_resource_page/committees/sit_209_committee/sit_report_and_209_faqs/images/nav_blue_fade.gif) repeat-x left top;}
#menubar h3 {	display: block;  width: 189px;background-color: transparent; border: 0px solid #000000; padding-left: 5px;	
	margin: 0; font-size: 12px; xfont-size: 100%;	color: #ffffff;  text-align: left; 	}
#menubar h4 {	display: block;  width: 189px; background-color: transparent; border: 0px solid #000000; padding-left: 5px;	
	margin: 0; font-size: 12px; xfont-size: 100%;	color: #FF6900;  text-align: left; }
#menubar h5 {	display: block;  width: 189px; background-color: transparent; border: 0px solid #000000; 
		padding-left: 0px;	margin: 0; font-size: 12px; xfont-size: 100%;	color: #000000;  text-align: left; }