/* Make sure that all colors used on website are "Browser-safe" otherwise, dithering
   will occur and website will not look the same in all browsers. */

/* Basic Elements */
html 
{
	margin: 0;
	padding: 0;		
}

body 
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    /* Assuming that the default body text on most web 
       browsers is 12pt, then .87em is approx 14pt */  
    color:black;     
    margin: 0.5em auto; /* top and bottom margins are 6pts and right and left margins
                           are automatically calculated based on the width of the 
                           container and space left on both sides of it. Auto means
                           let the browser figure it out on its own. This margin
                           statement is the same as margin: 0.5em auto 0.5em auto;
                           this is the shortcut version.*/     
   
    background-color:White;
    line-height:18px;
    margin-left:0px;
    padding-left:0px;
    font-size:100% !important; /* Must have at 100% so that TEXT SIZE in Browser will increase/
                       decrease proportionally */             
    position:relative;	    
}

/* Center webpages in middle of screen */
#center
{ 
	left: 5%;
	width: 50%; 
	border-width: 1px; 
	height: 111px;	
	position: absolute;	
} 

/* The wrapper div is used to hold the website content */
#wrapper
{      
    padding: 0px 0px 0px 0px;	            
  	background-color: #ffffff; /* white */		
	width:90%; /* Use % so that the width is compatible in all screen resolutions */
	margin:auto;
	height:auto;	
	position:relative;
}

a:Link
{
	color:#333399; /* blue */
}
a:visited
{
	 color:#660099; /* purple */
}
a:active
{
	color:#FF0000; /* red */
}
a:hover
{
	color:#660000; /* maroon */
}
ul 
{
	list-style-image: url(../../images/arrowhead.gif);
}
li
{
	padding-left:.2em;
}

.MainMenuLinks a, a:visited, a:active
{
	color:#333399; /* blue */	
}

.MainMenuHover a:hover
{
	color:#660000; /* maroon */
}

/* h1 is approx 22pt */
h1 {
    font-size: 1.83em;
    color: #333399; 
    font-weight:bold;
    border-collapse:collapse;
    margin-bottom:0px;       
}
/* h2 is approx 20pt*/
h2
{
    font-size: 1.66em;
    color: #333399;  
}
.ContentTitle h2
{
	 color: #333399;  
}
	
/* h3 is 18pt */
h3
{
    font-size: 1.3em;
    color: #333399;     
}
h4
{
    font-size: 1.3em;
    color: black;    
}
h4.Red
{
	color:red;	
	text-align:center;
}
h5
{
    font-size: .7em;
    color: #000000;       
}
	
hr 
{
	border:none;	
	color: #cccccc;
	background-color:#cccccc;
	height: 2px;	
	width:80%;
    margin: 15px auto; 
}
ul li
{
	margin-bottom:15px;
    padding-left:5px;
}

.Bold
{
	font-weight:bold;
}

.Disclaimer
{
	font-style:italic;
	line-height:normal;
	font-size:small;	
}
.Disclaimer b
{
	color:#660000;
	font-style:normal;		
}


.Top-Navigation
{	
	left:455px; 
	font-weight:bold;
	font-size:14px;
	border-collapse:collapse;
	position:relative;	/* relative to wrapper */
}

.Header
{
	top:5px;
	left:10px;
	right:10px;			
	position:relative; 
}

.Picture-Navigation
{	
	width:800px; /* need fixed width here, otherwise images move when
                    user resizes browser window. */		
	margin-top:10px;
	position:relative;
	z-index:99;	 
}

/* Display Primary Navigation icons on 1 line */

#HomeIconPosition
{	
	margin-top:10px;		
}

/* Layout the primary navigation icons */

.HomeIcon
{
	margin-left:22px;	
}
.EducationIcon
{
	padding-left:41px;
}
.DocumentsIcon
{
	padding-left:72px;
}
.HealthIcon
{
	padding-left:85px;
}
.ProjectsIcon
{
	padding-left:81px;
}
.LinksIcon
{
	padding-left:40px;
}
.FAQIcon
{
	padding-left:44px;
}
	
