/* Developed by Matthew Sloggett for the American Society of Plastic Surgeons */

body {
	margin:0px 0px 0px 0px;
	padding:0px;
	background:#006e3b url(images/bg.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	font-size: 76%;
}
h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 2.0em;
	margin: 1em 0em 1em 0em;
	font-weight: normal;
	color: #94c84a;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	}
h3 {
	font-size: 1.2em;
	margin: 1em 0em 0.1em 0em;
	font-weight: bold;
	color: #5B5B5B;
	}
h4 {
	font-size: 1.1em;
	margin: 1em 0em 0.1em 0em;
	font-weight: bold;
	color: #6c9c31;
	}
h5 {
	font-size: 1.0em;
	margin: 1em 0em 1em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1em 0em 1em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
p {
	color: #666666;
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0.1em 0em 1.4em 0em;
	}
li {
	color: #666666;
	}
a {
	font-size: 1.0em;
	line-height: 1.4em;
	color: #666666;
	text-decoration:underline;
	}
a:hover {
	text-decoration:none;
	}
strong, b {
	font-weight: bold;
	}

#container1 { width:780px; margin: 0px auto 0px auto; background:#ffffff url(images/3_col.gif) repeat-y;}
#container2 {}
#container3 {}
#branding 	{
	width:780px;
	height: 125px;
	background:transparent url(images/collins_banner.jpg) no-repeat;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
	#branding-logo {}
	#branding-tagline {}
		#branding-tagline h1{padding: 135px 0px 0px 0px;}
	#branding-name {}
	#branding-extra {}
#nav1 {
	float: left;
	width: 174px;
	display: block;
	height: 591px;
	background:transparent url(images/left_col_new.jpg) no-repeat;
}
	#nav1-main {}

	#nav1-section {
		height: 339px; 
		width:140px; 
		overflow:hidden;
		margin: 41px 0px 0px 28px;
	}
	
		#nav1-section ul{
		margin: 0px;
		padding:0px;
		list-style:none;
		}
		#nav1-section li{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		overflow: hidden;
		width: 140px;
		display: block;
		float:left;
		}
		#nav1-section a{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		display: block;
		height: 19px;
		}

#nav1-section		#nav1-one a{ background: transparent url(images/nav1_1.gif) no-repeat; padding: 0px 0px 0px 150px; overflow: hidden;}
#nav1-section		#nav1-two a{ background: transparent url(images/nav1_2.gif) no-repeat; padding: 0px 0px 0px 150px; overflow: hidden;}
#nav1-section		#nav1-three a{ background: transparent url(images/nav1_3.gif) no-repeat; padding: 0px 0px 0px 150px; overflow: hidden;}
#nav1-section		#nav1-four a{ background: transparent url(images/nav1_4.gif) no-repeat; padding: 0px 0px 0px 150px; overflow: hidden;}
#nav1-section		#nav1-five a{ background: transparent url(images/nav1_5.gif) no-repeat; padding: 0px 0px 0px 150px; overflow: hidden;}
#nav1-section		#nav1-six a{ background: transparent url(images/nav1_6.gif) no-repeat; padding: 0px 0px 0px 150px; overflow: hidden;}
#nav1-section		#nav1-seven a{ background: transparent url(images/nav1_7.gif) no-repeat; padding: 0px 0px 0px 150px; overflow: hidden;}
#nav1-section		#nav1-eight a{ background: transparent url(images/nav1_8.gif) no-repeat; padding: 0px 0px 0px 150px; overflow: hidden;}
#nav1-section		#nav1-nine a{ background: transparent url(images/nav1_9.gif) no-repeat; padding: 0px 0px 0px 150px; overflow: hidden;}
#nav1-section		#nav1-ten a{ background: transparent url(images/nav1_0.gif) no-repeat;
	padding: 0px 0px 0px 150px; overflow: hidden;
}

#nav1-section		#nav1-one a:hover {background-position: 0% -19px;}
#nav1-section		#nav1-two a:hover {background-position: 0% -19px;}
#nav1-section		#nav1-three a:hover {background-position: 0% -19px;}
#nav1-section		#nav1-four a:hover {background-position: 0% -19px;}
#nav1-section		#nav1-five a:hover {background-position: 0% -19px;}
#nav1-section		#nav1-six a:hover {background-position: 0% -19px;}
#nav1-section		#nav1-seven a:hover {background-position: 0% -19px;}
#nav1-section		#nav1-eight a:hover {background-position: 0% -19px;}
#nav1-section		#nav1-nine a:hover {background-position: 0% -19px;}
#nav1-section		#nav1-ten a:hover {background-position: 0% -19px;}

