/* hcil styles for screen * /
 
  
/*******************************
 * General Formatting
 *******************************/

/* 	
	font-size declaration is to reset the default font size to 10px instead of 16px, allowing font sizes to 	be specified in ems throughout the stylesheet (1.0em = 10px, 1.3em = 13px, etc.). Please specify font sizes in ems 
	instead of pixels, because IE/Win does not allow text to be resized
	by the user if it is specified in pixels.	
	
	the main wrapper changes the text to larger text...1.3 ems or about 13px.
*/

body
{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 63.125%;
	/* translate 1.0em to 10px, 1.5em to 15px, etc. */
	color: #222;
	/* background: #FFFFFF url(../_img/com/logoWatermark.gif) no-repeat right bottom;	*/
}

/*****************************************************
 * logo area, top search links, and big image area
 ****************************************************/

/* background behind logo */
#hcil-logo
{
	height: 86px;
	background-image: url(../_img/com/bck-intTop.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#hcil-logoImg
{
	position: absolute;
	top: 0;
	left: 0px;
	width: 190px;
	height: 86px;
	background: url(../_img/com/logo-hcil-int.jpg) no-repeat 0px 0px;
	z-index: 0;
	visibility: visible;
}

#hcil-logoImg a
{
	position: absolute;
	display: block;
	border: none;
	/* hide text link */
	text-indent: -1000em;
	left: 0px;
	top: 0px;
}

#logoLink
{
	width: 190px;
	height: 86px;
}

#hcil-logoImg img { display: none; }

/* wrapper to fix ie display problem */

#logo-image {
margin:0px;
padding:0px;
}

/* big top image area */
#top-image
{
	position: absolute;
	top: 0;
	left: 190px;
	height: 86px;
	background: url(../_top-image/img/img-top-archive-3.jpg) no-repeat 0px 0px;
	z-index: 5;
	visibility: visible;
	width: 850px;
}

/* search bar areas  */


#search-area {
z-index: 98;
visibility: visible;
	/* height:2em; */
/* float: right; */
margin: 0;
width: 20em;
font-family: Arial, Verdana, sans-serif;
font-size: 0.9em;
background-color: #9FCF10;
padding:10px 0px 5px 5px;
border-left:2px solid #3a3b35;
border-bottom:2px solid #3a3b35;
/* position: relative; */
	position: absolute;
	top: 1px;
	right: 1px;
	visibility: visible;
}

#search-area form {
padding:0px;
margin:0px;
border-collapse:collapse;
}

#search-area .input, #fly-search .input {
font-family: Arial, Verdana, sans-serif;
font-size:11px;
height:11px;
width:100px;
border:1px solid #000;
}
 
#search-area table {
margin:0px;
padding:0px;
border-collapse:collapse;
width:90%;
}
 
#search-area td {
margin:0px;
padding:0px;
height:10px;
}

#search-area a {
font-size: 1em;
color: #4E84AA;
}

.button1 {	padding-left: 4px;
}

.button2
{ }

#fly-search {
position:absolute;
font-size: 1em;
float:right;
top:30px;
z-index: 99;
height:auto;
float: right;
margin: 0;
width: 159px;
font-family: Arial, Verdana, sans-serif;
background-color: #EFEFE6;
padding-bottom: 10;
border-bottom: 2px solid #6C6C6C;
border-left: 2px solid #6C6C6C;
text-align: left;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #6C6C6C;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #6C6C6C;
visibility: hidden;
padding:10px 0px 10px 10px;
}

#fly-search .close{
padding-top: 2px;
line-height: 1.5em;
text-align: center;
}



/****************************************
 navigation bar
 ****************************************/

/*
umd linked text to the left of the nav bar buttons
*/

#navbar-umd
{
	position: absolute;
	top: 87px;
	left: 0px;
	width: 190px;
	z-index: 1;
	visibility: visible;
}

#nav-buttons
{
	float: left;
	width: 100%;
	background: #545148 url(../_img/com/bck-navBar.gif) repeat-y left bottom;
}

#navigation
{
	margin: 0 auto 0 190px;
	/* width: 575px; */
}

