/* 

 ----------------------------------------------------------------------------

  Copyright CMTM Inc. 2005. Used with Permission.                             

  May not be duplicated or reproduced.



  Please check for cross-browser compatibility prior to making changes

  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari



  CSS Document - layout.css

 ---------------------------------------------------------------------------- 

*/





/* undo some default styling of common (X)HTML browsers

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



/* No list-markers by default - must redefine bullets w/ bg graphics */

ul,ol { list-style:none; }



/* Avoid browser default inconsistent heading font-sizes and pre/code */

h1,h2,h3,h4,h5,h6,pre,code,td { font-size:0em; }



/* Remove inconsistent (among browsers) default padding or margin */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }



/* prevent blue linked image borders */

a img,:link img,:visited img,fieldset { border:none; }


/* global elements

 * ------------------------------------------------------------------------- */
body {
	background:url(../images/index/body_bg.jpg) repeat-x;
	text-align:center; 
	font-family:Bitstream Vera Sans, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

div.clear	{ 
	clear:both;  
	overflow:hidden;
	}

.content{
	padding:0px 0 0 30px;
	text-align:left;
	line-height:16px
	}
	
	.content p{ 
		padding:15px 0 0 0;
		}
	
	.content ul {
		margin:10px 0 0 50px;
		list-style-type:disc;
		}
		
	.content h1 {
		margin:10px 0 0 0;
		}
		
	.content ol { list-style-type: decimal;
	margin:10px 0 0 50px; }
	
		
hr {
	color:#F1F1F1;
	margin:10px 0 10px 0;
	}
	
#center-hr{
	color:#F1F1F1;
	margin:17px 0 17px 0;
	}
	
h1,h2,h3 {margin-top:10px;}

h1	{ font-size:1.1em;}
h2	{ font-size:1.2em; color:#FC7E2F; margin-top:15px;}
h3	{ font-size:.9em;}

/* ----- type selectors ----- */ 

a:link,a:visited	{ color:#C74E02; text-decoration:underline; font-size:12px; }
a:hover,a:active	{ color:#E76310; text-decoration:underline; font-size:12px;}

/* ----- classes ----- */
.map-pad{padding-top:20px;}

.date{ 
	font-weight:bold;
	color:#85939B;
	}
.photo-padding{ margin-right:5px;}

.nowrap { white-space:nowrap }

/* ----- global form elements ----- */ 
form { 
	width:160px; 
	padding:20px 0 25px 0; 
	}

form label	{ font-size:10px; }

form br { 
	line-height:0; /* defaults vertical spacing between fields */
	}  

input, textarea, select { 
	background-color:#fff; 
	border:1px solid #000000;
	color:#000;
	width:160px; /* 5 pixles smaller than form width !important */
	height:20px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:2px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Bitstream Vera Sans, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

select { 
	width:205px; /* same width as form !important */
	padding:0;
	}

textarea { 
	height:70px; 
	overflow:auto; 
	}

input.submit, input.submit-contact-main { 
	width:60px;
	height:23px; 
	cursor:pointer; 
	margin-top:5px;
	padding:0; 
	}

/* ----- main contact form ----- */ 

#contact-main { 
	padding:10px 0 0px 85px; 
	}

#contact-main label { 
	width:300px; 
	display:block;  
	margin-bottom:10px;
	font-size:11px;
	}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:295px;
	}

#contact-main label select {
	width:300px;
	}

#contact-main label textarea { height:100px; }


/* framework

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



/*-- wraps --*/
#wrap { 
	background: url(../images/index/bg-wrap.gif)  repeat-y; 
	width:759px; 
	margin:0 auto; 
	text-align:left;
	position:relative;
	}
	
	
/*-- masthead --*/
#masthead {
	position:relative;
	height:280px;
	width:759px;
	z-index:10;
	}
	
#contactInfo { width:135px; height:32px; background:url(../images/index/phone-fix.jpg) top left  no-repeat; position:absolute; top:26px; right:76px; z-index:11;  }
#masthead-sup {
	position:relative;
	background:url(../images/sup/banner-sup.jpg) no-repeat;
	height:280px;
	}
/*-- headers --*/


/*-- columns --*/
#column-left {
	width:186px; 
	float:left;
	}
	
#column-center { 
	width:340px; 
	float:left;
	}
