/*
IS Sector Global Stylesheet for ShareCenter-Based 3 Column html Pages.
Controls the appearance of all primary design elements for all 3 column NGIS sites in ShareCenter.  These elements must remain identical across all NGIS ShareCenter websites.  Individual sites also utilize site specific stylesheets (in addition to this stylesheet), but solely for site specific requirements.
Design by NGIS ShareCenter Information Management Staff
Date originally created May 2009 */


/****************************** MAIN CONTENT CONTAINER COMPONENTS ******************************/
img { border-style: none; }
body {
	margin:0;
}

/* "wrapper" div- Container holding the left, center & right columns/divs.  Controls width of actual page data, main background image, positioning of page columns & basic text attributes */
#wrapper {  }

/* "Content" div- Container holding the left, center & right columns/divs.  Controls width of actual page data, main background image, positioning of page columns & basic text attributes*/
#content {
	width:1142px;
	padding:0px;
	text-align: left;
	background-color:#fff;
	border-right:#909090 1px solid;
	border-left:#909090 1px solid;
}
#content a:link { text-decoration:none; }
#content a:hover { color:#b91111; text-decoration:underline; }

/****************************** HEADER COMPONENTS ******************************/
/* "header" class - Controls the main header/banner at the top of the page */ 
.header{  width:100%; padding:0; margin:0; background-color:#093158; border-right:#909090 1px solid; border-left:#909090 1px solid;}


/****************************** TOP MENU COMPONENTS ******************************/
/* "topmenu" class - Controls the dimensions, position and background color of the top IT navigation bar.*/
.topmenu { width:100%; height:37px; background-color:#000; margin:0; padding:0; border-right:#909090 1px solid; border-left:#909090 1px solid;}

/* "topmenu_new_TASC" class - Controls the dimensions, position and background color of the new TASC menu.*/
.topmenu_new_TASC {
	width:100%;
	height:24px;
	background-color:#000;
	margin:0;
	padding:0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #909090;
	border-bottom-color: #FFF;
	border-left-color: #909090;
}
/****************************** LEFT COLUMN DIV COMPONENTS ******************************/
/* "leftcolumn" class - Controls the width, height and location of the left menu div */
.leftcolumn { width:200px; height:auto; float:left; background-color:#d9d9d9}

/* "toggler" class - controls the appearance of the "expand all" and "collapse all" links above an expandable menu*/
.toggler { display: block; width:200px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:center; text-decoration:none; color:#b91111; padding:0; margin:0; background-color:#e8e8e8; } 
.toggler a { color:#b91111; text-decoration:none; }
.toggler a:link { color:#b91111;text-decoration:none; font-size:10px;  }
.toggler a.text { color:#b91111;text-decoration:none; font-size:10px; }
.toggler a:visited {color:#b91111;text-decoration:none; font-size:10px; }
.togger a:hover { color:#ff0000; text-decoration:underline; font-size:10px; }

/* "sidetitle" class - applies to the darker grey title section above each side menu */
.sidetitle{
	width:200px;
	display: block;
	background-color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fbfcfd;
	font-weight:bold;
	text-transform:uppercase;
	margin:0;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 4px;
}
.sidetitle a:link { color:#fbfcfd;text-decoration:none; font-size:11px; font-weight:bold; }
.sidetitle a.text { color:#fbfcfd;text-decoration:none; font-size:11px; font-weight:bold; }
.sidetitle a:visited {color:#fbfcfd;text-decoration:none; font-size:11px; font-weight:bold;}
.sidetitle a:hover {
	color:#999;
	text-decoration:underline;
	font-size:11px;
	font-weight:bold;
}


/* "sidemenu" classes - Controls the expand/contract menus in the left column */
.sidemenu{ width:200px; background:#e8e8e8; margin:0; }

.sidemenu a.menuitem{
background: #e8e8e8; text-indent:6px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#09375D; font-weight:bold; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/  width: 200px; padding:4px 0; text-decoration: none; border-bottom: 1px dashed #fff; }
.sidemenu a.menuitem:visited, .sidemenu .menuitem:active{ color: #09375D; border-bottom: 1px dashed #fff;}
.sidemenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ position: absolute; top: 5px; right: 5px; border: none; }
.sidemenu a.menuitem:hover{ background:#e8e8e8; }

.submenuheader{
background: #e8e8e8; text-indent:2px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#09375D; font-weight:bold; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: 200px; padding:4px 0 4px 4px; text-decoration: none; border-bottom: 1px dashed #fff; }
.submenuheader:visited, .submenuheader:active{ color: #09375D; border-bottom: 1px dashed #fff;}
.submenuheader .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ float:right; position: absolute; top: 5px; right: 5px; border: none; }
.submenuheader a {color: #09375D;text-decoration: none;}
.submenuheader:hover{ background:#e8e8e8; }
.leftsubmenu{ /*DIV that contains each sub menu*/ background:#e8e8e8; }
.leftsubmenu p{ /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 3px 0px;  border-bottom: 1px solid #fff; }
.leftsubmenu p a{ display: block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000;
text-decoration: none; padding: 2px 0; padding-left: 10px; }
.leftsubmenu p a:hover{ background: #f5f5f5; }
.leftsubmenu p a:visited{ color:#000; }

.leftsubmenu ul{ /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; }
.leftsubmenu ul li{ border-bottom: 1px solid #fff; }
.leftsubmenu ul li a{ display: block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000;
text-decoration: none; padding: 5px 0; padding-left: 10px; }
.leftsubmenu ul li a:hover{ background: #f5f5f5; }


.leftsubmenu a{ display: block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000;
text-decoration: none; padding: 2px 0; padding-left: 10px; }
.leftsubmenu a:hover{ background: #f5f5f5; }
.leftsubmenu a:visited{ color:#000; }
/*
.sidemenu{ width:200px; background:#e8e8e8; margin:0; }
.sidemenu a.menuitem{
background: #e8e8e8; text-indent:6px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#09375D; font-weight:bold; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image  width: 200px; padding:4px 0; text-decoration: none; border-bottom: 1px dashed #fff; }
.sidemenu a.menuitem:visited, .sidemenu .menuitem:active{ color: #09375D; border-bottom: 1px dashed #fff;}
.sidemenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers position: absolute; top: 5px; right: 5px; border: none; }
.sidemenu a.menuitem:hover{ background:#e8e8e8; }
.sidemenu div.leftsubmenu{ /*DIV that contains each sub menu background:#e8e8e8; }
.sidemenu div.leftsubmenu ul{ /*UL of each sub menu list-style-type: none; margin: 0; padding: 0; }
.sidemenu div.leftsubmenu ul li{ border-bottom: 1px solid #fff; }
.sidemenu div.leftsubmenu ul li a{ display: block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000;
text-decoration: none; padding: 2px 0; padding-left: 10px; }
.sidemenu div.leftsubmenu ul li a:hover{ background: #f5f5f5; }*/

/* The following control the non-expand/contract versions of the side menu. */
.sidemenu div.submenu2{ /*DIV that contains each sub menu*/
	background:#e8e8e8;
	padding-left: 8px;
}
.sidemenu div.submenu2 ul{ /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; }
.sidemenu div.submenu2 ul li{
	border-bottom: 1px dashed #fff;
	display: block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#09375D;
	font-weight:normal;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
}
.sidemenu div.submenu2 ul li a{ display: inline; text-decoration: none; color: #09375D;}
.sidemenu div.submenu2 ul li a:hover{ color: #b91111; }
.sidemenu div.submenu2 ul li span:hover{ background: #f5f5f5; }

/* "leftmenu" class - applies a border and contrains the width of boxed menu items in the left column  */
.leftmenu { width:191px; padding:2px 4px; margin:0px; border-top:#909090 1px solid; border-right:#909090 1px solid; border-bottom:#909090 1px solid; background-color:#fff; background-image:url(http://www.tasc.com/Intranet-Shared-Images/sidemenubg.jpg); background-repeat:no-repeat; background-position:0px 26px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000;  line-height:1.5}
.leftmenu a:link { color:#09375D;text-decoration:none; font-size:11px; font-weight:bold; }
.leftmenu a.text { color:#000;text-decoration:none; font-size:11px; font-weight:normal; }
.leftmenu a:visited {color:#09375D;text-decoration:none; font-size:11px; font-weight:bold;}
.leftmenu a:hover { color:#b91111; text-decoration:underline; font-size:11px; font-weight:bold;}
.leftmenu p {padding:0px 3px; margin:0px; }
.leftmenu ul { list-style:none; list-style-image:url(http://www.tasc.com/Intranet-Shared-Images/Images-trans/greybull.gif)/*"greybull.gif"*/;  }
.leftmenu li { line-height:2 }
.leftmenu li a:link { color:#09375D;text-decoration:none; font-size:11px; font-weight:bold; }
.leftmenu li a.text { color:#fff;text-decoration:none; font-size:11px; font-weight:bold; }
.leftmenu li a:visited {color:#09375D;text-decoration:none; font-size:11px; font-weight:bold;}
.leftmenu li a:hover { color:#b91111; text-decoration:underline; font-size:11px; font-weight:bold;}



/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	margin: 0 0 0 5px;
	padding: 0;
	font-size: 100%;
	cursor: default;
	width: 16em;
	list-style:none;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 16em;
	list-style:none;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	margin: 30px 0 0 8px;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 16em;
	left: -900em;
	top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 16em;
	background-color:#fff
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(http://www.tasc.com/Intranet-Shared-Images/Images-trans/greybull.gif)/*"greybull.gif"*/;
	background-repeat: no-repeat;
	background-position: 0px 15px;
    list-style-type: none;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(http://www.tasc.com/Intranet-Shared-Images/Images-trans/greybull.gif)/*"greybull.gif"*/;
	background-repeat: no-repeat;
	background-position: 0px 15px;
	list-style-type: none;
}


/****************************** CENTER COLUMN DIV COMPONENTS ******************************/

/* "centercolumn" class -  Controls the position and dimensions of the center column. */
.centercolumn { background-color:#fff; padding:0; margin:0;}
.centercolumn div.spacer { height:1px; margin:5px 0px; padding:0; }



.center-bluebox-pad {
	width:300px;
	margin:0px;
	position: relative;
}
/* "topstory" class - Controls the center-top box containing the top story image and text */
.topstory {
	height:188px;
	line-height:1.5;
	background-image:url(http://www.tasc.com/Intranet-Shared-Images/Images-trans/Top_stripe.jpg);
	background-repeat:repeat-x;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 1px;
	margin-left: 2px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.topstoryL {
	float:left;
	padding-right: 8px;
}
.topstory-title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#030303;
}
.topstoryR {
	margin-left:208px;
	height:188px;
	background-image:none;
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#030303;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.topstoryR p {
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.topstoryR a:link { color:#003366; text-decoration:none; font-weight:bold;}
.topstoryR a.text { color:#003366;text-decoration:none; }
.topstoryR a:visited {color:#003366;text-decoration:none; }
.topstoryR a:hover { color:#b91111; text-decoration:underline; }
.topstoryR ul { list-style:none; margin:0px 10px; padding:0px 0px 0px 15px; list-style:none; list-style-image:url(http://www.tasc.com/Intranet-Shared-Images/Images-trans/doyou.gif)/*""doyou.gif""*/;  }
.topstoryR li { padding:0px 10px; line-height:1 }
.topstoryR li a:link { color:#003366; text-decoration:none; font-weight:bold;}
.topstoryR li a.text { color:#003366;text-decoration:none; font-weight:bold; }
.topstoryR li a:visited {color:#003366;text-decoration:none; font-weight:bold; }
.topstoryR li a:hover { color:#b91111; text-decoration:underline; font-weight:bold; }


/* "centerbox-titlebright" class - Controls an alternative version the title portion of center column menu boxes */
.centerbox-Next {
	padding:5px;
	background-color:#2570b0;
	background-image: url(http://www.tasc.com/Intranet-Shared-Images/Images-trans/titlebarbright.jpg)/*"titlebarbright.jpg"*/;
	background-repeat:repeat-x;
	font-weight:bold;
	margin:0;
	border:#9DC4DD 1px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-align: left;
	height: 12px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

/* "centerbox-titledark" class - Controls an alternative version the title portion of center column menu boxes */
.centerbox-titledark {
	padding:5px;
	background-color:#0C1E36;
	font-weight:bold;
	margin:0;
	border:#9DC4DD 1px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-align: left;
	height: 12px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

/* The center column content divs are listed under "Shared Styles" at the bottom of this page. */

/****************************** RIGHT COLUMN DIV COMPONENTS (3 COLUMN DESIGN) ******************************/
/* "rightcolumn" class -  Controls the position and dimensions of the right div */
.rightcolumn { background-color:#d9d9d9; width:200px; height:auto}

.leadership { width:191px; padding:2px 4px; margin:0px; border-top:#909090 1px solid; border-bottom:#909090 1px solid; border-left:#909090 1px solid; background-color:#fff; background-image:url(http://www.tasc.com/Intranet-Shared-Images/sidemenubg.jpg); background-repeat:no-repeat; background-position:0px 26px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000;  line-height:1.25}
.leadership a:link { color:#000;text-decoration:none; font-size:11px; font-weight:normal; }
.leadership a.text { color:#000;text-decoration:none; font-size:11px; font-weight:normal; }
.leadership a:visited {color:#000;text-decoration:none; font-size:11px; font-weight:normal;}
.leadership a:hover { color:#b91111; text-decoration:underline; font-size:11px; font-weight:normal;}
.leadership p {padding:0px 3px; margin:0px; }
.leadership ul { margin:8px 2px 15px 90px; padding:0; list-style:none; list-style-image:url(http://www.tasc.com/Intranet-Shared-Images/Images-trans/greybull.gif)/*"greybull.gif"*/;  }
.leadership li { line-height:1; }
.leadership li a:link { color:#09375D;text-decoration:none; font-size:11px; font-weight:normal; }
.leadership li a.text { color:#fff;text-decoration:none; font-size:11px; font-weight:normal; }
.leadership li a:visited {color:#09375D;text-decoration:none; font-size:11px; font-weight:normal;}
.leadership li a:hover { color:#b91111; text-decoration:underline; font-size:11px; font-weight:normal;}

/* "rightmenu" class - applies a border and contrains the width of items in the right column menus */
.rightmenu { width:191px; padding:2px 4px; margin:0px; border-top:#909090 1px solid; border-bottom:#909090 1px solid; border-left:#909090 1px solid; background-color:#fff; background-image:url(http://www.tasc.com/Intranet-Shared-Images/sidemenubg.jpg); background-repeat:no-repeat; background-position:0px 26px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000;  line-height:1}
.rightmenu a:link { color:#09375D;text-decoration:none; font-size:11px; font-weight:bold; }
.rightmenu a.text { color:#000;text-decoration:none; font-size:11px; font-weight:normal; }
.rightmenu a:visited {color:#09375D;text-decoration:none; font-size:11px; font-weight:bold;}
.rightmenu a:hover { color:#b91111; text-decoration:underline; font-size:11px; font-weight:bold;}
.rightmenu p {padding:3px; margin:0; }
.rightmenu ul { padding:2px 0px;  margin: 5px 0 5px 5px; list-style:none;  }
.rightmenu li { line-height:1; padding:0 0 7px 0; margin:0; padding-left:14px; background: url(http://www.tasc.com/Intranet-Shared/Images/Images-trans/greybull.gif) no-repeat 0 3px /*"greybull.gif"*/;}
.rightmenu li a:link { color:#09375D;text-decoration:none; font-size:11px; font-weight:bold; }
.rightmenu li a.text { color:#fff;text-decoration:none; font-size:11px; font-weight:bold; }
.rightmenu li a:visited {color:#09375D;text-decoration:none; font-size:11px; font-weight:bold;}
.rightmenu li a:hover { color:#b91111; text-decoration:underline; font-size:11px; font-weight:bold;}

/****************************** RIGHT COLUMN DIV COMPONENTS (2 COLUMN DESIGN) ******************************/

/* "rightcolumn2" class -  Controls the position and dimensions of the right column. */
.rightcolumn2 { background-color:#fff; padding:0; margin:0; float:left}
.rightcolumn2 div.spacer { height:1px; margin:5px 0px; padding:0; }

/* This div uses the same internal components as the 3 column design's "center" column - i.e., components such as "welcome," "cssubmenu" and "grayborderbox" are used here as well. */

/****************************** FOOTER DIV COMPONENTS ******************************/
/* Footer class - Controls the position, dimensions and appearance of the footer div at the bottom of the screen */
.footer { background: #333; color: #eee;  padding: 5px 9px;  /* avoid margin collapse */ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff; font-weight:bold; margin:0px;  border-right:#909090 1px solid; border-left:#909090 1px solid; }
.footer a:link { color:#fff;text-decoration:none; font-size:10px; }
.footer a.text { color:#fff;text-decoration:none; font-size:10px; }
.footer a:visited {color:#fff;text-decoration:none; font-size:10px; }
.footer a:hover { color:#e2e2e2; text-decoration:underline; font-size:10px; }
.footerL { float:left; padding:0; }
.footerR { float:right; text-align:right; padding:0; margin-right:2px }


/****************************** SHARED STYLES ******************************/

/* "welcome" class - Controls the 3 column page center column boxes and 2 column page right column boxes containing the top story image and text. There is a background image generally used within this class, but it is applied through the site-specific styles*/
.welcome { margin:2px; padding:0px; line-height:1.5; vertical-align: top; }
.welcome-title { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#003A6A; }

.welcomeL {float:left; }/*adjust width as necessary using the site-specific stylesheet*/

.welcomeR { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; }/*Adjust as necessary using the site-specific stylesheet*/ 
.welcomeR p {padding:5px 5px 5px 8px; }
.welcomeR a:link { color:#003366; text-decoration:none; font-weight:bold;}
.welcomeR a.text { color:#003366;text-decoration:none; }
.welcomeR a:visited {color:#003366;text-decoration:none; }
.welcomeR a:hover { color:#b91111; text-decoration:underline; }
.welcomeR ul { list-style:none; margin:0px 8px; padding:0px 0px 0px 10px;  }
.welcomeR li { background:url(http://www.tasc.com/Intranet-Shared-Images/Images-trans/greybull.gif) no-repeat 0 6px /*"greybull.gif"*/; padding-left:14px; padding-bottom:8px; }
.welcomeR li a:link { color:#003366; text-decoration:none; font-weight:bold;}
.welcomeR li a.text { color:#003366;text-decoration:none; font-weight:bold; }
.welcomeR li a:visited {color:#003366;text-decoration:none; font-weight:bold; }
.welcomeR li a:hover { color:#b91111; text-decoration:underline; font-weight:bold; }
/* The subelements "welcomeL" and "welcomeR" are controlled by site-specific stylesheets*/


/* "csubmenu" classes - Controls the title portion of no bordered, blue topped 3 column page center column boxes and 2 column page right column boxes. */
.csubmenu-title { /*margin-left:12px;*/ padding:5px; background-color:#d7eefc; background-image: url(http://www.tasc.com/Intranet-Shared-Images/Images-trans/titlebar.jpg)/*"titlebar.jpg"*/; background-repeat:repeat-x; border:#9DC4DD 1px solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:left; color:#005daa; }
.csubmenu { margin:12px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; /*border:#b5a88a 1px solid; */ }
.csubmenu p { margin:0px; padding:6.6px 10px; line-height:1.5 }
.csubmenu a:link { color:#003366; text-decoration:none; font-weight:bold;}
.csubmenu a.text { color:#003366;text-decoration:none; }
.csubmenu a:visited {color:#003366;text-decoration:none; }
.csubmenu a:hover { color:#b91111; text-decoration:underline; }
.csubmenu ul { list-style:none; margin:0px 10px; padding:0px 0px 0px 10px; }
.csubmenu li { background:url(http://www.tasc.com/Intranet-Shared-Images/Images-trans/greybull.gif) no-repeat 0 8px /*"greybull.gif"*/; padding-left:14px; line-height:1.8;}
.csubmenu li a:link { color:#003366; text-decoration:none; font-weight:bold; font-size:11px}
.csubmenu li a.text { color:#003366;text-decoration:none; font-weight:bold; }
.csubmenu li a:visited {color:#003366;text-decoration:none; font-weight:bold; }
.csubmenu li a:hover { color:#b91111; text-decoration:underline; font-weight:bold; }



/* "grayborderbox" classes - Controls the optional grey bordered 3 column page center column boxes and 2 column page right column boxes. */
.grayborderbox-title { margin:12px 12px 0 12px; padding:0; background-color:#e1e1e1; background-image: url(http://www.tasc.com/Intranet-Shared-Images/Images-trans/centerboxbg.gif); background-position:right; background-repeat:no-repeat; border:0;}
.grayborderbox { background-color:#fff; border:#e1e1e1 3px solid; 
margin:0px 12px 12px 12px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; }
.grayborderbox p { margin:0px; padding:6.6px 10px; line-height:1.5 }
.grayborderbox a:link { color:#003366; text-decoration:none; font-weight:bold;}
.grayborderbox a.text { color:#003366;text-decoration:none; }
.grayborderbox a:visited {color:#003366;text-decoration:none; }
.grayborderbox a:hover { color:#b91111; text-decoration:underline; }
.grayborderbox ul { list-style:none; margin:0px 10px; padding:0px 0px 0px 10px; }
.grayborderbox li { background: url(http://www.tasc.com/Intranet-Shared-Images/Images-trans/greybull.gif) no-repeat 0 8px /*"greybull.gif"*/; padding-left:14px; line-height:1.8;}
.grayborderbox li a:link { color:#003366; text-decoration:none; font-weight:bold; font-size:11px}
.grayborderbox li a.text { color:#003366;text-decoration:none; font-weight:bold; }
.grayborderbox li a:visited {color:#003366;text-decoration:none; font-weight:bold; }
.grayborderbox li a:hover { color:#b91111; text-decoration:underline; font-weight:bold; }

/*"more" class - Controls the "more" link in the right side portion of 3 column page center column boxes and 2 column page right column boxes.*/
.more { float:right; margin:0px 5px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#003366; display: inline;  /* <---Solution for bug IE6 */  }
.more a:link {
	color:#003366;
	font-weight:normal;
	text-decoration:none;
	font-size: 10px;
}
.more a.text {
	color:#003366;
	font-weight:normal;
	text-decoration:none;
	font-size: 10px;
}
.more a:visited { color:#003366; font-weight:normal; text-decoration:none; }
.more a:hover { color:#b91111; font-weight:normal; text-decoration:underline; }

/*"nobox-title" class - Controls text which needs to stand out like title text but without a surrounding blue box - indented text.*/
.nobox-title { padding:5px 7px; font-weight:bold; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#005daa; margin:0 0 10px 0 }

/*"nobox-title2" class - Controls text which needs to stand out like title text but without a surrounding blue box - no indent.*/
.nobox-title2 { padding:5px 0px; font-weight:bold; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#005daa; margin:0 0 10px 0 }

/*"quicklinks" classes -  Controls the Full-Center Column Width Quick Links */
.quicklinks-box {
	padding:0px;
	margin-top: 12px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
}
.quicklinks-title { margin:0 0 10px 0; padding:5px; background-color:#d7eefc; background-image: url(http://www.tasc.com/Intranet-Shared-Images/Images-trans/titlebar.jpg)/*"titlebar.jpg"*/; background-repeat:repeat-x; border:#9DC4DD 1px solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:left; color:#005daa; }
.quicklinks-icons {
	float:left;
	padding-right:3px;
	padding-left:3px;
	display: inline;  /* <---Solution for bug IE6 */
}
.quicklinks-pad {
	position: relative;
	width: 639px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}

/*"qlinks" classes -  Controls the Half-Center Column Width Quick Links. These are controlled by site specific stylesheets. */


/* "spacer" class is used in a div, p or br to insert padding/space between other divs and elements where needed */
.spacer { height:2px; margin:0; padding:0; line-height:.75; }

/* "clearfloat" class is used in a div or br.  Place it as the last element before a container that contains a floating div  */
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

#Swipe {
	background-image: url(http://www.tasc.com/Intranet-Shared-Images/Images-trans/Banner_stripe.jpg);
	background-repeat: repeat-x;
}

/****************************** SPRYMENU COMPONENTS ******************************/
/* Styles required to run "Blogs" menu in left column */

/* SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	margin: 0 0 0 5px;
	padding: 0;
	font-size: 100%;
	cursor: default;
	width: 16em;
	list-style:none;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 16em;
	list-style:none;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	margin: 30px 0 0 8px;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 16em;
	left: -900em;
	top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 16em;
	background-color:#fff
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/



/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
	border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	
	cursor: pointer;
	list-style:none;
	padding: 1.1em 0.9em;
	color: #333;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{

	color: #000;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	color: #000;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(http://www.tasc.com/Intranet-Shared-Images/Images-trans/greybull.gif)/*"greybull.gif"*/;
	background-repeat: no-repeat;
	background-position: 0px 15px;
    list-style-type: none;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(http://www.tasc.com/Intranet-Shared-Images/Images-trans/greybull.gif)/*"greybull.gif"*/;
	background-repeat: no-repeat;
	background-position: 0px 15px;
	list-style-type: none;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
			}
}
.table_head {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}
.date {
	color: #666;
	font-size: 9px;
}