/*-----------------------------------------------------------------------------
Website Style Sheet

version:   1.0
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background:#fff;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#303030;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 996px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }
	
	/* Remove border around linked images */
	img { border: 0; }
	
	abbr {border-bottom:none; }
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin:0.4em 0; padding: 0 0 5px 0;color:#254173; }
	h1 { font-size: 1.6em; }
	h2 { font-size: 1.4em; color:#4D71B1; }
	h3 { font-size: 1.2em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link,	a:visited, a:hover { color:#254173; text-decoration:underline; }
	
	a[href$='.pdf'] {
		display:inline-block;
		padding-right:22px;
		line-height:16px;
		background:transparent url(../images/icon_pdf.gif) no-repeat right center;
	}
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 996px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#content { margin:0; padding:0; background:url(../images/content-bg.jpg) repeat-y top left; text-align:left; }
	#content .top { background:url(../images/content-top-bg.jpg) no-repeat top left; }
	#content .bottom {
		background:url(../images/body-base.jpg) no-repeat bottom left; 
		padding:0 0 20px 0;
		min-height:300px; height:auto !important; height:300px;
	}
	
	#footer { 
		width: 960px;
		margin: 0;
		padding:0 0 0 18px;
		text-align: left;
		line-height:22px;
		
	}
	
	#footer #nav_supp {
		color:#fff;
		background:#254173;
	}
	
	#footer #nav_supp p {
		padding: 0 0 0 20px;
	}
	
	#footer #nav_supp a,
	#footer #nav_supp a:visited { color:#fff; text-decoration:none; }
	#footer #nav_supp a:hover { color:#fff; text-decoration:underline; }
	
	#footer #site_info {
		color:#000;
	}
	
	#footer #site_info {
		padding: 0 0 0 20px;
	}
	
	#footer #site_info a,
	#footer #site_info a:visited { color:#000; text-decoration:underline; }
	#footer #site_info a:hover { color:#000; text-decoration:underline; }
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:35px; margin:0 0 0 0; padding:0; list-style-type:none; text-align:left; }
	ul#nav_main li { height:35px; float:left; position:relative; overflow:hidden; }
	ul#nav_main li span { width:100%; height:100%; position:absolute; }
	ul#nav_main li a { display:block; cursor:pointer;}
	* html #nav_main a:hover { background:#ccccff; cursor:pointer;}
	
	
	/* This is an example of what needs to be done for each li in the main navigation unordered list. 
	   You can copy this block and just change out the class name, widths and background image names/locations. */
	ul#nav_main li.about-us { width:142px; }
	ul#nav_main li.about-us a span,ul#nav_main li.about-us a:link span { background:url(../images/buttons/btn-about-us.gif) no-repeat; }
	ul#nav_main li.about-us a:hover span,body.about-us ul#nav_main li.about-us a span { background:url(../images/buttons/btn-about-us.gif) no-repeat 0 -35px; }
	
	ul#nav_main li.services-programs { width:179px; }
	ul#nav_main li.services-programs a span,ul#nav_main li.services-programs a:link span { background:url(../images/buttons/btn-services-programs.gif) no-repeat; }
	ul#nav_main li.services-programs a:hover span,body.services-programs ul#nav_main li.services-programs a span { background:url(../images/buttons/btn-services-programs.gif) no-repeat 0 -35px; }
	
	ul#nav_main li.resources { width:113px; }
	ul#nav_main li.resources a span,ul#nav_main li.resources a:link span { background:url(../images/buttons/btn-resources.gif) no-repeat; }
	ul#nav_main li.resources a:hover span,body.resources ul#nav_main li.resources a span { background:url(../images/buttons/btn-resources.gif) no-repeat 0 -35px; }
	
	ul#nav_main li.funding { width:106px; }
	ul#nav_main li.funding a span,ul#nav_main li.funding a:link span { background:url(../images/buttons/btn-funding.gif) no-repeat; }
	ul#nav_main li.funding a:hover span,body.funding ul#nav_main li.funding a span { background:url(../images/buttons/btn-funding.gif) no-repeat 0 -35px; }
	
	ul#nav_main li.job-opportunities { width:167px; }
	ul#nav_main li.job-opportunities a span,ul#nav_main li.job-opportunities a:link span { background:url(../images/buttons/btn-job-opportunities.gif) no-repeat; }
	ul#nav_main li.job-opportunities a:hover span,body.job-opportunities ul#nav_main li.job-opportunities a span { background:url(../images/buttons/btn-job-opportunities.gif) no-repeat 0 -35px; }
	
	ul#nav_main li.news { width:90px; }
	ul#nav_main li.news a span,ul#nav_main li.news a:link span { background:url(../images/buttons/btn-news.gif) no-repeat; }
	ul#nav_main li.news a:hover span,body.news ul#nav_main li.news a span { background:url(../images/buttons/btn-news.gif) no-repeat 0 -35px; }
	
	ul#nav_main li.dental-certificate { width:199px; }
	ul#nav_main li.dental-certificate a span,ul#nav_main li.dental-certificate a:link span { background:url(../images/buttons/btn-dental-certificate.gif) no-repeat; }
	ul#nav_main li.dental-certificate a:hover span,body.dental-certificate ul#nav_main li.dental-certificate a span { background:url(../images/buttons/btn-dental-certificate.gif) no-repeat 0 -35px; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { text-align:left; height:114px; overflow:hidden; }
	
	#branding h1 { width:996px; height:114px; margin:0 0 0 0; padding:0; position:relative; overflow:hidden; float:left; display:inline; }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/logo.jpg); }
	
	#branding_sub { margin:0; padding:60px 30px 0 0; float:right; display:inline; text-align:right;}
	#branding_sub h1 { margin:0; padding:0; }
	
	/* =Three Column
	-----------------------------------------------------------------------------*/	
	#three_column #content_main { margin:0 0 0 18px; padding:0; width:960px;  }
	#three_column #content_main #flash { width:532px; height:196px; margin:0; padding:0; float:left; display:inline; }
	
	#three_column #content_main #home-banner { width:428px; height:196px; margin:0; padding: 0; float:right; display:inline; background: #fff url(../images/main-image-right.jpg) no-repeat; }
	
	#three_column #content_main #home-banner #jobs { width:200px; height:120px; padding:45px 0 0 20px; overflow:hidden; line-height:2; font-size:12px;}
	
	#three_column #content_sub { width:250px; height:400px; margin:0; padding:0 0 0 18px; float:left; display:inline; overflow:hidden; border-right:3px dotted #cccccc; }
	
	#three_column #content_sub #contact { width:250px; height:100%; margin:0; padding:0; background:#fff; }
	
	#three_column #content_sub #contact .side { padding:0 0 0 18px;}
		
	#three_column #content_sub #contact .bg { margin:0; padding:0;  }
	#three_column #content_sub #contact h2{ height:45px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_sub #contact h2 span{ width:100%; height:100%; padding:0; margin:0;position:absolute; background:#fff url(../images/contact-us-txt.jpg) no-repeat; }
	
	#three_column #content_sub #contact_form_content ul { margin:0; padding:0; }
	#three_column #content_sub contact_form_content li { margin:0; padding:0 8px 10px 0; list-style-type:none; line-height:16px; }
	
	#three_column #content_sub a,
	#three_column #content_sub a:visited { text-decoration:none; }
	#three_column #content_sub a:hover { text-decoration:underline; }
	
	#three_column #welcome_message { width:390px; height:400px; overflow:hidden; margin:0; padding:0; float:left; display:inline; background:#fff; border-right: 3px dotted #cccccc; }
	
	#three_column #welcome_message h2 { width:390px; height:40px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #welcome_message h2 span { width:100%; height:100%; position:absolute; background: url(../images/welcome-txt.gif) no-repeat; }
	
	#three_column #welcome_message p { padding:0 12px 0 10px; line-height:18px; }
	
	#three_column #news { width:280px; margin:0; padding:0; float:left; display:inline; background:#fff; overflow:hidden; }
	#three_column #news h2 { width:280px; height:40px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #news h2 span { width:100%; height:100%; position:absolute; background:url(../images/news-txt.jpg) no-repeat;}
	#three_column #news #news_content { margin:0; padding:0 15px 0 18px; background:#fff;}
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { min-height:400px; height:auto !important; height:400px; width:648px; margin:0 18px 0 0; padding:15px 20px 10px 20px; line-height:18px; float:right; background: #fff; display:inline; border-left: 3px dotted #cccccc; }
	
	#two_column #banner h1{ width:996px; height:112px; margin:0; padding:0; position:relative; overflow:hidden; float:left; display:inline; }	
	
	#two_column #banner h1 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-interior.jpg) no-repeat; }
	
	#two_column #content_sub { width:250px; margin:0 0 0 18px; float:left; display:inline; }
	
	#two_column #content_sub #contact { width:250px; height:100%; margin:0; padding:0; background:#fff; overflow:hidden; }
	
	#two_column #content_sub #contact .side { padding:0 0 0 18px;}
		
	#two_column #content_sub #contact .bg { margin:0; padding:0;  }
	#two_column #content_sub #contact h2{ height:45px; margin:0; padding:0; position:relative; overflow:hidden; }
	#two_column #content_sub #contact h2 span{ width:100%; height:100%; padding:0; margin:0;position:absolute; background:#fff url(../images/contact-us-txt.jpg) no-repeat; }
	
	
	#two_column #content_sub #in-this-section { width:240px; }
	#two_column #content_sub #in-this-section .bg { margin:0; padding:0;  }
	#two_column #content_sub #in-this-section h2{ height:45px; margin:0; padding:0; position:relative; overflow:hidden; }
	#two_column #content_sub #in-this-section h2 span{ width:100%; height:100%; padding:0; margin:0;position:absolute; background:#fff url(../images/title_side_index.gif) no-repeat; }
	
	
	#two_column #content_sub #in-this-section a[href$='.pdf'] {
		background: none;
	}
	
	#two_column #content_sub #in-this-section ul { list-style-type:none; margin:0; padding:0; }
	#two_column #content_sub #in-this-section li { line-height:24px; }
	
	#two_column #content_sub #in-this-section li a,
	#two_column #content_sub #in-this-section li a:visited { width:232px; display:block; color:#254173; text-decoration:none; padding:2px 0 3px 18px; border-bottom: 1px solid #5772A1; }
	#two_column #content_sub #in-this-section li a:hover { width:232px; display:block; color:#254173; text-decoration:underline; padding:2px 0 3px 18px; border-bottom: 1px solid #5772A1; }
	
	#two_column #content_sub #in-this-section li li a,
	#two_column #content_sub #in-this-section li li a:visited,
	#two_column #content_sub #in-this-section li li a:hover { width:232px; display:block; color:#254173; text-decoration:none; padding:2px 0 2px 30px; border-bottom: 1px solid #254173; }
	

	/* =Forms
	-----------------------------------------------------------------------------*/
	form { padding: 0.4em; margin: 0; }
	form em { color: #FF0000; }
	form p { clear: left; margin: 0; padding: 0; padding-top: 0.4em; }
	form p label { float: left; width: 25%; }
	
	fieldset { padding: 0.6em; padding-left: 0.7em; }
	fieldset legend { padding: 0; margin-bottom: 0.2em; font-weight: bold; color: #000000; font-size: 1.1em; }
	
	input.txt { width: 200px; }
	
	.formerror {
	  border: 1px solid red;
	  background-color : #FFCCCC;
	  width: auto;
	  padding: 0.4em;
	  margin-bottom: 0.4em;
	}
	.formerror ul { padding-left: 1.7em; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td {
	  text-align: left;
	  vertical-align:top;
	}
	
	/* =Lists
	-----------------------------------------------------------------------------*/
	#two_column #content_main ul { list-style-type:disc; }
	#two_column #content_main li { margin:0; padding:2px 0;}
	
	
	/* =Driving Directions
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:0; padding:0; border:0; width:230px; background:url(../images/driving-directions/driving-directions-bg.gif) repeat-y; overflow:hidden; }
	#driving_directions .dd-top { background:url(../images/driving-directions/driving-directions-top.gif) no-repeat top left; }
	#driving_directions .dd-bottom { background:url(../images/driving-directions/driving-directions-bottom.gif) no-repeat bottom left; }
	
	#driving_directions h2 { width:203px; height:30px; margin:0 auto; padding:0; position:relative; overflow:hidden; }
	#driving_directions h2 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/driving-directions/txt-driving-directions.gif) no-repeat; }
	
	#driving_directions form { font-size:12px; font-weight:normal; padding:10px 15px; }
	#driving_directions form input { margin:4px 0px; }
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	.mission { background:#E8EDF6; padding: 0 10px; 0 10px; border:1px dotted #E0E0E0;}
	.vcard { padding: 0 0 0 20px;}
	a.vcard { padding: 0 0 5px 0;}
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; margin:0 10px 10px 0; }
	img.right { float:right; margin:0 0 10px 10px; }
	
	p.left { text-align:left; }
	p.right { text-align:right; }
	p.center { text-align:center; }
	
	p.next { text-align:right; width:150px; float:right;}
	
	
}