#navigation ul
{
	float: left;
	margin: 0;
	padding: 0;
	/*border-left:1px solid #a6a69d;*/
	width: 700px;
	font-size: 1em;
}

#navigation li
{
	margin: 0;
	padding: 0;
	float: left;
	background: none;
}

#navigation a
{
	float: left;
	padding: 7px 9px 10px;
	border-left: 1px solid #938F8A;
	font-size: 1.2em;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	border-top: none;
	border-right: none;
	border-bottom: none;
/*	letter-spacing: .05em;*/
	font-family: Arial, Helvetica, sans-serif;
}

#navigation .active_li a {
	color: #C3F046;
}



#navigation .final { border-right: 1px solid #938F8A !important; }

#navigation a:hover
{
	background: url(../_img/com/bck-nav-over.gif) no-repeat center bottom;
	color: #C3F046;
}

/****************************************
 * body / content Sections
 ****************************************/

#wrap
{
	float: left;
	width: 100%;
	/*background-color: #fff !important; for IE... */
}

#main
{
	float: right;
	padding: 30px 0 20px;
	width: 100%;
	font-size: 1.3em;
}

/* one-column pages */
/* background stuff goes here, define the width of the text */
.one-col #wrap { }

.one-col #main
{
	width: 80%;
	float: left;
	margin-left: 75px;
}

/* two-column pages */
.two-col #wrap
{
	/* background stuff goes here.   see IE6/Win hack at bottom */
	background: #f0eee4 url(../_img/com/bck-twocol.gif) repeat-y top left;
}

.two-col #content
{
	margin: 0 auto;
	width: 780px;
}

.two-col #main
{
	float: right;
	width: 540px;
	vertical-align: top;
}

#side-nav, #side-lower
{
	float: left;
	clear: left;
	width: 190px;
}

/****************************************
 * Side nav
 ****************************************/

#side-nav
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	/* letter-spacing: .02em; */
	margin-bottom: 30px;
	margin-top: 50px;
}

#side-nav h2
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	display: block;
	padding: 5px 10px 0px 15px;
	border: none;
	color: #96C213;
}

#side-nav .first { border-top: 1px solid #C1C0B7; }

#side-nav a
{
	display: block;
	padding: 4px 6px 4px 15px;
	color: #353535;
	border-bottom: 1px solid #C1C0B7;
	background-color: #EFEFE6;
	border-top: none;
	border-right: none;
	text-decoration: none;
	font-size: 1.1em;
	background-image: url(../_img/com/bck-side-nav.gif);
	background-repeat: repeat-y;
}