#home			#nav1-section		#nav1-one a {background-position: 0% -38px;}
#home			#nav1-section		#nav1-one a:hover {background-position: 0% -38px;}
#collins		#nav1-section		#nav1-two a {background-position: 0% -38px;}
#collins		#nav1-section		#nav1-two a:hover {background-position: 0% -38px;}
#specialties 	#nav1-section		#nav1-three a {background-position: 0% -38px;}
#specialties 	#nav1-section		#nav1-three a:hover {background-position: 0% -38px;}
#skin			#nav1-section		#nav1-four a {background-position: 0% -38px;}
#skin			#nav1-section		#nav1-four a:hover {background-position: 0% -38px;}
#facilities		#nav1-section		#nav1-five a {background-position: 0% -38px;}
#facilities		#nav1-section		#nav1-five a:hover {background-position: 0% -38px;}
#patient		#nav1-section		#nav1-six a {background-position: 0% -38px;}
#patient		#nav1-section		#nav1-six a:hover {background-position: 0% -38px;}
#helpful		#nav1-section		#nav1-seven a {background-position: 0% -38px;}
#helpful		#nav1-section		#nav1-seven a:hover {background-position: 0% -38px;}
#procedures		#nav1-section		#nav1-eight a {background-position: 0% -38px;}
#procedures		#nav1-section		#nav1-eight a:hover {background-position: 0% -38px;}
#photo			#nav1-section		#nav1-nine a{background-position: 0% -38px;}
#photo			#nav1-section		#nav1-nine a:hover {background-position: 0% -38px;}
#contact		#nav1-section		#nav1-ten a {background-position: 0% -38px;}
#contact		#nav1-section		#nav1-ten a:hover {background-position: 0% -38px;}

	#nav1-supp {}
	#nav1-extra {}
#nav2 {}
	#nav2-main {}
	#nav2-section {}
	#nav2-supp {}
	#nav2-extra {}
#content1 {
	float: right;
	background: transparent url(images/content_3_col.jpg) no-repeat;
	width: 601px;
}
	#content1-intro {}
	#content1-main {
		float: left;
		width: 429px;
		padding: 55px 0px 0px 0px;
	}
	#content1-main h2, #content1-main h3, #content1-main h4, #content1-main p{
		padding-right: 15px;
		padding-left: 20px;
	}
	#content1-main ul {padding-left: 40px; margin-left: 20px;}
	#content1-main li {padding-left: 0px; margin-left: 0px;}
	
		#content1-main .green_box{
			width: 429px;
			border-top: 3px solid #006e39;
			border-bottom: 3px solid #006e39;
			padding: 10px 0px 10px 0px;
			margin: 5px 0px 5px 0px;
			background: #fffad0;
			display: block;
		}
			#content1-main .green_box p {color: #6b9d2e;}
			#content1-main .green_box a {color: #006e3b;}
			#content1-main .green_box ul {color: #6b9d2e;}
	#content1-supp {
		float: right;
		width: 172px;
		margin: 63px 0px 0px 0px ;
		padding: 0px 0px 230px 0px;
		background: #abd275 url(images/dr_collins.jpg) bottom left no-repeat; 
		overflow: hidden;
		display: block;
	}
		#content1-supp p{
			padding-right: 10px;
			padding-left: 10px;
		}
		#content1-supp p, #content1-supp h2, #content1-supp h3, #content1-supp a {
			color: #006e3b;
		}

	#content1-extra {}
#content2 {
	float: right;
	background:#ffffff url(images/content_2_col.jpg) no-repeat;
	width: 601px;	
}
	#content2-intro {}
	#content2-main {padding: 55px 0px 0px 0px;}
		#content2-main h2, #content2-main h3, #content2-main h4, #content2-main p{
			padding-right: 15px;
			padding-left: 20px;
		}
		#content2-main li {padding-left: 20px;}
	#content2-supp {}
	#content2-extra { clear:both;}