.Menu
{
	top:-9px;		
	left:10px;
	width:800px;		
	z-index:98;			
	position:relative; /* relative to wrapper */
}
.CMSMenu
{
	top:150px;
	left:10px;
	width:150px;
	font-size:.9em;
	position:absolute;
}

.StaticMenuItemStyle
{
	margin-top:5px;
}

.SubMenuStyle
{		
	 text-align:center;
	 text-indent:10px;
	 border: solid 1px #cccccc;		
	 padding: 0px 10px 0px 0px; 		 
}
/* FIXES SUBMENU RENDERING PROBLEM IN IE8
   The ASP.NET Menu control <DynamicMenuStyle> element z-index property, must be
   set to a high value so that the submenus do not appear as white boxes
   (hidden behind other elements on the page). */
.DynamicMenuZIndex
{
 z-index:999;
}

.Content
{   
	top:5px;
	left:10px;	     
    position: relative; /* relative to wrapper */  
}

.LeftColumn-Subheader
{
	top:-5px;
	margin-left:-3px;
    width:160px;
    height:100px;     
    position:absolute; 
}

/* Welcome on Home Page */
.LeftColumn-Welcome
{		
    top:0px;
    width:190px;
    margin-left:-10px;            
    position:absolute;       
}

.LeftColumn-HealthInsurance
{
    top:290px;    
    margin-left:5px;
    width:170px;
    height:60px;               
    padding:10px 27px 15px 0px;          
    position:absolute;           
}

.LeftColumn-Employment
{
    top:395px;    
    margin-left:5px;
    width:170px;
    height:60px;               
    padding:10px 27px 15px 0px;          
    position:absolute;           
}

/* How We Help */
.LeftColumn-HowWeHelp
{
    top:440px;
    margin-left:-10px;    
    width:130;
    height:580;	               
    border: solid 1px #cccccc;      
    padding:5px 10px 10px 20px;
    position:absolute; 
}

.LeftColumn-HowWeHelp p
{
	margin-top:5px;	
}

.LeftColumn-PCHCStaff
{
    top:1080px;
    width:100px;
    border: solid 1px #cccccc;
    padding: 5px 5px 10px 15px;
    margin-left:25px;      
    position:absolute;          
}
.LeftColumn-PCHCStaff a:visited
{
	color:#660099; /* purple */
}

.LeftColumn-PCHCStaff a:hover
{
	color:#660000; /* maroon */
}

.LeftColumn-MailingList
{
    top:1140px;    
    margin-left:10px;
    width:143px;
    height:45px;               
    border: solid 1px #cccccc;
    padding:5px 2px 0px 10px;       
    position:absolute;           
}

.PMHCC-Attribution
{
	top:25px;
	left:150px;  
	width:540px;  
    font-weight:normal;                  
    position:relative;    
}
.BannerCredit
{
	font-size:12px;
	color:#000000;
    line-height:35px;
    font-family:"Arial Narrow", "Sans-Serif";
}

.PMHCC-Attribution a:visited
{
	color:#660099; /* purple */
}

.PMHCC-Attribution a:hover
{
	color:#660000; /* maroon */
}

.LeftColumnNavigation
{
	top:100px;
	width:150px;
	margin: 0px 5px 0px 0px;
	line-height:1.8em;
	font-size: 13px; /* Use px so that text is not resized on screen */	
	position:absolute;
}

.LeftColumnNavigation a
{	
    text-decoration: underline;
    color:#333399; /* blue */
   
}
.LeftColumnNavigation a:visited
{	
    text-decoration: underline;
    color:#660099; /* purple */
   
}
.LeftColumnNavigation a:hover
{	
    text-decoration: underline;
    color:#660000; /* maroon */
   
}
.Format-EmailIcon
{
	margin-top: 5px;
	margin-right:5px;
}
.Format-PMHCCIcon
{	
	padding: 2px 10px 0px 2px;
}

.MiddleColumn-HomePage
{
	top:-5px;
	margin-left:200px;	
    width:561px;  
    background-color: #ffffff;     
    padding:5px 18px 60px 20px;
    border: solid 1px #cccccc;
    line-height:1.8em; 
    font-size:0.8125em;
    position:relative;    
}