#side-nav dl
{
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

/* dt's - regular level menu item */
#side-nav dt { text-transform: uppercase; }

#side-nav dt a:link
{
	background-color: #EFEFE6;
	color: #353535;
	display: block;
}

#side-nav dt a:visited
{
	background-color: #EFEFE6;
	text-decoration: none;
	display: block;
	color: #353535;
}

#side-nav dt a:hover
{
	text-decoration: none;
	display: block;
	color: #353535;
	background-image: url(../_img/com/bck-side-nav-over.gif);
	background-repeat: repeat-y;
}

/* dd's - sub sub menus */
#side-nav dd
{
	margin: 0;
	padding: 0;
	margin-left: 0;
	background-color: #E8E8E8;
	display: block;
	text-indent: 1.5em;
}

#side-nav dd a:link
{
	display: block;
	color: #444444;
}

#side-nav dd a:visited
{
	background-color: #E8E8E8;
	display: block;
	color: #353535;
}

#side-nav dd a:hover
{
	color: #353535;
	background-image: url(../_img/com/bck-side-nav-over.gif);
	background-repeat: repeat-y;
	display: block;
}

/****************************************
 * Typography
 ****************************************/

#main	h1
{
	margin: 10 0 25px 0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.7em;
	font-weight: normal;
	color: #3a3b35;
	letter-spacing: .12em;
}

/* first item on the page gets no top margin */
.first { margin-top: 0; }

/* 	Headlines */
h2
{
	margin: 0 0 15px 0;
	color: #577018;
	font-size: 1.2em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

h3
{
	clear: both;
	margin: 0 0 15px 0;
	font-size: 1em;
	line-height: 1.4em;
	font-weight: bold;
	color: #222222;
}

h4
{
	margin: 15px 0 3px 0;
	font-size: 1em;
	font-weight: bold;
}

/* 	Text  */
p
{
	margin: 0 0 15px 0;
	line-height: 1.4em;
}

blockquote 
{ 
	margin: 0 30px; 
	line-height: 1.4em;
}

/* 	Lists */
ul, ol
{
	margin: 3px 0 18px;
	padding: 0;
	font-size: 1em;
	line-height: 1.1em;
}

ul ul, ul ol, ol ol, ol ul { font-size: 1em; }

ul li
{
	margin: 5px 0;
	padding: 0 0 0 35px;
	list-style: none;
	background: url(../_img/com/arrow-dkBlue.gif) no-repeat 15px top;
}

ol li { margin: 5px 0 5px 35px; }

/* 	Links */
a
{
	color: #476F88;
	text-decoration: underline;
}

a:visited { color: #717171; }
a:hover { color: #96BF1A; }
a:active { color: #476F88; }

.attention {
	color: #C31C5F;
	font-weight: bold;
}

.nowrap {
	white-space: nowrap;
}

/* 
	left column 
	-------------------------
		
	The .side-lower-sec class provides sections of secondary content
	with padding from the edges of the sidebar. Secondary content should be
	organized and grouped into .side-lower-sec divs.
	
	If the two-column page is used without a section navigation, the first
	.side-lower-sec div should have its ID attribute set to 
	side-lower-sec-first; i.e.
	<div class="side-lower-sec" id="secondary-section-first">. This 
	creates a margin between the top edge of the sidebar and the first section.
	
*/

#side-lower { color: #666; }

.side-lower-sec
{
	padding: 0 15px 0 25px;
	margin: 0px 0 0px 0px;
	width: 190px;
	float: left;
}

#side-lower-sec-first { margin-top: 25px; }

#side-lower h2
{
	margin: 0 0 10px 0;
	font-size: 1.1em;
	font-weight: bold;
}

#side-lower p
{
	margin: 0 0 10px 0;
	font-size: 1.1em;
	line-height: 1.5em;
}

#side-lower ul
{
	margin: 0 0 10px 0;
	font-size: 1.1em;
}

#side-lower ul li
{
	padding-left: 12px;
	background-position: 0 0.65em;
}

/* features : go inside the (left column) side-lower wrapper */
#feat
{
	margin: 0px 0 20px 0px;
	width: 190px;
	float: left;
	
}

#feat a { color: #043B60; }
#feat a:visited { color: #34434D; }
#feat a:hover { color: #ffffff; }
#feat a:active { color: #043B60; }

#feat p
{
	margin: 0 0 20px;
	padding: 0 15px 0 25px;
	font-size: 1.1em;
	line-height: 1.5em;
}

#feat h2
{
	margin: 0 0 10px 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #F4E8B2;
}

#feat2
{
    display: block;
	margin-left: auto;
	margin-right: auto;
	width: 135px;
	margin-top: -10px;
	background-color: #FFFFFF;
	border: 1px solid #C1C0B7;
	z-index: 100;
	position: relative;
}

#feat2 a:visited { color: #34434D; }
#feat2 a:hover { color: #c1d682; }
#feat2 a:active { color: #043B60; }

#feat2 p
{
	margin: 0 0 20px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 1.1em;
	line-height: 1.5em;
}

#feat2 h2
{
	margin: 0 0 10px 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #F4E8B2;
}



#feat .featResearch
{
	background-color: #E9E6DF;
	color: #222222;
	background-image: url(../_img/feat/feat-bck-gradient.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 45px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D3D3CA;
}

.featResearch img
{
	margin: 0 0 15px;
	height: 120px;
	width: 190px;
	
	}
	
#feat .bug-tr
{
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#feat .bug-video
{
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 20px;
}

#feat .bug-symposium
{
 padding-top: 0px;
 padding-bottom: 3px;
 padding-left: 20px;
}

#feat .bug-alt
{
	margin: 0px;
	padding: 0px;
}

/* Images */
img { border: none; }
.imgR { float: right; }
.imgL { float: left; }

/* 
	Side photos 
	-------------------------
	side photos occupy the entire width of the side nav column 
	of a two-column page. side photos should not be placed within 
	.side-lower-sec divs.
*/

.photoSide
{
	margin: 0px 0 0px 0px;
	width: 190px;
	float: left;
	background-color: #3B5A6F;
}

#side-lower .photoSide
{
	margin: 0px 15px 0;
	color: #FFFFFF;
}

/****************************************
 * Tables
 ****************************************/

table, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
}

#main table
{
	margin: 15px 0;
	border-bottom: 1px solid #e7e7e7;
	font-size: .9em;
}

#main th
{
	padding: 8px 15px 8px 15px;
	line-height: 1.6em;
	text-align: center;
	border-top: 1px solid #3a3b35;
	color: #373830;
	background-color: #B9DB51;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3a3b35;
}

#main td
{
	padding: 8px 15px;
	border-top: 1px solid #e7e7e7;
	line-height: 1.0em;
	vertical-align: top;
	background: #fafaf7;
}

#main .row1, .row1 td, .row1 { background: #fff; }
#main .row2, .row2 td, .row2 { }

#main .grid {
  border: none;
  margin: 0px 0px 15px 0px;
  font-size: 100%;
}

#main .grid td {
  background: white;
  border: none;
  margin: 0px;
  padding: 0px 8px 0px 0px;
  line-height: 1.5em;
}

/* 
	pullquote 
	-------------------------
	at the top right
*/

.pullquote
{
	float: right;
	font-size: .9em;
	margin: 0 0 15px 15px;
	width: 150px;
	background-image: url(../_img/com/bck-pq2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #FFFFFF;
	padding: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6C6C6C;
	line-height: 1.3em;
}

.pullquote p
{
	margin: 0 0 10px 0;
	line-height: 1.6em;
}

.pullquote a
{
	color: #FFFFFF;
}

/************************
 * Footer
 ***********************/

#footer-wrap
{
	clear: both;
	width: 100%;
	display: block;
	margin: 0 auto;
	border-top: 1px solid #EFEFE6;
	border-bottom: 1px solid #EFEFE6;
	padding: 0px;
	font-size: 1em;
	color: #666666;
	background-image: url(../_img/com/bck-footer.gif);
	background-repeat: repeat-y;
	background-color: #F8FAF2;
}

#footer { width: 790px; }

/* footer globe */
#footerLogo
{	float: left;
	width: 120px;
	padding: 5px 0px 0px 55px;
}

/* footer links */
#footerText
{
	width: 460px; margin-left:240px;
	padding: 20px 15px 20px 25px;
	text-align: left;

}

#footer a { color: #666666; }
#footer a:visited { color: #999999; }
#footer a:hover { color: #B0C208; }
#footer a:active { color: #666666; }

/************************ 
 * Misc
 ************************/

/* 
	Hide "skip to content" link from general users. 
	Do not use display: none, as that will also hide it from some screen readers.
*/

#skipnav
{
	position: absolute;
	top: -1000em;
	left: -1000em;
}

/* 
	Hide rules for accesibility.
*/

hr { display: none; }

/* hides search bar and far left nav items */
#hideRTop {
	width:573px;
	z-index:80;
	top: 0px;
	height: 452px;
	visibility: hidden;
	position: absolute;
	text-align: right;
	overflow: hidden;
	left: 227px;
}

/****************************************
 * SOH pages
 ****************************************/

#soh-nav, .soh-nav
{
	background-color: #537692;
	color: #353535;
	display: block;
	margin-top:100px;
}

#soh-nav a, .soh-nav a
{
	display: block;
	padding: 4px 6px 4px 15px;
	color: #353535;
	border-bottom: 1px solid #C1C0B7;
	background-color: #537692;
	border-top: none;
	border-right: none;
	text-decoration: none;
	font-size: 1.1em;
	background-image: none;
	background-repeat: none;
}

#soh-nav dl, .soh-nav dl
{
	float: right;
	margin: 0;
	padding: 0;
	width: 100%;
}

#soh-nav dt, .soh-nav dt {
	text-transform: none; 
	font-weight: bold;
	margin-bottom: 1px;
}

#soh-nav dt a:link, .soh-nav dt a:link
{
	background-color: #537692;
	color: white;
	display: block;
}

#soh-nav dt a:visited, .soh-nav dt a:visited
{
	background-color: #537692;
	text-decoration: none;
	display: block;
	color: white;
}

#soh-nav dt a:hover, .soh-nav dt a:hover
{
	text-decoration: none;
	display: block;
	color: #c1d682;
	background-image: none;
	background-repeat: none;
}

#soh-nav dt.serviceday {
	text-transform: none; 
	font-weight: bold;
	margin-bottom: 1px;
}

#soh-nav dt.serviceday a:link
{
	background-color: #94cb00;
	color: white;
	display: block;
}

#soh-nav dt.serviceday a:visited
{
	background-color: #94cb00;
	text-decoration: none;
	display: block;
	color: white;
}

#soh-nav dt.serviceday a:hover
{
	text-decoration: none;
	display: block;
	color: #c1d682;
	background-image: none;
	background-repeat: none;
}

#soh h1 { 
	margin: 8px 0px 0px 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: #94cb00;
	letter-spacing: normal; 
}

.nosubtitle {
    padding-bottom: 10px;
}

#soh h2 {
    font-size: .85em;
	font-weight: bold;
	color: #537692;
	text-transform: none; 
	letter-spacing: normal;
}

