BODY {
    background-color: #ffffff;
    font-family: arial, helvetica, sans-serif;
    font-size: 75%;
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
    scrollbar-3dlight-color: #cccccc;       /* top and left */
    scrollbar-arrow-color: white; 
    scrollbar-base-color: #000000;
    scrollbar-darkshadow-color: #888888;    /* bottom and right */
	scrollbar-face-color: #6b78a2;          /* scroll bar button */
    scrollbar-highlight-color: #ffffff;     /* top and left and scroll bar background (If #ffffff*/
    scrollbar-shadow-color: #888888;        /* bottom and right */
    scrollbar-track-color: #e0e0e0;
}
a {
    color: #000000;
}
TD, TEXTAREA, OPTION
{
    font-family: arial, helvetica, sans-serif;
    font-size: 9pt;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
   /* text-align:left;*/
}

OPTION
{
    color: black;
    font-weight: normal;
    font-size: 8pt;
}

/*==== element-specific classes ====*/
A.optionlist: Link, A.optionlist: Visited {
    background-attachment: scroll;
    background-position: none 0%;
    background-repeat: repeat;
    color: blue;
    font-size: 9pt;
    text-decoration: underline;
}
A.optionlist: Active {
    background-attachment: scroll;
    background-position: none 0%;
    background-repeat: repeat;
    color: blue;
    font-size: 9pt;
    text-decoration: none;
}
A.optionlist: Hover {
    background-attachment: scroll;
    background-color: #cccccc;
    background-position: 0% 50%;
    background-repeat: repeat;
    color: black;
    font-size: 9pt;
    text-decoration: underline;
}
optionlist {
    background-attachment: scroll;
    background-position: none 0%;
    background-repeat: repeat;
    color: blue;
    font-size: 9pt;
    text-decoration: underline;
}
optionlist: Link, optionlist: Visited {
    background-attachment: scroll;
    background-position: none 0%;
    background-repeat: repeat;
    color: blue;
    font-size: 9pt;
    text-decoration: underline;
}
optionlist: Active {
    background-attachment: scroll;
    background-position: none 0%;
    background-repeat: repeat;
    color: blue;
    font-size: 9pt;
    text-decoration: none;
}
optionlist: Hover {
    background-attachment: scroll;
    background-color: #cccccc;
    background-position: 0% 50%;
    background-repeat: repeat;
    color: black;
    font-size: 9pt;
    text-decoration: underline;
}
table.borderedblack {
    border-top: none;
    border-right: 1px solid black;
    border-bottom: none;
    border-left: 1px solid black;
}
td.tabs {
    color: #333399;
    font-size: 0.75%;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

/*==== id declarations ====*/
/*== page setup divs ==*/

/* positional declarations */
#topsection, #bottomsection {
	position: relative;
	width: 99%;
	left: 0;top: 0;
}
#middlesection {
	/* position: relative; */
	width: 99%;
	left: 0;
	top: 0;
}

/* silly decorative declarations */
#bottomsection {
	border-top: 1px solid #999999;
}

#middlesection {
    margin-left: 8px;
	margin-top: 5px;
	margin-bottom: 5px; 
}

/* content boxes 2 column configuration */
#topcell {
	position: relative;
}
#bottomcell {
	position: relative;
}

/* content boxes 2-column configuration */
#2col-leftcell {
	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
/*	padding-top: 8px; 
	padding-left: 5px; 
	padding-right: 5px; */
}
#2col-rightcell {
	position: relative;
	top: 0;
	left: 20%;
	width: 80%;
}

/* content boxes 3-column configuration */
#3col-leftcell {
	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
}
#3col-centercell {
	position: relative;
	top: 0;
	left: 20%;
	width: 60%;
}
#3col-rightcell {
	position: absolute;
	top: 0;
	left: 80%;
	width: 20%;
}

/* content boxes 4-column configuration */
#4col-leftcell {
	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
}
#4col-leftcentercell {
	position: relative;
	top: 0;
	left: 20%;
	width: 40%;
}
#4col-rightcentercell {
	position: absolute;
	top: 0;
	left: 60%;
	width: 20%;
}
#4col-rightcell {
	position: absolute;
	top: 0;
	left: 80%;
	width: 20%;
}