.MiddleColumn-ContentPages
{
	top:-5px;
	left:145px;
    width:607px; 
    height:auto;    
    background-color: #ffffff;                
    padding:5px 24px 10px 22px;
    border: solid 1px #cccccc;
    line-height:1.6em; 
    font-size:0.8125em;       
    position:relative;
}

.MiddleColumn-ContentPages h2
{
	
	text-align:center;
	font-weight:normal;
	color:#333399; /* blue */
}

.MiddleColumn-Text
{	
	background-color:White;	
	border-style:none;
	padding:2px 3px 10px 10px;	
	text-align:left;	
}
.MiddleColumn-Text a:link
{	
	text-decoration: underline;
	color:#333399; /* blue */
}
.MiddleColumn-Text a:visited
{
	text-decoration: underline;
	color:#660099; /* purple */
}
.MiddleColumn-Text a:active
{
	text-decoration: underline;
	color:#FF0000; /* red */
}
.MiddleColumn-Text a:hover
{
	text-decoration: underline;
	color:#660000; /* maroon */
}
.MiddleColumn-Text h3,h4
{
	color:#000000;
}
.MiddleColumnCMS
{
	top:-5px;
	margin-left:120px;	       
    background-color: #ffffff;    
    line-height:1.8em;     
    position:relative;    
}

.PageHeading
{
	 background-color:#cccccc;
	 color:#021f83;
	 font-weight:bold;
	 font-size: 1.6em;		 	 	
	 padding: 2px 0px 2px 5px;
	 line-height:1.2em;
	 letter-spacing:.2em;
	 font-family:  Arial, Sans-Serif;		
}

.Announcement
{
     background-color:#021f83;
	 color:#ffffff;	  
	 font-weight:bold;
	 font-size: .9em;
	 text-align:left;	
	 line-height:2.0em;	
	 letter-spacing:.1em; 
	 font-family:Verdana,Arial, Sans-Serif;
	 border: solid 5px #cccccc;		  
}	
.Announcement hr
{
	border: none;	
	background-color:#cccccc; /* Background-color and color properties must be same color for FF, Opera */
	color:#cccccc;               
	height:3px;  
	width:50%;		
	margin-top:0px;
	margin-bottom:0px;	
	text-align:center;	
}

.Announcement li
{	
	/* IE8 attribute values */
	margin-left:5px;		
	margin-right:5px;
	padding-left:-1px;
	line-height:1.5em;
	/* CSS hacks for IE6 and IE7 
       IE6 and IE7 will use the following values for margin, padding
       and line-height attributes. IE8 will not see these values. */	
	>margin-left:-10px;	
	>padding-left:10px; 
	>line-height:1.6em;	
}

/*div.hr {
  height: 5px;
  background-color:#cccccc;
  color: #cccccc;  
  width:60%;
}
div.hr hr {
  display: none;
}*/
.RightColumn-Navigation
{
	top:-5px;
	left:659px;
    width:115px;
    height:430px;           
    border: solid 1px #cccccc;      
    padding:5px 8px 10px 8px;
    position:absolute; 
}

.RightColumn-Navigation a, .RightColumn-Navigation a:visited
{
	font-size: 1.1em;
    color: #660000;
    font-weight:bold;
}
.RightColumn-Navigation h4
{
	font-size: 1.2em;
    color: #660000;
    font-weight:bold;
}
/* Backslash hack -
   see http://reference.sitepoint.com/css/hacks */
.Footer
{    
	clear:both;
    font-size:small;     
    Margin-bottom: 10px;
    padding-bottom: 10px; 
    width:101%;  /* IE 5.5 and earlier version apply this width because
                    they ignore the next WIDTH declaration.  */
    wid\th:180%;  /* All other browsers apply this width
                     because they ignore just the "\" character. */
    height: 15px;
    background-color: #cccccc;
    color:#333399;   
    position: relative; 
}

