/* NEMSIS Style Sheet - www.nemsis.org OR www.nemsistac.org */

/* FORMATTING ELEMENTS - Design & Layout */


/************************** Page Setup ********************************/

html, body, #masterContainer {
	min-height: 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;
}


.italicBlackGeorgia {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	font-style: italic;
	color: #000000;
}

/************************** Main Layout DIVS ********************************/

/* The DIV wrapper of the entire web page */

#masterContainer {
	margin: 0 auto;
	padding: 0;
	width: 100% !important; /* for IE 6+ */
	min-width: 1050px;
}

/* The DIV wrapper for the content portion of the web page */

#mainContent {
	position: relative;
	padding: 0;
	margin: 0;
	height: 80%;
}

#hiddenMenu {
	display:none;
}

/* The DIV containing the Banner Content */

#banner {
	padding: 0;
	margin: 0;
	height: 101px;
	background-image: url(../images/bannerBkdrop.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	border-bottom: 2px solid #cbcfd5;
}

				/* Banner Image Positioning -- Inside the BANNER */
				
				#banner img#nemsisLogo {
					position: absolute;
					left: 20px;
					top: 0;
				}
				
				#banner img#tag {
					position: absolute;
					left: 340px;
					top: 31px;
				}
				
				#banner img#featureBtn {
					position: absolute;
					top: 48px;
					right: 17px;
				}
				
				#bannerRule {
					position: absolute;
					background-image: url(../images/bannerRule.gif);
					top: 37px;
					right: 17px;
					width: 60%;
					height: 2px;
					margin: 0;
					padding: 0;
					background-repeat: repeat-x;
					background-position: left top;
					z-index: 10;
				}
				
				/* Search Area DIV in the Banner */
				
				#searchBox {
					position: absolute;
					height: 28px;
					width: 250px;
					top: 10px;
					right: 80px;
					font-size: 9px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-weight: bold;
					color: #99243f;
				}
				
				#searchBox label {
width: 10em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
				}
				
				/* Search Area Content Positioning */
				
				#searchBtn {
					position: relative;
					top: -2px;
					left: 186px;
				}
				
				#searchInput {
					position: absolute;
					top: 1px;
					left: 0px;
					width: 185px;
				}
				
				#searchField {
					position: absolute;
					font-size: 12px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-weight: normal;
					color: #000000;
				}

/* The DIV wrapper for the navigational elements */

#navigation {
	position: absolute;
	padding: 0px;
	top: 103px;
	width: 100%;
	height: 33px;
	background-image: url(../images/dropShadow.gif);
	z-index: 50;
}

/* The DIV wrapper for the editable region of the web pages */

#pageContent {
	padding: 0;
	margin: 0;
}

		#pageContent p {
			line-height: 1.4;
		}

/* The DIV wrapper for the footer contents */

#footer {
	clear: both;
	margin: 0;
	padding: 0;
	\width: 100%;
	w\idth: 99.9%;
	border-top: solid #e1bfc7 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 */
		
		
		#footerText {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			padding-top: 18px;
			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 */

#homeContainer {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background-image:url(../images/homePageBackdrop.gif);
	background-repeat:no-repeat;
	background-position: 0 160px;
}

/* DIV wrapper for the collage at top of home page */
#homeCollage {
	margin: 24px 0 0 0;
	width: 100%;
	background-image:url(../images/homePageCollageRepeater.gif);
	background-repeat:repeat-x;
}


#homeTagLine {
	margin: 4px 0 20px 29px;
}

#homeLatestNews {
	float:left; 
	width: 40%; 
	padding: 0px;
	margin: 20px 0 0 29px;
}

#homeVendorNews {
	float:right; 
	width: 40%; 
	padding: 0;
	margin: 20px 5% 0 0;	
}

#homeLatestNews h1, #homeVendorNews h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #9f334c;
	margin: 0 !important;
	padding: 0 0 15px 0;
}

#homeLatestNews h1 a, #homeLatestNews h1 a:visited, #homeLatestNews h1 a:active, #homeVendorNews h1 a, #homeVendorNews h1 a:visited, #homeVendorNews h1 a:active {
	color: #9f334c;
	text-decoration: underline;
}

#homeLatestNews h1 a:hover, #homeVendorNews h1 a:hover {
	color: #000000;
}

#homeLatestNews p, #homeVendorNews p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0 0 10px 0 !important;
}

#homeLatestNews a, #homeLatestNews a:visited, #homeLatestNews a:active, #homeVendorNews a, #homeVendorNews a:visited, #homeVendorNews a:active {
	color: #000000;
	text-decoration: underline;
}

#homeLatestNews a:hover, #homeVendorNews a:hover {
	color: #99243f;
}

#homeBottomContent {
	clear:both; 
}

#programSponsors {
	float: left;
	margin: 30px 0 15px 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #000000;
}
#programSponsors a, #programSponsors a:visited, #programSponsors a:active {
	color: #000000;
	text-decoration: underline;
}
#programSponsors a:hover {
	color: #99243f;
}

#homeUserGroup {
	float: right;
	margin: 0 30px 0 0;
}





/************************** Sub Page Layout DIVs ********************************/