/*== Northstar ==*/
/*=============*/
#blockBtn {
    background-color: #e1dfea;
}
#blockHeader {
    background-color: #cccccc;
}
#blockTitle {
    background-color: #6b78a2;
}
#darkNeutral {
    background-color: #6b78a2;
}
#lightNeutral {
    background-color: #cccccc;
}
#listEven {
    background-color: #ffffff;
}
#listHeader {
    background-color: #e1dfea;
}
#listOdd {
    background-color: #e6e6e6;
}
#menuBg  {
    background-color: #9999cc;
}
#menuFooter {
    background-color: #999999;
}
#menuOff {
    background-color: #cccccc;
}
#menuOn {
    background-color: #ffffff;
}
#pageSubtitle {
    background-color: #cccccc;
}
#pageTitle {
    background-color: #6b78a2;
}
#sectionRule {
    background-color: #999999;
}
#titleBtn {
    background-color: #e1dfea;
}

/*==== classes ====*/
.apptitle {
    color: #6b78a2;
    font-size: 12pt;
    font-weight: bold;
}
.banner {
    background-color: #e1dfea;
}
.blackLink {
    color: #000000;
    text-decoration: none;
}
.blockHeader {
    color: #666699;
    font-size: 11px;
    font-weight: bold;
}
.blockTitle {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
.blue {
    color: #333366;
}
.blueModuleHeader {
    background-color: #e1dfea;
}
.bodyContent {
    font-size: 70%;
}
.bodyHeaderLink {
    font-size: 110%;
    font-weight: bold;
}
.bullet {
    color: #333366;
}
.calendarCurrentDay {
    background-color: #9999cc;
}
.calendarHead {
    background-color: #cccc99;
}
.calendarOffMonth {
    background-color: #e6e6e6;
}
.copy {
    color: #aaaaaa;
    font-size: 71%;
}
.darkGray {
    background-color: #999999;
}
.evenCell {
    background-color: #d1d5e0;
}
.globalNav {
    font-size: 75%;
}
.grayLink {
    color: #aaaaaa;
    text-decoration: none;
}
.gridrule {
	background-image: url(/ted/image/bg_t_fff.gif); border-left: #999999 1px solid;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0px;
    padding-bottom: 8px;
}
.label {
    color: navy;
    font-weight: bold;
    font-size: 8pt;
    text-align: left;
}
.leftNav {
    color: #333366;
    font-size: 110%;
    font-weight: bold;
}
.leftNavLevel2 {
    color: #333366;
    font-size: 100%;
    font-weight: bold;
}
.leftNavLevel3 {
    color: #333366;
    font-size: 100%;
}
.listHeader {
    color: #666699;
    font-weight: bold;
}
.listItem {
    color: #000000;
    font-weight: normal;
}
.menuOff {
    color: #666699;
    padding-bottom: 0px;
    padding-top: 0px;
    text-decoration: none;
}
.menuOn {
    color: #666699;
    font-weight: bold;
    padding-bottom: 0px;
    padding-top: 0px;
    text-decoration: none;
}
.midGray {
    background-color: #666666;
}
.oddCell {
    background-color: #ffffcc;
}
.optionlist {
    font-size: 93%;
    color: #333399;
    text-align: left;
    padding: 2px 6px 2px 6px;
    margin: 0 0 0 0;
}
.pageHeader {
    color: #333366;
    font-size: 125%;
    font-weight: bold;
}
.pageHeaderCopy {
    color: #666699
}
.pageSubtitle {
    color: #000000;
    font-weight: bold;
}
.pageTitle {
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
}
.paraHeader {
    color: #996600;
    font-size: 100%;
    font-weight: bold;
}
.projectName {
    font-weight: bold;
    color: #666666;
    font-size: 14px;
}
.rightColumn
{
    background-color: #f2f2e6;
}
.searchBar{
    background-color: #6b78a2;
    color: #ffffff;
    font-size: 71%;
}
.searchBarBG {
    background-color: #6b78a2;
}
.sectionHeader {
    color: #333366;
    font-weight: bold;
  
}
.subchannelHead {
    font-size: 110%;
    font-weight: bold;
}
.subchannelSubhead {
    color: #666699
    font-size: 100%;
    font-weight: bold;
}
.surveyBorder {
    background-color: #6b78a2;
}

.tabItems 
{
	border: none;
    padding-right: 0px;
    padding-left: 0px;
}
.text {
    color: black;
    font-weight: normal;

}
.text-padded {
    color: black;
    font-weight: normal;
    font-size: 8pt;
    padding-left: 4px;
    padding-right: 4px;
}
.title {
    border-top: 2px solid #6b78a2;
    border-right: 2px solid #6b78a2;
    border-bottom: 2px solid #6b78a2;
    border-left: 2px solid #6b78a2;
    color: #6b78a2;
    font-size: 12pt;
    font-weight: bold;
    padding-top: 1px;
    padding-right: 8px;
    padding-bottom: 1px;
    padding-left: 8px;
}
.titleTopBorder {
    border-top: 1px solid #6b78a2;
    color: #000000;
    font-size: 10pt;
    font-weight: bold;
    padding-top: 1px;
    padding-bottom: 1px;
}
.titleNoBorder {
    color: #6b78a2;
    font-size: 12pt;
    font-weight: bold;
    padding-top: 1px;
    padding-bottom: 1px;
}
.titleNoBorder10 {
    color: #000000;
    font-size: 10pt;
    font-weight: bold;
    padding-top: 1px;
    padding-bottom: 1px;
}
.topNav {
    background-color: #cccccc;
    font-size: 90%;
}
.topNavBG {
    background-color: #cccccc;
}
.verylarge {
    font-size: 185%;
}
.white {
    background-color: #ffffff;
}
.whiteLink {
    color: #ffffff;
    text-decoration: none;
}
.yellowModuleHeader {
    background-color: #ffdf83;
}

/*=== DHS-specific entries ===*/
.calendar {
    color: black;
    font-weight: normal;
    font-size: 8pt;
    z-index: 10000;
}
.errorsummary {
    color: red;
    font-weight: normal;
    font-size: 8pt;
}
.errortext {
    color: red;
    font-weight: bold;
    font-size: 9pt;
}
.formbutton {
    background-color: #6b78a2;
    color: white;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}
.itemlabel {
    background-color: #6b78a2;
    color: white;
    font-size: 9pt;
    font-weight: bold;
    text-align: right;
}
.menubutton {
    background-color: #6b78a2;
    height: 25px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
    width: 25px;
}
.textpad2 {
    color: black;
    font-weight: normal;
    font-size: 8pt;
    padding-left: 2px;
    padding-right: 2px;
}
/*   Login Table   */
.loginBackground
{
	/* 333366 */
	/* 666699 */
	/* 996600 */
	/* 6b79a2 */
    background-color: #666699
}
.loginOuterTable
{
    background-color: white;
	border-color: #aaaaaa;
	border-style: solid;
	border-width: 5px;
	width: 300;
}

.loginInnerTable
{
	background-color: white;
	margin: 5x, 5x, 5x, 5x;
	width: 95%;
}
.groupBoxBodyOuter
{background-color:#6b78a2;}
.groupBoxHeaderOuter
{background-color:#ACCDE5;}
.groupBoxButton
{
	background-color: #6b78a2;
    color: white;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
	font-size:95%;
	}
.groupBoxBodyLabel,.groupBoxBodyTextBox
{font-size:90%;}
.groupBoxHeaderText
{font-size:90%;}
.groupBoxHeaderText
{font-style:normal;}
.groupBoxButton,.groupBoxBodyLabel
{font-weight:bold;}
.groupBoxHeaderText
{font-weight:bold;}
.groupBoxHeaderText
{vertical-align:middle;}
.groupBoxButton
{font-family:Tahoma,sans-serif;}
.groupBoxHeaderText
{font-family:Tahoma,sans-serif;}
.groupBoxBodyLabel,.groupBoxBodyTextBox
{font-family:Tahoma,sans-serif;}
.groupBoxBodyTextBox
{width: 90%;}
.groupBoxInner
{border:0;}
.groupBoxInner
{margin:0;}
.groupBoxInner
{padding:0;}
.groupBoxInner,.groupBoxHeaderText
{width:100%;}
.groupBoxHeaderOuter a
{text-decoration:none;}
.groupBoxButton
{padding:0 0 0 0;}
.groupBox
{width:100%;}
.groupBox
{padding: 5px 5px 5px 5px;
 margin: 0 0 10px 0; }
.groupBoxBodyLabel
{padding:5px 2px 3px 0;}
.groupBoxBodyLabel
{color:#000;}
.groupBoxBodyValue
{padding:0 0 3px 0;}
.groupBoxBodyValue
{width:80%;}
.groupBoxHeaderOuter
{padding:3px 7px 5px 6px;}
.groupBoxHeaderOuter
{border-bottom:solid 1px #4791C5;}
.groupBoxBodyOuter
{padding:8px 6px 5px 6px;}
.groupBoxBodyOuter
{border:1px solid #f2f2e6;}
.groupBox
{border:1px solid #000000;}
.groupBoxBodyOuter
{border:1px solid #f2f2e6;}
.groupBoxHeaderOuter
{background-color:#6b78a2;}
.groupBoxBodyOuter
{background-color:#f2f2e6;}
.groupBoxErrorSummary
{background-color:#ffffc0;}
.groupBoxErrorSummary
{padding-left: 5px; padding-top:5px;}
.groupBoxBodyLabel
{color:#6b78a2;}