.Footer p
{   
    /* margin-top:10px;    */
    /* margin-bottom:10px; */
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;   
}
.Footer p a:link 
{    
	color:#333399; /* blue */
}
.Footer p a:visited
{      
    color:#660099; /* purple */
}
.Footer p a:hover
{      
    color:#660000; /* maroon */
}
.Footer p a:active
{      
    color:#FF0000; /* red */
}
.CopyRight
{
    border-collapse:collapse;        
    text-align:center;
    font-style:normal;
    color:#000000; 
    top:5px;
    line-height:20px;
    font-size:11px;   
    position:relative;
}
.WebmasterEmail
{
	font-size:11px;
}
.CopyRight a.WebmasterEmail
{
	font-size:11px;
}

#TrainingYear
{
	background-color:#ffff99;	
	width:577px;
	height:50px;
	margin-top:10px;
	border: solid 1px #cccccc;      
    padding:2px 5px 5px 5px;
    position:relative;
} 

#TrainingEvents
{
	background-color:#ffffff;
	width:550px;
	height:300px;
	margin-top:10px;
	border: solid 1px #cccccc;      
    padding:5px 5px 10px 13px;
    position:relative;
} 
.TrainingText
{
	font-size: 1em; 
}

#TrainingDescription
{
	font-size: 1.3em;
	font-weight:bold;
	padding-right:20px;
	color:#000000;
}

#TrainingDescription p
{
	font-size:medium;
	font-weight:normal;
	color:#000000;
}
#TrainingConfirmation
{
	margin-left:0px;
	text-align:center;
}
#PubsConfirmation
{
	text-align:left;
}
#PubsConfirmation hr
{
	text-align:left;
	border:none;	
	color: #cccccc;
	height: 2px;	
	width:80%;
}

#Documents li
{
	 padding-bottom:5px;
}
.ArchivedNewsletterTable
{
	left:100px;	
	border-width:3px;
	border-style:solid;	
	border-color:#cccccc;
	
}
.ArchivedNewsletterTable th
{
	color:#333399;
	text-align:center;
	font-size:medium;
	border-color:#cccccc;
	border-style:solid;
	border-width:2px;
}
.ArchivedNewsletterTable tr
{
	background-color:#ffffcc;
}
.ArchivedNewsletterTable td
{
	background-color:#ffffcc;
	border-color:#cccccc;
	border-style:solid;
	border-width:2px;
}

.FAQ-Style
{
	color:#333399;
	font-weight:bold;
	font-size:1.1em;	
	padding-left:0px;
}
.FAQ-Style p
{
	border-collapse:collapse;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;			
}

.FAQ-Style img
{
	width:25px;
	height:18px;	
	padding-right:10px;
}
.FAQ-Style a:link
{	
	text-decoration: underline;
	color:#333399; /* blue */
}
.FAQ-Style a:visited
{
	text-decoration: underline;
	color:#333399; /* purple */
}
.FAQ-Style a:active
{
	text-decoration: underline;
	color:#FF0000; /* red */
}	
.FAQ-Style a:hover
{
	text-decoration: underline;
	color:#660000; /* maroon */
}
.FAQ-Answers
{
	color:#000000;
	font-weight:normal;	
	padding-left:0px;	
}

.FAQ-Answers ul
{
	color:#000000;
	font-weight:normal;		
	padding-left:0px;
}
/* Force Go To Top anchor link to be blue. IE6 
   does not render anchor links properly so need
   to force blue (unvisited) link color here.*/
.BackToTopLink a,a:link
{
	text-decoration: underline;
	color:#333399; /* blue */
}
	

.RegistrationTable
{
	text-align:left;
	font-family: Arial, Sans-Serif;	
}
.RegistrationLink
{
	text-align:center;
	font-weight:bold;
}
.CenterText
{
	text-align:center;
}

.ImageAlignCenter
{
	padding: 0px 10px 0px 200px;	
}

.ImageAlignLeft
{
	padding: 0px 10px 0px 0px;	
}

.ImageAlignRight
{
	padding: 0px 0px 0px 10px;	
}

