/* CSS Document */


/*******************/
/* Layout Divs     */
/*******************/

#banner{
	position:absolute;
	top:0px;
	height: 90px;
	width: 780px;
	background-image:url(../images/banner_image2.gif);
	background-repeat: no-repeat;
}

#left_side{
	position:absolute;
	left:0px;
	top:90px;
	width: 170px;
	height: 500px;
	
	background-image:url(../images/menu_tile.gif);
}

#right_side{
	position: absolute;
	
	left: 170px;
	top: 90px;
	
	width: 610px;
	height: 500px;
}

/******************/
/* Banner         */
/******************/
#banner a:link{
	color: black;
}

#banner a:visited{
	color: black;
}

#toolbar {
	clear: right;
	float:right;
	position: relative;
	top: 0px;
	left:0px;
	padding-right: 10px;
}

.selectform{
	font: 10px Arial, Helvetica, sans-serif;
	float:right;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	clear: right;
	position: relative;
	top: 55px;
}

input.selectform{
	margin-right: 20px;
}

select.selectform{
	width: 85px;
}

/******************/
/* Left side      */
/******************/

#left_menu{
	height: 300px;
	width: 100%;
}

#page_info{
	text-align: center;

	height: 60px;
	width: 100%;
}

#gov_links{
	text-align: center;

	height: 70px;
	width: 100%;
}

.thin_blue_gradient{
	width: 170px;
	height: 23px;
	background: url(../images/thin_blue_gradient.jpg);
	background-repeat: no-repeat;
}

.thick_blue_gradient{
	width: 170px;
	height: 26px;
	
	background: url(../images/thick_blue_gradient.gif);
	background-repeat: no-repeat;	
}

/******************/
/* Right Side     */
/******************/

/*
we want the content to have a 15px pad around it,
so we create a content container
*/

#content_container{
	position: absolute;
	left: 15px;
	top: 15px;

	width: 580px; /* 610 - (15*2) for padding */
	height: 470px; /* 500 - (15*2) for padding */
}


/*now, declare the layout for all of the rows */
/*The box body must also be adjusted if these values are altered*/
#row_top{
	top: 0px;
	left: 0px;
}

#row_bottom{
	top: 310px;
	left: 0px;	
}

#box_narrow_left{
	top: 170px;
	left: 0px;
}

#box_narrow_right{
	top: 170px;
	left: 298px;
}

.box_wide_container{
	position: absolute;
	height: 160px;
	width: 100%;
}

.box_narrow_container{
	position: absolute;
	height: 130px;
	width: 282px;
}


/*declare the layout for the box titlebars*/
.titlebar_container_wide{
	width: 580px;
	height: 22px;
}

.titlebar_container_narrow{
	width: 282px;
	height: 22px;
}

.titlebar_left{
	position: absolute;
	top: 0px;
	left: 0px;

	width: 5px;
	height: 22px;
	
	background: url(../images/title_bar_left.gif);
	background-repeat: no-repeat;
}

.titlebar_middle{
	position: absolute;
	top: 0px;
	left: 5px;
	
	height: 22px;
	
	background: url(../images/title_bar_middle.gif);
	background-repeat: repeat-x;
	
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	
	line-height: 22px;
	color: #8f8f8f;
}

.titlebar_middle a{
	margin-right: 5px;
	float: right;
	color: #555555;
}

.titlebar_right{
	position: absolute;
	top: 0px;
	
	width: 5px;
	height: 22px;
	
	background: url(../images/title_bar_right.gif);
	background-repeat: no-repeat;
}

.titlebar_wide_middle{
	width: 570px;
}

.titlebar_wide_right{
	left: 575px;
}

.titlebar_narrow_middle{
	width: 272px;
}

.titlebar_narrow_right{
	left: 277px;
}


/* Declare the size of the box bodies */

.boxbody{
	border: 1px solid #8f8f8f;
	border-top: none;
	overflow: auto;
}

.boxbody_narrow{
	height: 108px; /*130 for box, minus 22 for gray header bar*/
	width: 280px; /*shave off 2px for the border */
	overflow: auto;
}

.boxbody_wide{
	height: 138px; /*160 for box, minus 22 for gray header bar*/
	width: 578px; /*shave off 2px for the border */
	overflow: auto;
}


/************************************************/
/* Statements (vision, mission, objective, etc) */
/************************************************/
#statements{
	width: 550px;
	height: 83px;
	
	top: 32px; /*22px for header and 10 for padding */
	left: 15px;
	
	text-align: center;
}

.gray_bar_1px{
	clear:both;
	font-size: 0px;
	border-bottom-color: #B2B2B2;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.statement_content table{
	text-align: left;
}

/************************************/
/* Contact and recent briefings     */
/************************************/

.infobox {
	margin: 1px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	text-align: left;
}

.infobox dl{
	margin-bottom: 0px;
	margin-top: 5px;
}

.infobox dt{
	font-size: 110%;
	color: #000066;
	font-weight: bold;
}

.infobox dd{
	margin-left: 30px;
	margin-bottom: 3px;
}

/*******************************/
/* DTCI News                   */
/*******************************/