@media screen
{
/**************************HTML ELEMENTS STYLES******************************/
/****************************************************************************/

body 
{
	padding:0px 0px 0px 0px;
	margin:0px;
	background: white url(../../images/stripebg.gif) repeat;
	/*font-family:Arial, Helvetica 55 Roman, Sans-Serif;*/
	font-size:medium;
	color: #353535;
	font: 12px/16px  Verdana, Arial, Helvetica, sans-serif;
	text-align:center; /*needed for IE 5 to center container on page*/
}
ul
{
	list-style-image: url(../../images/orange-bullet.gif);
}
li
{
	padding:5px 0px 0px 0px;
	vertical-align:middle;
}

ul.casestudy
{
	list-style: none none;
}
ul.expand
{
	display:block;
}
ul.collapse
{
	display:none;
}

/* Use this class for list items that are also links */
ul.news
{
	list-style-image: url(../../images/orangearrow.gif);
	margin:5px 5px 15px 15px;
	padding:0px 0px 0px 10px;
}

ul.logos
{
    margin-top:0;
    margin-bottom:0; 
    position:relative;  
    left:-5px; 
    list-style-position:outside;
    line-height:20px; 
    font:12px; /*added for IE5*/
 }
 
 .seo_logos
 {
    margin-top:0;
    margin-bottom:0; 
    position:relative;  
    left:-5px; 
    list-style-position:outside;
    line-height:20px; 
    font:12px; /*added for IE5*/
    font-size:12px;
    background:white;
	color: #353535;
 	font: 12px/16px  Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0px 0px 0px;
	vertical-align:middle;
}
 
 td.logos
 {

	padding-top:20px; padding-right:20px; width:255px;
 }
/********** Table used to display electronics and software tools ************/
/*NOT CURRENTLY BEING USED*/
/*table.tools
{
    table-layout:fixed;
}

caption.tools
{
    font: 16px  Arial, Helvetica, sans-serif;
    font-weight:bold;
    color: #999;
    text-align: center;
}

th.tools
{
    font: 16px  Arial, Helvetica, sans-serif;
    font-weight:bold;
    color: #000;
    background: #D6D6D6;
    text-align: center;   

}*/

table.news-table
{
	 width: 98%; 
	 font-size:12px; 
	 border:0px solid black;
}
/**********<hr> - HORIZONTAL RULE *****************/
hr
{
	color:#D6D6D6;
	background:#D6D6D6;
	height:5px;
	border:none;
}
hr.dark
{
	color:#999;
	background:#999;
	height:5px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:none;
	
}
hr.thin
{
	color:#999;
	background:#999;
	height:1px;
}
p
{
	margin:10px 10px 20px 10px;
	padding: 0px 0px 0px 0px;
}

/** This style is used for the right hand column **/
p.right
{
	margin:10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
}


p.question
{
	margin:30px 10px 5px 10px;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
	font-size:larger;
}

p.answer
{
	margin:0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	
}

p.author
{
	margin:0px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	text-align:right;
}


/**This class is used when a photo is placed in a <p> in the right column with text to the side.   **/
img.photo-text-right
{
	margin: 0px 10px 0px 0px;
	border: solid 1px #D6D6D6;	
	float: left;
}
/**This class is used when a photo is placed in the right column. The sub-content div has padding-top  **/
img.photo
{
	margin: 10px 10px 10px 10px;
	border: solid 1px #D6D6D6;
}

/**This class is used when a photo is placed within text <p>  **/
img.photo-p
{
	margin: 2px 10px 4px 0px;
	border: solid 1px #D6D6D6;	
	float: left;
}

/**************************END HTML ELEMENTS STYLES***************************/

/************************ID SELECTOR STYLES***********************************/
/*****************************************************************************/
/*this div is found in MasterPage.master*/
#mobile-header {display:none;} /*hides the mobile header*/
#borderContainer
{
	width:1008px; 
	margin:0 auto; 
	margin-top:20px;
	background:#fff;
	text-align:left; /*needed offset the centering (for IE5) defined in body*/
}
#pageContainer
{
	width: 1000px;
	background:#fff;
}
#borderRFPContainer
{
	width:808px; 
	margin:0 auto; 
	margin-top:20px;
	background:#fff;
	text-align:left; /*needed offset the centering (for IE5) defined in body*/
}
#pageRFPContainer
{
	width: 800px;
	background:#fff;
}
#formContainer
{
	width: 750px;
	background:#fff;
	margin: 0 auto;
}
/*this div is found in MasterPage.master*/
#header
{
	padding: 0;
	margin:0;
}
/*this div is found in MasterPage.master*/
#leftMenu
{
	float: left;
	width: 24.8%;
	background: #fff;
}
/*this div is found in MasterPage.master*/
#contentPanel
{
	float: right;
	width: 75%;
	padding:0px;
	margin:0px;
}
/*this div is found in MasterPage.master*/
#footer
{
	clear: both;
	background: #fff;
	height:30px;
	/*text-align: left;*/
	text-align:center; /*added to center in IE5*/
	vertical-align:bottom;
	margin-bottom:10px;
}
#footerMenuContainer
{
	margin:0 auto;/*centers the div on the page*/
	text-align:center;
	width: 60%;
	
}
#footerMenu ul
{
	display:inline;
	text-align:center;
	margin:0 0 0 0;
	vertical-align:middle;
}
#footerMenu ul li
{
	display:inline;
	border-left: 1px solid #015C9F;
	padding-left:3px;
	list-style:none;
	text-align:center;
	vertical-align:middle;
}
#footerMenu ul li.first
{
	display:inline;
	border-left:none;
	list-style:none;
	text-align:center;
	vertical-align:middle;
}
#footer-left-content
{
	float:left;
	width: 25%;
}
#footer-right-content
{
	float:right;
	width: 25%;
	text-align:right;
}
#footer-center-content-bottom
{
	margin:0 auto;/*centers the div on the page*/
	text-align:center;
	width: 100%;
}
/*this DIV is fills the entire content panel*/
#full-content
{
	padding:0 0 0 0;
	float: left;
	width: 99.1% !important;
	width: 99%;
	background: #fff;
	margin:6px 0px 6px 2px !important;
	margin:6px 0px 3px 2px;
}
/*this DIV is on the left in the content panel*/
#left-content
{
	padding:0px 0px 0px 0px;
	float: left;
	width: 67%;
	background: #fff;
	margin:6px 0px 6px 2px !important;
	margin:6px 0px 3px 2px;
}
/*this DIV is on the right in the content panel*/
#right-content
{
	float: right;
	width: 32%;
	background: #fff;
	padding: 9px 2px 0px 0px;
	margin:0px 0px 0px 0px;
}
/*this DIV is found in center content in Index.aspx*/
#home-content1
{
	float: left;
	width: 66%;
	background: #fff;
	margin:6px 0px 6px 2px !important;
	margin:6px 0px 3px 2px;
}
/*this DIV is found in right content in Index.aspx*/
#home-content2
{
	float: right;
	width: 33%;
	background: #fff;
	padding: 9px 2px 0px 0px;
	margin:0px 0px 0px 0px;
}
#tblNews table
{
	font-size:12px; border:solid 0px black;
}
/************************END ID SELECTOR STYLES**********************************/


/************************CLASS SELECTOR STYLES********************************/
/*****************************************************************************/
.headerMenu
{
	width:100%;
	vertical-align:bottom;
	background: #fff url(../../images/bca_fullbanner_5-7-08.jpg) no-repeat center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.headerMenu-test
{
	width:100%;
	vertical-align:bottom;
	background: white url(../../images/bca_fullbanner_2.gif) no-repeat center;
}

/*.headerLogo
{
	width:250px;
	height:163px;
	background: #fff url(../../images/bca_banner_logo_slice-250x163.gif) no-repeat center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.headerTopRight
{
	width:750px;
	height:163px;
	background: #fff url(../../images/bca_banner_slice_top_right-750x163.jpg) no-repeat center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.headerBottom
{
	width:1000px;
	height:95px;
	background: #fff url(../../images/bca_banner_slice_bottom-1000x95.jpg) no-repeat center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}*/

.headerTopSection
{
	height: 110px;	
}
.headerMenuSection1
{
	width:25%;
	text-align:right;
	padding-bottom:15px !important;
	padding-bottom:8px;
	padding-right:7px;
	padding-top:0px;
	padding-left:0px;
	vertical-align:bottom;
	height: 145px !important;
	height: 125px;
}
.headerMenuSection2
{
	width:25%;
	text-align:right;
	padding-bottom:15px !important;
	padding-bottom:8px;
	padding-right:10px;
	padding-top:0px;
	padding-left:0px;
	vertical-align:bottom;
	height: 145px !important;
	height: 125px;
}
.headerMenuSection3
{
	width:25%;
	text-align:right;
	padding-bottom:15px !important;
	padding-bottom:8px;	
	padding-right:14px;
	padding-top:0px;
	padding-left:0px;
	vertical-align:bottom;
	height: 145px !important;
	height: 125px;
}
.headerMenuSection4
{
	width:25%;
	text-align:right;
	padding-bottom:15px !important;
	padding-bottom:8px;
	padding-right:18px;
	padding-top:0px;
	padding-left:0px;
	vertical-align:bottom;
	height: 145px !important;
	height: 125px;
}
.sub-content
{
	margin: 0 auto;
	background: #fff;
	border: solid 1px #D6D6D6;
	width:233px;
	/*padding-top:10px;*/
	margin-bottom:10px;

}

/***************************************************/
/******expand collapse menu*************************/
.menu, 
.menu ul { 
margin:0; 
padding:0; 
list-style:none; 
} 
.menu {width:200px;} 
.menu li { 
margin:0; 
padding:0; 
margin-bottom:1px; 
} 
.menu a { 
display:block; 
padding:2px 5px; 
color:#000; 
background:#b0c23d; 
text-decoration:none; 
} 
.menu a:hover {background:#d9dcb0;} 
.menu ul li {padding-left:15px;} 
.menu ul a {background:#ced174;} 
.hidden {display:none;} 


/*********************END CLASS SELECTOR STYLES*******************************/

 /******************************************************************************
  ***********  GRADIENT BORDER STYLES*******************************************
  ******************************************************************************/
.top-border {background: url(../../images/shadow-top-2.gif) 0 0 repeat-x; /*width: 70%*/}
.bottom-border {background: url(../../images/shadow-bottom-2.gif) 0 100% repeat-x;}
.left-border {background: url(../../images/shadow-left-2.gif) 0 0 repeat-y}
.right-border {background: url(../../images/shadow-right-2.gif) 100% 0 repeat-y}
.bottom-left-corner {background: url(../../images/shadow-bottom-left-corner.gif) 0 100% no-repeat}
.botton-right-corner {background: url(../../images/shadow-bottom-right-corner.gif) 100% 100% no-repeat}
.top-left-corner {background: url(../../images/shadow-left-corner.gif) 0 0 no-repeat}
.top-right-corner {background: url(../../images/shadow-right-corner.gif) 100% 0 no-repeat; padding:4px;} 

/*********************END GRADIENT BORDER STYLES*******************************/

}/*end of screen style sheet*/


/******************************************************************************
*******************************************************************************
**************           HANDHELD/MOBILE STYLE SHEET     **********************
*******************************************************************************
*******************************************************************************/
@media handheld
{
	body 
	{
		color: #353535;
		font-family:  Verdana, Arial, Helvetica, sans-serif;
	}
	img{display:none;} /*strip out all images*/
	img.show{display:block;}
	
	#mobile-header
	{
		display:block; /*show the mobile header*/
	}
	#header {display:none;}

	a
	{
		color: #015C9F;
		text-decoration: none;
	}
	a:hover
	{
		color: #015C9F;
		text-decoration: underline;
	}
	a:active
	{
		color: #015C9F;
		text-decoration: none;
	}
	a.title
	{
		font-family:  Arial, Helvetica, sans-serif;
		font-weight:bold;
	}


	a.black
	{
		color: #000;
	}
	.footerText
	{
		font-size:xx-small;
	}

	.smallText
	{
		font-size:smaller;
	}
	.label-small
	{
		font-weight:bold; 
		/*font-size:small;*/
		font-size:12px;
	}
	.label-med
	{
		font: medium Georgia, serif;
		font-style:italic;
		/** font-weight:bold; 
		font-size:medium;**/
	}
	h1
	{
		color:white;
		background:Black ; 
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
	}

	h1.news
	{
		color:#015C9F;
		background:#D6D6D6;
		font-family: Georgia,serif;
		font-style:italic;
	}

	/*****This is used for the home page header*****/

	h1.home
	{
		background:white;
		color:#00BCE4;
	}
	h2
	{
		font-family: Arial, Helvetica, sans-serif;
		color: Black;
		font-weight:bold;
	}
	h3
	{
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#015C9F;
	}
	h3.news
	{
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#015C9F;
	}
	H4
	{
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
		color: #999;
	}   
	H4.right
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#00bce4;
		font-style:italic;
		background:#EFEFEF;
	}
	ul.expand
	{
		display:block;
	}
	ul.collapse
	{
		display:none;
	}
	
	.tagline
	{
		font-family: Arial, Helvetica, sans-serif;
		font-style:italic;
		font-weight:bold;
		color: #317EAD;
		text-align: right; 
	}
	.tree-menu
	{
		font-family: Arial;
	}
	.tree-menu-level-1
	{
		color:#000;
		text-transform:uppercase;
	}
	.tree-menu-level-1 a
	{
		color:#000;
	}
	.tree-menu-level-1 a:visited
	{
		color: #000;
	}
	.tree-menu-level-1 a:active
	{
		color: #000;
	}
	.tree-menu-level-1 a:hover
	{
		color:#fff;
		background:#317EAD;
		text-decoration:none;
	}
	.tree-menu-level-2
	{
		color: #015C9F;
		background:#fff;
		text-indent:3px;
	}
	.tree-menu-level-2 a:visited
	{
		color: #015C9F;
		background:#fff;
	}
	.tree-menu-selected
	{
		color: #fff;
		background:#317EAD;
		width:160px;
	}
	.tree-menu-selected a:visited
	{
		color: #fff;
		background:#317EAD;
	}
	.tree-menu-selected a:hover
	{
		color: #fff;
		background:#317EAD;
	}
	.tree-menu-selected a:active
	{
		color: #fff;
		background:#317EAD;
	}

	.bluetext
	{
		color: #015C9F;
	}
	.error-text
	{
		color: rgb(255,0,0);
		font-weight:bold;
		font-size:medium;
	}
	.image-caption-text
	{
		color: #353535;
		font-family: Verdana, Arial, Helvetica, sans-serif;

	}
	hr
	{
		color:#D6D6D6;
		background:#D6D6D6;
	}
	hr.dark
	{
		color:#999;
		background:#999;
	}
	hr.thin
	{
		color:#999;
		background:#999;
	}
	p.question
	{
		font-weight:bold;
	}

	p.author
	{
		text-align:right;
	}
	
}/**end of handheld style sheet**/