.ImageHCA-FloatRight
{
	 float:right;	 	
	 padding-right:150px;	
}

.ImageAN-FloatRight
{
	 float:right;	 	
	 padding-right:150px; 
}

#HPAP-TableFormat th
{
	background-color:#CCCCCC;
	color: #333399; 
    width:50%;
    font-size: 1.5em;       
    padding-top:0px;
    padding-bottom:0px;        
}

#HPAP-TableFormat td
{
	line-height:20px;
	vertical-align:top;
}
.TrainingTopics-TableFormat th
{	
	background-color: #021f83;
	color:#ffffff;
	font-size: 1.1em;
	font-weight:bold;
	text-align:center;	
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;        
}

.TrainingTopics-TableFormat td
{
	line-height:14px;
	/*vertical-align:top;*/
}

fieldset
{
	border: 1px solid #333399;
	margin-top:1.4em;	
	padding: 1em;
}
legend
{
	font: bold 1em Verdana, Arial, Helvetica, san-serif;
	color: #333399;
	background-color: #ffffff;
}
/* Online Training Style */
.OnlineTraining-ReturnHome
{  
 margin-left:15px;
 line-height:47px;
}
.OnlineTraining-SideBar  
{
	top:-25px;
	margin-left:0px;
	font-size: 12px;
	line-height:30px;
	width:130px;		
	position:relative;	
}
.OnlineTraining-SideBar img
{
	padding-left:5px;	
}
.OnlineTraining-SideBar li
{  
 margin-left:0px;  
 padding-left:0px;
}
.Training-SideBar  
{	
	margin-left:0px;
	font-size: small;
	line-height:15px;
	width:150px;	
	position:relative;	
}


.ValidationSummary 
{
	 line-height:.08em;
	 color:#ff0000; /* red asterisk */
}

.StaffTable 
{
	border: 1px solid #cccccc;
	border-collapse:collapse;		
	width: 100%;	
}
.StaffTable col.odd
{
	background-color: #ffffcc; /* light yellow */
	color:#000000;
	padding: 5px 3px 5px 3px;
}
.StaffTable col.even 
{
	background-color:#ffffff; /* white */
	color:#000000;
	padding: 5px 3px 5px 3px;
}
.StaffTable td
{
	border:2px solid #ffffff;	
	border: 1px solid #cccccc;
	text-align:left;
}
.StaffTable th 
{
	border:2px solid #ffffff;
	background-color: #021f83;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding: 0.3em;
}
.SiteMap-LeftColumn
{	
   padding:0px; 
   float: left;  
   width: 48%;
   height:100%;
}
.SiteMap-RightColumn
{		 	
   border-left-width: thin; 
   border-left-style: solid; 
   border-left-color: #cccccc;    
   padding: 0px 0px 0px 22px; 
   float: right;    
   width: 48%;
   height:100%;      
}
.ErrorMessage-Style
{
	color:Red;
}
.Hidden
{
	display:none;
}

/* CMS Styles */
.PageDDL
{		
    top:-30px;
    width:200px;
    margin-left:0px;            
    position:absolute;       
}
.Certificate
{
	color:Red;
	font-size:medium;
	font-weight:bold;
}
#EvalList li
{
	display:inline;
	list-style-type:none;    
} 
.NewItem
{
	color:Red;
	font-weight:bold;
}
.TrainingLabel
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size:1.5em;
	font-weight:bold;
}
.TrainingTitle
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size:1.2em;	
}

/* DRaTS 417 06/01/10 DAA */
.TopicsStyle
{
	margin-left:15px;	
	padding-left:6px;
}
.TopicsTopStyle
{
	margin-top:5px; /* target only IE8 + Firefox browsers */ 	
}
.TopicsTopStyle2ndColumn
{
	margin-top:0px; /* target only IE8 + Firefox browsers */ 	
}

#divCertificate
{
	margin-top:0px;
}

.TrainingLeftColumn
{
	top:75px;
	width:150px;
	line-height:30px;
	margin: 0px 0px 15px -5px;	
	font-size: 13px; /* Use px so that text is not resized on screen */	
	position:absolute;
}