#soh h3
{
	background-color: #537692;
	color: white;
	font-weight: bold;
	font-size: 100%;
	text-transform: uppercase;
	padding: 2px;
	width: 100%;
}

#soh hr {
	display: block;
	color: #537692;
	background-color: #537692;
}

#soh .readonly
{
	background-color: #537692;
	color: white;
	font-weight: bold;
	border: none;
}

#soh table
{
	margin: 0px;
	border-collapse: collapse;
	border-bottom: 1px solid #e0decf;
	border-left: 1px solid #e0decf;
	border-right: 1px solid #e0decf;
	font-size: .85em;
}

#soh td
{
	padding: 8px 15px;
	border-top: 1px solid #e0decf;
	line-height: 1.0em;
	vertical-align: top;
	background: #f7f8f3;
}

.row 
{
	clear: both;
	padding-top: 5px;
}

.row span.label 
{
	float: left;
	width: 9em;
	text-align: left;	
	font-weight: bold;
}

div.row span.value
{
	float: left;
	text-align: left;
}

/**************************
 * Project tag clouds
 **************************/
#tagcloud {
        width: 325px;
        /*background:#FFFFCC;
        color:#0066FF;
        border: 1px solid #FFE7B6; */
        color:#00CC33; 
        font-weight:bold;
        padding: 10px;
        text-align:center;
}
#tagcloud a:link, #tagcloud a:visited {
         text-decoration:none;
}
#tagcloud a:hover, #tagcloud a:active {
        text-decoration: underline;
        color: #000;
}
#tagcloud span {
        padding: 4px;
}
#tagcloud .tiny {
        font-size: xx-small;
}
#tagcloud .smallest {
        font-size: x-small;
}
#tagcloud .small {
        font-size: small;
}
#tagcloud .smaller {
        font-size:smaller;
}
#tagcloud .medium {
        font-size:medium;
}
#tagcloud .large {
        font-size:large;
}
#tagcloud .larger {
        font-size:larger;
}
#tagcloud .largest {
        font-size:x-large;
}
#tagcloud .big {
        font-size:xx-large;
}

/**************************
 * IE6/Windows Hacks
 **************************/

/*
	Shifting Background Bug:
	IE/Windows calculates "center" (for a background image position) differently
	than it does "50%" or "margin: 0 auto" (for foreground content) when the 
	page is an odd number of pixels wide.
*/

.two-col #content
{
	background: url(../_img/com/bck-twocol.gif) repeat-y left top;
	float: left;
}

/* unhack for other browsers */
.two-col> #wrap { background: url(../_img/com/bck-twocol.gif) repeat-y left top; }