#siteinfo { clear:both; margin: 5px 182px 0px 200px;}
	#siteinfo p , #siteinfo ul, #siteinfo a{ color: #006e39}
	#siteinfo p { font-size: 0.8em; text-align: center;}
	
	#siteinfo ul{ margin: 0px; padding: 0px 0px 10px 0px; text-align: center;}
	#siteinfo li{ font-size: 0.8em; display: inline; padding: 0px 15px 0px 0px; margin: 0px;}
	
	#siteinfo-legal {}
	#siteinfo-credits {}
	#siteinfo-extra {}
#extradiv1 {}
#extradiv2 {}
#extradiv3 {}
#extradiv4 {}


/* Procedure */
#procedure_list {				
		float: right;
		margin: 0px 0px 0px 0px;
		/*adding a width fixes float problems with the menu in IE for the Mac */
		width:235px;
	}
	#procedure_list select {
		/*Use to force the jump menu width */
		width:235px; overflow:hidden; 
	}
	#procedure_list form {}
#procedure_content {}
	#procedure_content h3 {}
	#procedure_content h3 a{
	text-decoration: none;
	}
	#procedure_content h3 a:hover{
	text-decoration: underline;
	}
	#procedure_content ul {}
	#procedure_content ul, #procedure_content li {}
	#procedure_content li {}
	#procedure_images {float:right; width:160px; padding:10px 10px 20px 15px; }
	#procedure_images p { padding-right:0px; padding-left: 0px;}
#procedure_nav {}
	#procedure_nav ul {}
	#procedure_nav ul, #procedure_nav li {}
	#procedure_nav li {}
	
/* Photo Gallery */
#photo_nav {
		font-size: 1.0em;
		float: right;
		margin: 15px 5px 10px 5px;
		width: 150px;
	}
	#photo_nav ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#photo_nav h3{
		text-decoration: none;
		font-size: 1em;
	}
	#photo_nav h3 a {
		text-decoration: none;
		font-size: 1em;
	}
	#photo_nav h3 a:hover{
	text-decoration: underline;
	}
	#photo_nav ul, #photo_nav li {}
	#photo_nav li {}
	#photo_nav a {}
	#photo_nav img {background:#3E7B86; padding:1px; margin:2px 2px 0px 0px; border:none;}
#photo_content {}
	#photo_content a {font-size: 1.0em;}
	#photo_content img {padding:1px; margin:4px 0px 0px 0px; border:0px solid #025291;}
	#photo_content p {}

/* MapQuest */
#map_quest_content { background-color:#FFFFFF; display: block; width: 575px; margin-left: 10px;}
	#map_quest_content a {}
	#map_quest_content img {border:0;}
	#map_quest_content p {
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 1em 0em 1em 0em;	
	}


/* Form */
input { background-color: #FFFFFF;}
.text_form { font-size: 1em; background-color: #FFFFFF; color: #333333; border: solid #333333 1px; width:260px; margin-bottom: 2px; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}
.button { font-size: 1em; background-color: #FFFFFF; color: #333333; border: solid #333333 1px; width:80px; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}
textarea { font-size: 1em; background-color: #FFFFFF; color: #333333; border: solid #333333 1px; width:260px; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}
.check_box { font-size: 1em; background-color: transparent; color: #333333; font-family: arial, Garamond, Georgia, "Times New Roman", Times, serif;}


/* Specials */

.hide {display: none;}
.hide_div {display: none;}
.clear_both {clear:both;}
.clear_left {clear:left;}
.clear_right {clear:right;}

		
		#content1-supp p { font-size: 0.9em;}
		#content1-supp p b, #content1-supp p strong{ font-size: 1.0em;}

		#photo #content1-supp p { font-size: 1.0em;}

		#procedures #content1-supp p { margin: 0px; padding-top: 5px; padding-bottom: 5px; font-size: 1.0em;}
		#procedures #content1-supp ul { margin: 0px; padding: 0px 0px 20px 15px; list-style: none;}
		#procedures #content1-supp li { margin: 0px; padding-top: 5px; padding-bottom: 5px;}
		#procedures #content1-supp h3 { margin: 0px; padding-right: 10px; padding-left: 10px;}
		
		#contact	#siteinfo { clear:both; margin: 5px 20px 0px 200px;}
		#contact	#container1 { background:#ffffff url(images/2_col.gif) repeat-y;}
		
		.image_block {display: block; width: 238px; padding: 5px 5px 5px 5px; font-size: 0.9em; float: right; text-align:center;}
		.image_block p { font-size: 0.9em; font-weight: bold; margin: 0px; padding:0px;}