#column-right { 
	width:190px; 
	float:left;
	}
	
 #associations {
 	background:url(../images/index/associations-bg.gif) top right repeat-y;
	text-align:left;
	width:554px;
	float:right;
	margin-top:20px;
	}
	#associations p { width:90px; text-align:center; float:left; padding:5px 0 5px 0 }
 	#associations-header{
		background:url(../images/index/association-header.gif) no-repeat;
		height:28px;
		}
  #relatedarticles {
 	background:url(../images/index/related_articles.gif) top left no-repeat;
	text-align:left;
	width:97px;
	height:47px;
	float:left;
	margin:10px 0 0 13px ;
	}	
		
  #relatedarticles_content {
 	width:160px;
	margin:0px 0 0 12px;
	}		
	
   #relatedarticles_content ul { margin-left:0px; padding:0px 0 0px 11px; } 
   
   #relatedarticles_content ul li { 
	 background: url(../images/index/bullet.gif) 0px 4px no-repeat;
     position:relative; /*to fix the IE bullet peekaboo pug */ 
/*     padding-left: 12px;*/
	 padding: 0 0 5px 12px; 
     list-style: none; 
 		 } 	
	
	 #relatedarticles_content ul li a:link,  #relatedarticles_content ul li a:visited	{ color:#c74e02; text-decoration:underline; }
	 #relatedarticles_content ul li a:hover, #relatedarticles_content ul li a:active	{ color:#000000; text-decoration:underline; }
	 

/*-- subheads --*/
body#index #sub-header{
	background:url(../images/index/headers_index.jpg) no-repeat;
	height:58px;
	position:relative;
	}
	
body#about #sub-header{
	background: url(../images/sup/headers_about.gif) no-repeat;
	height:58px;
	}
	
body#personal #sub-header{
	background:url(../images/sup/headers_personal.gif) no-repeat;
	height:58px;
	}
	
body#medical #sub-header{
	background:url(../images/sup/headers_medical.gif) no-repeat;
	height:58px;
	}

body#contact #sub-header{
	background:url(../images/sup/headers_contact.gif) no-repeat;
	height:58px;
	}
	
body#auto #sub-header{
	background:url(../images/sup/headers_auto.gif) no-repeat;
	height:58px;
	}
	
body#faqs #sub-header{
	background:url(../images/sup/headers_faqs.gif) no-repeat;
	height:58px;
	}
	
body#death #sub-header{
	background:url(../images/sup/headers_death.gif) no-repeat;
	height:58px;
	}
	
body#nursing #sub-header{
	background:url(../images/sup/headers_nursing.gif) no-repeat;
	height:58px;
	}

body#art #sub-header{
	background:url(../images/sup/headers_art.gif) no-repeat;
	height:58px;
	}
	
#news{
	background:url(../images/index/verdicts_index.jpg) no-repeat;
	height:47px;
	margin:30px 0 20px 0;
	}
	
#services{
	background:url(../images/index/services_index.jpg) no-repeat;
	height:12px;
	margin-bottom:20px;
	}



body#art img{
	padding: 5px 5px 15px 15px;
	}
	

#image img {
	padding: 5px 15px 15px 0px;
	}


/* references*/
#ref { font-size: smaller;}


/* footer

 * ------------------------------------------------------------------------- */
#footer{
	background: url(../images/index/footer.gif) no-repeat;
	width:759px; 
	height:20px;
	margin:0 auto; 
	text-align:center;
	padding-bottom:30px;
	}
	

#footer p {
	color:#000000;
	padding:0 0 10px 0;
	}

#footer a:link, #footer a:visited {
	color:#000000;
	}

#footer a:hover, #footer a:active {
	color:#C74E02;
	}

#footer ul { padding:0px 0 5px 0 ; }

#footer #top { padding:40px 0 10px 0 ; }

#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding: 0 5px 0 7px;
	display: inline;
	border-left: 1px solid #000000;
	}

	#footer li.first {border: none;}

/* footer - sup

 * ------------------------------------------------------------------------- */
	
#footer-sup{
	background: url(../images/sup/footer-sup.gif) no-repeat;
	width:759px; 
	height:20px;
	margin:0 auto; 
	text-align:center;
	padding-bottom:30px;
	}
	

#footer-sup p {
	color:#000000;
	padding:0 0 10px 0;
	}

#footer-sup a:link, #footer-sup a:visited {
	color:#000000;
	}

#footer-sup a:hover, #footer-sup a:active {
	color:#C74E02;
	}

#footer-sup ul { padding:0px 0 5px 0 ; }