/* DIV wrapper for the entire content area of the sub pages */

#subPageContainer {
	position: relative;
	margin: 25px 0 3% 35px;
	padding: 0 5% 0 0;
	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 {
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 2.3em;
	font-weight: bold;
	color: #24409a;
	font-weight: bold;
	z-index: 10;
}

/* DIV wrapper for the bread crumb trail */

#subPageTrail {
	margin: 0px 20px 20px 0;
	padding: 5px 0 0 0;
	width: 600px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #000000;
}

/* 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 */


#subPageContainer a:link, #subPageContainer a:active, #subPageContainer a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

#subPageContainer a:hover {
	color: #24409A;
}

#subPageContainer li {
	line-height: 2em;
	padding-bottom: 10px;
}

#subPageContainer li a {
	font-weight: normal !important;
}

#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: -50px;
	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 {
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 5;
}

#portalContent a:link, #portalContent a:active, #portalContent a:visited, #portalContent a:hover {
	color: #24409a !important;
	text-decoration: underline;
	font-weight: bold;
} 

/* Sub Layout Sections for the Portal Page */

#portalCol01 {
	position: relative;
	padding: 0 0 0 5px;
	margin: 20px 0 0 0;
	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;
	top: -340px;
	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;
}		

/* Portal Page Text Formatting */

#portalPageTitle {
	position: relative;
	margin: 0;
	padding: 0;
	top: 40px;
	left: 30px;
	width: 150px;
	height: 38px;
	z-index: 10;
}

/* Titles are in the blueEmphasis style */

.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 */


#sideBarSub {
	position: absolute;
	top: 23px;
	width: 260px;
	margin: 23px 0 0 771px;
}

#portalPageLinks {
	position: absolute;
	padding: 0;
	margin: 0;
	width: 200px;
	height: 213px;
	top: 125px;
	left: 710px;
	background-image: url(../images/common/seeAlsoTitle.gif);
	z-index: 11;
}

#portalPageLinks, #inThisSectionLinks, #subPageLinks {
	padding: 2.5em 12px 5px 15px;
	background-position: left top;
	background-repeat: no-repeat;
}


/* Link Text Styles */

#subPageLinks p, #inThisSectionLinks p, #portalPageLinks p {
	margin: 0;
	padding: 2px 0 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
}

#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 ********************************/

.italicRedGeorgia {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #99243f;
}

.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;
}

.newsDate {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px !important;
	font-style: normal;
	color: #24409A;
	font-weight: bold;
	letter-spacing: 1.5px;
	padding: 5px 0 0 3px;
}


.blueEmphasis {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #237695;
	font-weight: bold;
	margin-bottom: -7px !important;
}

.blueEmphasis a, .blueEmphasis a:active, .blueEmphasis a:visited {
	color: #237695;
	text-decoration: underline;
}

.blueEmphasis a:hover {
	color: #24409a;
}

.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 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #992640;
	border-bottom: solid #d8d8d8 1px;
	line-height: 1em;
	margin-bottom: -0.5em;
}

.redItalics {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	color: #992640;
}

.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 {
	list-style-position: outside;
	list-style-image: url(../images/common/arrowBullet.gif);
}

.subListRedArrow ul {
	margin-left: 1em;
}

.subListRedArrow li {
	padding-left: 1.5em;
}



.subListDownloads ul {
	margin-left: 1em;
	list-style: outside;
	/*list-style-image: url(../images/common/blueBullet.gif) !important; */
}

.subListDownloads li {
	padding-left: .25em;
	margin-bottom: 1.50em;
}


/************** 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;
	left: 20px;
}

#generalTableLayout td {
	padding: 10px;
	border-bottom: solid #5f6d9a 1px;
}

#generalTableLayout a:link, #generalTableLayout a:visited {	
	color: #24409a !important;
	text-decoration: underline;
	font-weight: bold;
	font-size: 1.2em;
}

#generalTableCellColor {
	background-color: #f7f8f9;
	border-right: solid #992640 1px !important;
}

#generalTableHeader {
	color: #992640;
	border-bottom: solid #d8d8d8 1px !important;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	text-align: center;
}

/* 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;
}

#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 */

#portabilityChartInstruct {
	margin-left: 25px;
	margin-top: -15px;
}

div#portabilityDiagram {
	position: absolute;
	width: 600px;
}

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: 160px;
	left: 10px;
	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;
}

#patientCare {
	position: relative;
	left: -4px;
	z-index: 5;
}

#stateDatabase {
	position: relative;
	left: -8px;
	z-index: 5;
}

#xmlTag {
	position: relative;
	left: 0px;
	top: -90px;
	z-index: 15;
}

#nationalDatabase {
	position: relative;
	left: -4px;
	top: -3px;
	z-index: 5;
}

#traumaRegistry {
	position: relative;
	left: -8px;
	top: -3px;
	z-index: 5;
}

#flashcontent {
	width: 90%;
	height: 90%;
	margin: 15px 20px;
}

.stateReportHeader01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #99243F;
	font-weight: bold;
}

.stateReportContactInfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	color: #000000;
}

.redEmphasis {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #CC0033;
	font-weight: bold;
	margin-bottom: -7px !important;
}

