/* NTDS Style Sheet */

/* FORMATTING ELEMENTS - Design & Layout */


/************************** Page Setup ********************************/

html, body, #masterContainer {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #masterContainer {
	height: auto;
}


/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */


body {
	margin: 0;
	padding: 0;
	font: 0.75em verdana, arial, helvetica, sans-serif;
}

/* Use small Logo for print */

#printLogo {
	display: none;
}

/* Text Size for Tagline in Print Display Only */

.italicBlackGeorgia {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-style: italic;
	color: #000000;
}

/************************** Main Layout DIVS ********************************/

/* The DIV wrapper of the entire web page */

#masterContainer {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
}

/* The DIV wrapper for the content portion of the web page */

#mainContent {
	position: relative;
	margin-bottom: 0;
	height: 80%;
}

/* The DIV for the repeating drop shadow found under the navigation bar */

#dropShadow {
	position: absolute;
	left: 0;
	top: 137px;
	width: 100%;
	margin: 0;
	padding: 0;
	background-image: url(../images/dropShadow.gif);
	background-repeat: repeat-x;
	z-index: 25;
}

/* The DIV containing the Banner Content */

div#banner {
	padding: 0px;
	top: 0;
	width: 100%;
	height: 111px;
	background-image: url(../images/bannerBkdrop.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	border-bottom-style: solid;
	border-bottom-color: #324993;
	border-bottom-width: 2px;
}

/* Banner Image Positioning */

div#banner img#ntdbLogo {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 15;
}

div#banner img#tag {
	position: absolute;
	left: 320px;
	top: 0px;
	z-index: 5;
}

div#banner img#featureBtn {
	position: absolute;
	text-align: right;
	top: 56px;
	right: 18px;
	z-index: 10;
}

div#bannerRule {
	position: absolute;
	background-image: url(../images/bannerRule.gif);
	top: 48px;
	right: 17px;
	width: 60%;
	height: 2px;
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	background-position: left top;
	z-index: 11;
}


/* Search Area DIV in the Banner */

#searchBox {
	position: absolute;
	height: 28px;
	width: 350px;
	top: 12px;
	right: 15px;
	visibility: visible;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #99243f;
}

/* Search Area Content Positioning */

#searchBtn {
	position: relative;
	top: 4px;
	left: 3px;
}

#searchInput {
	position: relative;
	top: -5px;
	right: -15px;
	width: 320px;
}

#searchField {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}

/* The DIV wrapper for the navigational elements */

div#navigation {
	padding: 0px;
	left: 0;
	top: 0;
	width: 100%;
	height: 24px;
	background-color: #c82828;
	z-index: 50;
}

/* The DIV wrapper for the editable region of the web pages */

#pageContent {
	padding: 0;
	margin: 0;
	line-height: 1.4;
}

/* The DIV wrapper for the footer contents */

#footer {
	position: absolute;
	margin: 0 0 0 0;
	padding: 0;
	width: 99.9%;
	border-top: solid #324993 1px;
	background-image: url(../images/bottomRule.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%.  Didn't Use it.

#footer {
    \width: 100%;
    w\idth: 70%;
}  */

/* DIV Footer Image/Text Positioning & Formating */

div#footer img#leftRule {
	top: 0;
	left: 0;
	height: 15px;
}

div#footer img#rightRule {
	position: absolute;
	right: -1px;
	top: 0;
	height: 15px;
}

#footerText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 10px;
	padding-left: 40px;
	padding-bottom: 10px;
}

#footerText a, #bottomFeederCell a:visited, #bottomFeederCell a:active {
	color: #000000;
	text-decoration: underline;
}

#footerText a:hover {
	color: #99243f;
}


/************************** Home Page Layout DIVs ********************************/


/* The DIV wrapper for all home page content */

#twoColWrapper {
	margin: 0;
	position: relative;
	padding-bottom: 1%;
}

#contentArea {
	margin: 0 315px 0 0;
	padding: 1%;
	min-width: 660px;
	border-right: solid #324993 1px;
	border-bottom: solid #324993 1px;
}

div#homeWrapper {
	position: relative;
	display: block;
	padding: 0% 5% 5% 5%;
	width: 660px;	
}

div#homeWrapper img#onScene {
	left: 0px;
	top: 34px;
}

