/* ----------------------------------------------------------------------------

    z2productions.com
    Stylesheet for http://www.PierreComtois.com//

    1. General HTML elements
    2. General classes
    3. General structure
		  1. Header
		  2. Content	
		  3. Footer
	4. Specific structure and Classes	 

---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
	General HTML elements
---------------------------------------------------------------------------- */
*
		{
		margin: 0px;
		padding: 0px;
		}

html
		{
		height: 100%;
		}
		
body
		{
		margin: 0px;
		padding: 0px;
		background: #000;
		font-family: verdana, arial, tahoma;
		font-size: 11px;
		font-size: 100.01%; /* [1] */
		line-height: 20px;	
		font-weight: normal;
		color: #000;
		}
		
table, tr, td, th
		{
		font-family: verdana, arial, tahoma;
		font-size: 10px;
		line-height: 20px;	
		font-weight: normal;
		color: #fff;
		}
		
td, th
		{
		padding: 0px 0px 0px 0px;
		margin: 0px;
		}
		
img
		{
		border: 0px none;
		}
		
form 
		{
		margin: 0px; 
		padding: 0px;
		}
		
input, select, textarea
		{
		margin: 0px;
		padding: 0px;
		background: #f5f5f5;
		font-family: verdana, arial, tahoma;
		font-size: 11px;
		font-weight: normal;
		color: #000;
		border: 1px solid #000;
		}

/* ----------------------------------------------------------------------------
	General structure
---------------------------------------------------------------------------- */
		
#wrapper		
		{
		color: #000;
		background-color: none;
		text-align: center;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 1px;
		overflow: visible;
		visibility: visible;
		display: block		
		}
		
#content
		{
		text-align:left;
		color: #000;
		font-family: Verdana, Geneva, Arial, sans-serif;
		background-color: #000;
		margin-left: -400px;
		position: absolute;
		top: 0px;
		left: 50%;
	 	width: 800px; 
		height: 700px;
		visibility: visible;
		}

* html #container
		{
		height: 100%;
		}	
		

/* ----------------------------------------------------------------------------
	Header
---------------------------------------------------------------------------- */
		
#top
		{
		position: relative;		
		width: 800px;			
		height: 75px;
		margin: 0px;		
		padding: 0px;	
		background: transparent;
		}
			
		
/* ----------------------------------------------------------------------------
	Content
---------------------------------------------------------------------------- */

#content_area		
		{
		position: relative;
		float: center;
		display: block;
		overflow: hidden;		
		width: 800px;
		height: 600px;
		padding: 0px;
		margin: 0px;
		background: #000;
		}
		
#content_gray		
		{
		position: relative;
		float: center;
		display: block;
		overflow: hidden;		
		width: 800px;
		height: 600px;
		padding: 0px;
		margin: 0px;
		background: #000;
		}
		