#footer-sup #top { padding:40px 0 10px 0 ; }

#footer-sup li { /* if your li's float, you can adjust border height w/ line-height */
	padding: 0 5px 0 7px;
	display: inline;
	border-left: 1px solid #000000;
	}

	#footer-sup li.first {border: none;}
 
/* Sup Page framework


 /*-- wraps --*/
#wrap-sup { 
	background: url(../images/sup/bg-wrap-sup.gif)  repeat-y; 
	width:759px; 
	margin:0 auto; 
	text-align:left;
	}
 
 #sup-column-left { 
	width:526px; 
	float:left;
	}
 
 /* navigation: nav

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

/* GENERAL STYLES - these should already be in your CSS document*/
div, ul, li, h1 {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

p, div, li, h1 {
	color: #000000;
	}

/* SPRITE NAVIGATION */
#menu {
	background: url(../images/index/nav.gif) top left no-repeat;					
	width: 759px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 48px;		/* Height of entire image */
	}

#menu span { display: none; }

#menu li { 
	position: relative;
	float: left;
	list-style: none;
	}
#menu li, #menu a { 
	height: 48px;			/* Each button must have the same height, define it here */
	display: block;
	}

/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#menu-01 {left: 20px; width: 62px;}
#menu-02 {left: 22px; width: 76px;}
#menu-03 {left: 24px; width: 102px;}
#menu-04 {left: 27px; width: 124px;}
#menu-05 {left: 31px; width: 90px;}
#menu-06 {left: 34px; width: 84px;}
#menu-07 {left: 37px; width: 85px;}
#menu-08 {left: 38px; width: 76px;}

/* Changed values should match --width-- numbers specified above */
#menu-01 a:hover {background: transparent url(../images/index/nav.gif) -20px -48px no-repeat;}
#menu-02 a:hover {background: transparent url(../images/index/nav.gif) -84px -48px no-repeat;}
#menu-03 a:hover {background: transparent url(../images/index/nav.gif) -162px -48px no-repeat;}
#menu-04 a:hover {background: transparent url(../images/index/nav.gif) -267px -48px no-repeat;}
#menu-05 a:hover {background: transparent url(../images/index/nav.gif) -395px -48px no-repeat;}
#menu-06 a:hover {background: transparent url(../images/index/nav.gif) -488px -48px no-repeat;}
#menu-07 a:hover {background: transparent url(../images/index/nav.gif) -575px -48px no-repeat;}
#menu-08 a:hover {background: transparent url(../images/index/nav.gif) -661px -48px no-repeat;}

/* SON OF SUCKERFISH */

#menu li ul {
	position: absolute;width:220px;
	left: -9999px;
	z-index: 99; /*dud*/
	background-color: #ffffff;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
	}

#menu li ul li {
	height: 20px;width:220px;white-space:nowrap;				/* Height of each drop down menu item */
	border-width: 1px; border-style:solid; border-color:#FC7E2F; 
	}
	
#menu li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down menu item, should match above */
	line-height: 20px;			/* Height of each drop down menu item again, should match above */
	}
	
#menu li ul li a span {
	display: block;
	padding-left: 5px;
	}

/* Drop down link styles */
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	}

#menu li:hover ul, #menu li.sfhover ul	{ 
	left: 1px; 
	display: block; /*Required to make dropdown menus disappear on mouseout in IE6 IE7 */
	}

/* Hover styles for drop down items */
#menu-03 ul a:hover, #menu-04 ul a:hover, #menu-05 ul a:hover, a:hover { 
	background-image: none;
	background-color: #EEEEEE; 
	}

/* width of drop down menu - choose width that allows items to display on one line */		
#menu-03 ul, #menu-03 li { width: 132px; }
#menu-04 ul, #menu-04 li { width: 132px; }		
#menu-05 ul, #menu-05 li { width: 165px; }	



/* navigation: header nav

 * ------------------------------------------------------------------------- */
#masthead-sup li { /* if your li's float, you can adjust border height w/ line-height */
	padding: 0 19px 0 0px;
	display: inline;
	}

#masthead-sup ul { padding:57px 0 5px 349px ; }
	
#masthead-sup a:link, #masthead-sup a:visited {
	color:#4C5B76;
	text-decoration:none;
	font-size:.71em;
	font-weight:bold;
	
	}

#masthead-sup a:hover, #masthead-sup a:active {
	color:#7B89A3;
	text-decoration:underline;
	font-size:.71em;
	font-weight:bold;
	}