div#homeWrapper img#state {
	position: relative;
	left: 0px;
	top: 72px;
}

div#homeWrapper img#stateArrow {
	position: relative;
	left: 366px;
	top: -26px;
}

div#homeWrapper img#national {
	position: relative;
	left: 0px;
	top: -26px;
}

div#homeWrapper img#introText {
	position: relative;
	left: -40px;
	top: 20px;

}

#sidebar {
	position: absolute;
	top: 0;
	right: 10px;
	width: 286px !important;
	padding-top: 1.25%;
	background-color: #f5f5ff;
	border-right: solid #324993 1px;
	border-bottom: solid #324993 1px;
	background-image: url(../images/newsBkdrop.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* Font Styles for the Right Interest Bar of the Home Page */

div#latestNews {
	top: 10px;
	left: 0px;
	width: 286px;
	padding-bottom: 20px;
}

div#latestNewsContent, div#softwareVendorsContent {
	position: relative;
	left: 10px;
	top: 10px;
	width: 276px;
	padding-bottom: 10px;
}

div#softwareVendors {
	position: relative;
	left: 0;
	top: 20px !important;
	width: 286px;
	padding-bottom: 30%;
}

div#userGroup {
	position: relative;
	left: 0;
	top: 0;
	width: 286px;
}

#latestNewsContent a, #latestNewsContent a:visited, #latestNewsContent a:active, #softwareVendorsContent a, #softwareVendorsContent a:visited, #softwareVendorsContent a:active {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

#latestNewsContent a:hover, #softwareVendorsContent a:hover {
	color: #99243f;
}

#latestNewsContent p, #softwareVendorsContent p {
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.90em;
	color: #000000;
	line-height: 1.3em;
	text-indent: -10px;
}



/************************** Sub Page Layout DIVs ********************************/

/* DIV wrapper for the entire content area of the sub pages */


#subPageContainer {
	margin: 0;
	position: relative;
	background-image: url(../images/common/subPageBkgdrp.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

/* DIV wrapper for the title area of the sub pages */

#subPageTitleDiv {
	position: relative;
	top: 20px;
	left: 0px;
	margin-top: 10px;
	height: 38px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	color: #24409a;
	font-weight: bold;
	z-index: 10;
}

/* DIV wrapper for the bread crumb trail */

#subPageTrail {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 40px;
	top: 12px;
	width: 600px;
	z-index: 10;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #000000;
	z-index: 10;
}

/* Text formatting DIV for the placement of the last revision date on the page */

#pageDate {
	position: relative;
	top: -20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000099;
}

/* DIV Wrapper for all the editable content regions of the sub pages */

#subPageContent {
	position: relative;
	margin: 0;
	padding: 2% 6% 8% 3%;
	width: 70%;
	background-color: #FFFFFF;
	background-image: url(../images/common/dropShadow.gif);
	background-position: right top;
	background-repeat: repeat-y;
}

#subPageContent a, #subPageContent a:active, #subPageContent a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

#subPageContent a:hover {
	color: #24409A;
}

#subPageContent li {
	line-height: 2em;
}

#sideBarSub {
	position: absolute;
	top: 23px;
	width: 260px;
	margin: 23px 0 0 78.4%;
}

#subPageImage {
	position: relative;
	float: left;
	background: url(../images/common/shadowAlpha.png) no-repeat bottom right !important;
  	background: url(../images/common/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 5px !important;
	top: 30px;
	left: -60px;
	z-index: 10;
	background-color: #FFFFFF;
}

#subPageImage img {
  display: block;
  position: relative;
  background-color: #fff;
  border: solid #9e3049 1px;
  margin: -6px 6px 6px -6px;
  padding: 4px;
} 



/************************** Portal Page Layout DIVs ********************************/

/* DIV Wrapper for the Portal Page Layout */

#portalContent {
	position: relative;
	padding: 10px 40px 10px 0;
	margin: 0;
	top: 5px;
	left: 0;
	height: 100%;
	z-index: 5;
}

/* Sub Layout Sections for the Portal Page */

#portalCol01 {
	position: absolute;
	padding: 0 0 0 5px;
	margin: 0;
	top: 18px;
	left: 0px;
	width: 340px;
	height: 325px;
	overflow: hidden;
	border-right: solid #99243f 1px;
	border-bottom: solid #99243f 1px;
	border-top: solid #99243f 1px;
	z-index: 5;
}