#content_bgimg		
		{
		position: relative;
		float: center;
		display: block;
		overflow: hidden;		
		width: 800px;
		height: 600px;
		padding: 0px;
		margin: 0px;
		background: url(http://www.pierrecomtois.com/images/contact.jpg) top right no-repeat;
		}
		
#clients_bgimg		
		{
		position: relative;
		float: center;
		display: block;
		overflow: hidden;		
		width: 800px;
		height: 600px;
		padding: 0px;
		margin: 0px;
		background: url(http://www.pierrecomtois.com/images/clients.jpg) top right no-repeat;
		}			
		
		
* html #content_area
		{
		height: 100%;
		}	
		
#buffer
		{
		width: 554px;
		height: 30px;
		margin: 0px;
		margin-top: 1px;
		padding: 0px;
		background: #DBDBDB;
		}
		

		
#content_full
		{
		width: 500px;
		height: auto;
		padding: 0px;
		margin: 15px 25px 15px 25px;
		background: #fff;
		}	
		
#content h2, #content_full h2
		{
		font-family: verdana, arial, tahoma;
		font-weight: bold;
		font-size: 14px;
		line-height: 18px;	
		letter-spacing: .04em;
		color: #fff;
		text-decoration: none;
		padding: 0px;
		margin-top: 5px;
		}
		
#content h3, #content_full h3
		{
		font-family: verdana, arial, tahoma;
		font-weight: bold;
		font-size: 12px;
		line-height: 18px;	
		letter-spacing: .04em;
		color: #AD0000;
		text-decoration: none;
		padding: 0px;
		margin-top: 5px;
		}
		
#content p, #content_full p
		{			
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 11px;
		line-height: 14px;	
		color: #000;
		text-decoration: none;
		padding: 0px;
		margin-top: 5px;
		}	
		
#content ul, #content_full ul
		{			
		list-style: square;
		width: auto;
		height: auto;
		padding: 0px;
		margin: 5px 0px 0px 10px;
		}
		
#content li, #content_full li
		{		
		width: auto;
		height: auto;
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 11px;
		line-height: 14px;	
		color: #000;
		padding: 0px;
		/*border: 1px solid #000;*/
		margin: 0px 5px 0px 5px;
		}
		
#content a, #content_full a
		{			
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 11px;
		line-height: 14px;	
		letter-spacing: .04em;
		color: #AD0000;
		text-decoration: underline;
		padding: 0px;
		margin-top: 5px;
		}			
		
/* ----------------------------------------------------------------------------
	Footer
---------------------------------------------------------------------------- */


#footer_content		
		{
		position: relative;
		float: center;		
		width: 800px;
		height: 50px;
		padding: 0px;
		margin: 0px 0px 0px 0px;	
		background: #333;	
		}
		
#copyright		
		{
		position: relative;		
		width: 800px;
		height: auto;
		padding: 0px;
		margin: 0px;	
		background: transparent;	
		}
		
* html #copyright		
		{
		margin: 0px 0px 0px 0px;	
		}
		
html>body #copyright
		{
		margin: 0px 0px 0px 0px;	
		}
		
#copyright #center
		{
		float: center;
		display: block;
		overflow: hidden;
		width: 800px;
		height: auto;
		padding: 0px;
		margin: 0px;
		}

div#copyright #center p, div#copyright #center a
		{
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 9px;
		line-height: 10px;	
		letter-spacing: .15em;
		color: #fff;
		text-decoration: none;
		margin: 0px 0px 0px 0px;
		padding: 1px;		
		}
		
#copywright { text-decoration: none; color: #FFF; font-size: 7pt; font-family: Verdana, Geneva, Arial, sans-serif;}
.fineprintlink A:link {font-family: Arial; font-size: 7pt; line-height: 1.6; color: #ffffff; text-decoration: none;}
.fineprintlink A:visited {font-family: Arial; font-size:7pt; line-height: 1.6; color: #ffffff; text-decoration: none}
.fineprintlink A:active {font-family: Arial; font-size:7pt; line-height: 1.6; color: #ffffff; text-decoration: none}
.fineprintlink A:hover {font-family: Arial; font-size:7pt; line-height: 1.6; color: #ffffff; text-decoration: underline;}

/* ----------------------------------------------------------------------------
	General classes
---------------------------------------------------------------------------- */

.clear
		{
		clear: both;
		display: block;
		height: 10px;
		margin-bottom: -1px;
		font-size: 1px;
		line-height: 1px;
		}
		
.spacer			
		{
		margin: 0px;
		padding: 0px;
		padding-left: 5px;
		}
		
/* ----------------------------------------------------------------------------
	Specific structure and Classes
---------------------------------------------------------------------------- */

#homepage_image
		{		
		width: 800px;
		height: auto;
		padding: 0px;
		margin: 0px;
		background: transparent;
		}
	
#homepage_image h1
		{
		width: 800px;
		height: 650px;
		padding: 0px;
		margin: 0px;
		background: transparent;
		}	
		
#homepage_intro p
		{
		float: right;
		display: block;
		overflow: hidden;
		width: 325px;
		height: 180px;
		margin: 15px 15px 0px 0px;
		padding: 0px;
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 11px;
		line-height: 14px;	
		color: #fff;
		text-decoration: none;
		}
		
#homepage_columns
		{
		width: 550px;
		height: auto;
		padding: 0px;
		margin: 0px;		
		}
		
#homepage_left_col
		{
		float: left;
		display: block;
		overflow: hidden;
		width: 261px;
		height: auto;
		margin: 0px 0px 0px 10px;
		padding: 0px;
		}
		
#homepage_left_col h1
		{		
		width: 261px;
		height: 71px;
		padding: 0px;
		margin: 0px 0px 0px 0px;
		background: transparent;
		}

#bio_image
		{		
		position: relative;
		top: 50px;
		left: 0px;
		width: 288px;
		height: 432px;
		padding: 0px;
		margin: 0px;
		background: transparent;
		}
		
#bio_content
		{		
		position: relative;
		top: -432px;
		left: 348px;
		width: 370px;
		height: auto;
		margin: 0px;
		padding: 0px;		
		background: transparent;
		}
		
#bio_content h2
		{		
		margin: 0px 0px 0px 0px;
		padding: 0px;	
		font-family: verdana, arial, tahoma;
		font-weight: bold;
		font-size: 11px;
		line-height: 14px;	
		color: #ffffff;
		text-decoration: none;
		background: transparent;
		}
		
#bio_content p
		{		
		margin: 0px 0px 0px 0px;
		padding: 0px;	
		font-family: verdana, arial, tahoma;
		font-size: 11px;
		line-height: 14px;	
		color: #ffffff;
		text-decoration: none;
		background: transparent;
		}
		
#contact_info
		{		
		position: relative;
		top: 50px;
		left: 50px;
		width: 370px;
		height: auto;
		margin: 0px;
		padding: 0px;		
		background: transparent;
		}
		
#contact_info h2
		{		
		margin: 0px 0px 0px 0px;
		padding: 0px;	
		font-family: verdana, arial, tahoma;
		font-weight: bold;
		font-size: 14px;
		line-height: 14px;	
		color: #000;
		text-decoration: none;
		background: transparent;
		}
		
#contact_info p
		{		
		margin: 0px 0px 0px 0px;
		padding: 0px;	
		font-family: verdana, arial, tahoma;
		font-size: 11px;
		line-height: 14px;	
		color: #000;
		text-decoration: none;
		background: transparent;
		}
		
.news_intro h3
		{		
		margin: 5px 0px 0px 5px;
		padding: 0px;	
		font-family: verdana, arial, tahoma;
		font-weight: bold;
		font-size: 11px;
		line-height: 14px;	
		color: #000;
		text-decoration: none;
		background: transparent;
		}
		
.news_intro p
		{				
		margin: 0px;
		padding: 5px;		
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 11px;
		line-height: 14px;	
		color: #000;
		text-decoration: none;
		background: transparent;
		}
		
.news_intro a
		{				
		font-weight: bold;		
		color: #000;
		text-decoration: none;
		}
		
#homepage_right_col
		{
		float: left;
		display: block;
		overflow: hidden;
		width: 220px;
		height: auto;
		margin: 0px 0px 0px 20px;
		padding: 0px;
		}

#homepage_right_col h1
		{		
		width: 220px;
		height: 71px;
		padding: 0px;
		margin: 0px 0px 0px 0px;
		background: url(http://www.clinicasierravista.org/images/homepage_events_h1_bg.gif) top right no-repeat;
		}	
		
.events_intro
		{		
		width: 211px;
		height: auto;
		margin: 0px;
		padding: 0px;	
		background: #fff;
		}
		
.events_intro h2
		{		
		margin: 5px 0px 0px 5px;
		padding: 0px;	
		font-family: verdana, arial, tahoma;
		font-weight: bold;
		font-size: 11px;
		line-height: 18px;	
		color: #AD0000;
		text-decoration: none;
		background: transparent;
		}
		
.events_intro h3
		{		
		margin: 5px 0px 0px 5px;
		padding: 0px;	
		font-family: verdana, arial, tahoma;
		font-weight: bold;
		font-size: 11px;
		line-height: 18px;	
		color: #666;
		text-decoration: none;
		background: transparent;
		}
		
.events_intro p
		{				
		margin: 0px;
		padding: 5px;		
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 11px;
		line-height: 14px;	
		color: #000;
		text-decoration: none;
		background: transparent;
		}
		
.events_intro a
		{				
		font-weight: bold;		
		color: #000;
		text-decoration: none;
		}

#joint_commission
		{
		width: 200px;
		height: auto;
		padding: 0px;
		margin: 15px auto 0px auto;
		text-align: center;
		}
		
#joint_commission p		
		{				
		margin: 0px;
		padding: 2px;		
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 11px;
		line-height: 14px;	
		color: #fff;
		text-decoration: none;
		background: transparent;
		}
		
.events_intro p
		{				
		margin: 0px;
		padding: 2px;		
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 11px;
		line-height: 14px;	
		color: #666;
		text-decoration: none;
		background: transparent;
		}
		
.events_intro a
		{				
		font-weight: bold;		
		color: #000;
		text-decoration: none;
		}
		
.healthcenters_left_col
		{
		float: left;
		display: block;
		overflow: hidden;
		width: 225px;
		height: auto;
		margin: 0px 20px 0px 0px;
		padding: 0px;
		}		
		
.healthcenters_right_col
		{
		float: left;
		display: block;
		overflow: hidden;
		width: 225px;
		height: auto;
		padding: 0px;
		margin: 25px 0px 25px 25px;
		}
		
.healthcenters_left_col ul
		{
		width: auto;
		height: auto;
		list-style: square;		
		padding: 0px;
		margin: 5px 0px 5px 15px;
		}
		
.healthcenters_left_col li
		{
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 11px;
		line-height: 14px;	
		color: #000;
		text-decoration: none;
		}
		
.healthcenters_right_col h2, .healthcenters_left_col h2
		{
		font-family: verdana, arial, tahoma;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;	
		color: #AD0000;
		text-decoration: none;
		padding: 0px;
		margin-top: 5px;
		}
		
#content .healthcenters_right_col h3, #content  .healthcenters_left_col h3, #content .healthcenters_right_col a, #content .healthcenters_left_col a
		{
		font-family: verdana, arial, tahoma;
		font-weight: bold;
		font-size: 12px;
		line-height: 18px;	
		color: #AD0000;
		text-decoration: none;
		padding: 0px;
		}
		
.healthcenters_right_col p, .healthcenters_left_col p
		{			
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 11px;
		line-height: 14px;	
		color: #000;
		text-decoration: none;
		padding: 0px;
		}	
.healthcenters_left_col p		
		{
		margin: 0px 15px 0px 0px;
		}
.healthcenters_right_col p
		{
		margin: 0px 15px 0px 15px;
		}
		
.healthcenters_left_col h3		
		{
		margin: 5px 0px 5px 0px;
		}
.healthcenters_right_col h3
		{
		margin: 5px 0px 5px 15px;
		}
/* Specific Locations Charts */		
.location_column
		{
		float: left;
		display: block;
		overflow: hidden;
		width: 199px;
		height: 150px;
		padding: 0px;
		background: #FAF9F9;
		border-right: 1px solid #AD0000;
		border-bottom: 2px solid #AD0000;
		}
		
html>body .location_column
		{
		margin: 0px 0px 0px 0px;
		}
		
* html .location_column
		{
		margin: 0px 0px 0px 0px;
		}
		
.location_column h1
		{
		width: 199px;
		height: 15px;
		margin: 0px;
		padding: 0px;	
		font-family: verdana, arial, tahoma;
		font-weight: bold;
		font-size: 11px;
		line-height: 14px;	
		text-align: center;
		color: #fff;
		text-decoration: none;
		text-transform: capitalize;
		background: #AD0000;		
		}
		
.location_column p
		{
		width: 179px;
		height: 130px;
		margin: 5px 10px;
		padding: 0px;	
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 11px;
		line-height: 12px;	
		color: #666;
		text-decoration: none;
		background: #FAF9F9;	
		}
		
.time_column
		{
		float: left;
		display: block;
		overflow: hidden;
		width: 149px;
		height: 150px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		background: #FAF9F9;
		border-right: 1px solid #AD0000;
		border-bottom: 2px solid #AD0000;
		}
		
.time_column h1
		{
		width: 149px;
		height: 15px;
		margin: 0px;
		padding: 0px;	
		font-family: verdana, arial, tahoma;
		font-weight: bold;
		font-size: 11px;
		line-height: 14px;	
		text-align: center;
		color: #fff;
		text-decoration: none;
		text-transform: capitalize;
		background: #AD0000;		
		}
		
.time_column p
		{
		width: 149px;
		height: 130px;
		margin: 5px 0px 5px 10px;
		padding: 0px;	
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 11px;
		line-height: 12px;	
		color: #666;
		text-decoration: none;
		background: #FAF9F9;	
		}
		
.contact_column
		{
		float: left;
		display: block;
		overflow: hidden;
		width: 150px;
		height: 150px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		background: #FAF9F9;
		border-bottom: 2px solid #AD0000;
		}
		
.contact_column h1
		{
		width: 150px;
		height: 15px;
		margin: 0px;
		padding: 0px;	
		font-family: verdana, arial, tahoma;
		font-weight: bold;
		font-size: 11px;
		line-height: 14px;	
		text-align: center;
		color: #fff;
		text-decoration: none;
		text-transform: capitalize;
		background: #AD0000;
		}
		
.contact_column p
		{
		width: 150px;
		height: 130px;
		margin: 5px 0px 5px 10px;
		padding: 0px;	
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 11px;
		line-height: 12px;	
		color: #666;
		text-decoration: none;
		background: #FAF9F9;
		}
	
	
#sitemap ul
		{
		list-style: none;
		width: 500px;
		height: auto;
		background: transparent;
		}
		
html>body #sitemap ul
		{
		margin: 0px 0px 0px 0px;
		padding: 0px;
		}
		
* html #sitemap ul
		{
		margin: 0px -35px 0px 0px;
		padding: 0px;
		}
	
#sitemap li
		{
		list-style: none;
		/*
		width: 465px;
		*/
		height: auto;
		background: #AD0000;
		font-family: verdana, arial, tahoma;
		font-weight: bold;
		font-size: 13px;
		line-height: 28px;
		color: #fff;
		text-decoration: none;
		text-transform: capitalize;
		}
		
html>body #sitemap li
		{
		width: 465px;
		margin: 3px 0px 0px 0px;
		padding: 6px;	
		}
				
* html #sitemap li
		{
		width: 465px;
		height:  auto;		
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;	
		}
		
#sitemap li a
		{
		margin: 0px 0px 0px 15px;
		padding: 0px 0px 0px 5px;
		font-family: verdana, arial, tahoma;
		font-weight: bold;
		font-size: 11px;
		line-height: 20px;
		color: #fff;
		text-decoration: none;
		text-transform: none;
		}
		
#sitemap ul ul
		{
		list-style: none;
		width: 465px;
		height: auto;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 11px;
		line-height: 12px;
		color: #666;
		text-decoration: none;
		background: #FAF9F9;
		}
		
#sitemap ul ul ul
		{
		list-style: none;
		width: 465px;
		height: auto;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		background: #FAF9F9;
		}
		
#sitemap ul li
		{
		width: 465px;
		height: auto;
		background: #FAF9F9;
		}
		
#sitemap ul ul li
		{
		
		height:  auto;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 11px;
		line-height: 12px;
		color: #666;
		text-decoration: none;
		background: #FAF9F9;
		}
html>body #sitemap ul ul li
		{
		width: 475px;
		}
* html #sitemap ul ul li
		{
		width: 465px;
		}
#sitemap ul ul li a
		{		
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 25px;
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 11px;
		line-height: 20px;	
		color: #666;
		text-decoration: none;
		}
		
#sitemap ul li a
		{		
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 15px;
		font-family: verdana, arial, tahoma;
		font-weight: normal;
		font-size: 11px;
		line-height: 20px;	
		color: #666;
		text-decoration: none;
		}
	
		
/* EOF */