#portalCol01 p {
	margin: 30px 40px 10px 40px;
}

#portalCol02 {
	position: relative;
	padding: 0;
	margin: 0;
	left: 324px;
	bottom: 10px;
	width: 393px;
	background-image: url(../images/dropShadowPortal.gif);
	background-position: left top;
	background-repeat: repeat-y;
	z-index: 10;
	height: 100%;
}

#portalCol02 p {
	margin: 10px 20px 10px 20px;
}

#portalCol02_Title {
	position: relative;
	top: 0;
	left: 4px;
	height: 26px;
}

#portalCol02_Bottom {
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 10;
}		

#portalPageTitle {
	position: relative;
	top: 40px;
	left: 40px;
	margin-top: 10px;
	width: 150px;
	height: 38px;
	z-index: 10;
}

/* Portal Page Text Formatting */

.portalDescription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-left: 30px !important;
}


/****************** Sub Page and Portal Page Link Formatting ***************************/

/* Link Layout Formatting */


#portalPageLinks {
	position: absolute;
	margin: 0;
	width: 300px;
	height: 213px;
	top: 78px;
	left: 710px;
	background-image: url(../images/common/seeAlsoTitle.gif);
	z-index: 10;
}

#portalPageLinks, #inThisSectionLinks, #subPageLinks {
	padding: 2.5em 12px 5px 15px;
	background-position: left top;
	background-repeat: no-repeat;
}

#inThisSectionLinks {
	position: relative;
	top: 0;
	padding-bottom: 20px;
	left: 0;
	background-image: url(../images/common/inThisSectionSub.gif);
	z-index: 0;
}

#subPageLinks {
	position: relative;
	top: 0;
	left: 0;
	background-image: url(../images/common/seeAlsoTitle.gif);
	z-index: 0;
}

/* Link Text Styles */

#subPageLinks p, #inThisSectionLinks p, #portalPageLinks p {
	margin: .75em 0 1.3em 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
}

#subPageLinks a, #subPageLinks a:active, #subPageLinks a:visited, #inThisSectionLinks a, #inThisSectionLinks a:active, #inThisSectionLinks a:visited, #portalPageLinks a, #portalPageLinks a:active, #portalPageLinks a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

#subPageLinks a:hover, #inThisSectionLinks a:hover, #portalPageLinks a:hover {
	color: #99243f;
}

/************************** Global Font/Heading Styles ********************************/

.pageIntro {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	color: #345cdd;
	padding-bottom: 1em;
}

.blueGenevaBold {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #24409A;
	line-height: 1.65em;
	font-weight: bold;
	letter-spacing: 1.5px;
	padding-left: 20px;
	padding-right: 10px;
}

.redEmphasis {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #992640;
	font-weight: bold;
	margin-bottom: -7px !important;
	margin: 0;
}
.redEmphasis a:active, .redEmphasis a, .redEmphasis a:visited {
	color: #24409a;
	text-decoration: underline;
}

.redEmphasis a:hover {
	color: #3864f1;
}

.imageBorder {
	border: 1px solid #99243f;
	margin: 15px;
}

.definitionTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #992640;
	margin: 4px 150px 0 25px;
	background-color: #f2f3f4;
	padding: 4px 0 5px 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #992640;
	border-right-color: #992640;
	border-left-color: #992640;
}
.definition {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #2f4b69;
	margin: 0px 150px 15px 25px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #992640;
	border-bottom-color: #992640;
	border-left-color: #992640;
	padding: 4px 10px 4px 10px;
}

.subPageTitle {
	padding: 0;
	padding-top: 1.75em;
	padding-bottom: 0.09em;
	margin: 0;
	margin-bottom: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.65em;
	color: #333333;
	line-height: 1em;
	letter-spacing: 0.04em;
	border-bottom: solid #d8d8d8 1px;
}

.subPageHeader01 {
	font-weight: bold;
	line-height: 1em;
	margin-top: 2.25em;
	margin-bottom: -0.75em;
}

.subPageHeader01Red {
	font-weight: bold;
	line-height: 1.25em;
	margin-top: 2.25em;
	margin-bottom: -0.75em;
	color: #99243F;
}

.subListRedArrow {
	margin: 3em;
	padding: 0;
	list-style-type: square;
	/*list-style-image: url(../images/common/circularArrow.gif);*/
}

.subListRedArrow ul {
	margin-left: 0;
	padding-left: 0;
	
}

.subListRedArrow li {
	padding-left: 1.5em;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
	
} 

.subListDownloads {
	list-style: outside;
	list-style-image: url(../images/common/blueBullet.gif);
}

.subListDownloads ul {
	margin-left: 1em;
}

.subListDownloads li {
	padding-left: .25em;
	margin-bottom: 1.50em;
}

.pageTitleFont01 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #24409a;
	vertical-align: middle;
}

/* .pageTitleFont02 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	color: #24409a;
	font-weight: bold;
	vertical-align: middle;
} */

.blackItalicGeorgia {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
	font-style: italic;
	font-weight: bold;
	color: #333333;
}

.blackItalicGeorgiaLg {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	color: #333333;
	line-height: 1.75em;
}


/************** Additional Style Fonts Not Available to Contribute Users ******************/

.goToTop {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: black;
}

.goToTop a, .goToTop a:active, .goToTop a:visited {
	color: black;
	text-decoration: underline;
}

.goToTop a:hover {
	color: #990000;
	font-weight: bold;
}

/* Styling for Display Tables of Information */


#generalTableLayout {	
	border-spacing: 0;
	border-bottom: solid #dedfe0 1px;
}

#generalTableLayout td {
	padding: 10px;
	border-bottom: solid #5f6d9a 1px;
}

#generalTableCellColor {
	background-color: #f7f8f9;
	border-right: solid #992640 1px !important;
}

#generalTableHeader {
	color: #000000;
	border-bottom: solid #d8d8d8 1px !important;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	text-align: center;
	vertical-align: bottom;
}


/* Table Styling for the Presentations page 'Feature' */


#presentationTableLayout {	
	border-top: solid #dedfe0 1px;
	border-bottom: solid #dedfe0 1px;
}

/* Table & Text Styling for the Timeline Page */

#timelineTableLayout {
	padding: 0;
	margin: 0;
	width: 590px;
}

#timelineDate {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #99243f;
	width: 10%;
	border-right: dashed #4e609a 1px;
}

#timelineEvent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 90%;
}

.timelineEventTitle {
	font-size: 11px !important;
	font-weight: bold;
	color: #297B99;
	margin-bottom: -10px;
}


/* Portability Diagram & Tool Tip */

#portabilityDiagram {
	width: 579px;
	height: 350px;
	display: block;
}

#portabilityChartInstruct {
	margin-left: 10px;
	margin-top: -15px;
}

div#portabilityDiagram a img {
	border: 0;
}
   
div#portabilityDiagram a:hover {
	background: #FFFFFF;
} 

div#portabilityDiagram a span {
	display: none;
}

div#portabilityDiagram a:hover span, div#portabilityDiagram a:focus span {
	display: block;
	position: absolute;
	top: 860px;
	left: 30px;
	width: 250px;
	padding: 5px 10px 8px 10px;
	margin: 10px;
	z-index: 100;
	color: #24409a; 
	background: #fefcf5;
	border: solid 1px #99243f;
	font-size: 11px;
	text-decoration: none;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	text-align: left;
}

div#portabilityDiagram a:hover span strong {
	color: black;
	font-size: 12px;
	line-height: 2em;
}

/* Portability Diagram Image Placement */

#medDevice {
	position: relative;
	z-index: 5;
}

#traumaSoftware {
	position: relative;
	left: -4px;
	top: -29px;
	z-index: 5;
}

#stateDatabase {
	position: relative;
	left: -8px;
	top: -25px;
	z-index: 5;
}

#xmlTag {
	position: relative;
	left: 359px;
	top: -80px;
	z-index: 5;
}

#nationalDatabase {
	position: relative;
	left: 334px;
	top: -29px;
	z-index: 5;
}

#otherDatasets {
	position: relative;
	left: 330px;
	top: -29px;
	z-index: 5;
}

#dictionary {
	position:absolute;
	right: 60px;
	top: 100px;
 	float:right;
	width:204px;
	height:257px;
	z-index:20;
}