/* CSS Stylesheet for Pediatric Dermatology of North Texas */

/* FONTS AND TEXT STYLES -----------------------------------------------------------------*/

BODY {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    /*font-size: 11px;*/
    /*color: #7B858A;*/
    font-size: 12px;
    color: #333333;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;      
    margin: 0px 0px 0px 0px;
    vertical-align: top;
     }
.headertext
{
    font-size: 11px;
}     
/* body background color for homepage */
BODY.bluebkgnd 
{
    background-color: #4189DD;
}
/* body background color for About Us pages */
BODY.aboutusbkgnd 
{
    background-color: #E86A56;
}     
/* body background color for Facility pages */
BODY.facilitybkgnd 
{
    background-color: #CE62A4;
}
/* body background color for Facility pages */
BODY.treatmentbkgnd 
{
    background-color: #62BD19;
}
/* body background color for Facility pages */
BODY.campbkgnd 
{
    background-color: #F1AB00;
}
/* body background color for Facility pages */
BODY.contactbkgnd 
{
    background-color: #F9455B;
}
     
     
P, DIV, UL LI  {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    /*font-size: 11px;*/
    /*color: #7B858A;*/
    font-size: 12px;
    color: #333333;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    line-height: 15px; 
    border: solid 0px red;  }


H1	{	
	/*font-family: 'Times New Roman', 'Arial Narrow', Verdana, Helvetica, sans-serif;*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	18px; 
	font-weight:	normal;
	color: #000000;
	font-style: normal;
	text-decoration:	none;
	word-spacing:	normal;
	/*letter-spacing: -1;
	line-height: 44px;
	text-transform:	none;	
	margin: 0px;*/
	border: solid 0px blue;
	}	
		
H2	{	
	/*font-family: 'Times New Roman', 'Arial Narrow', Verdana, Helvetica, sans-serif;*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:	14px;
	font-weight:	normal;
	color: #000000;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;  	}	
		
H3	{	
	font-family: 'Arial Narrow' , Verdana, Helvetica, sans-serif;
	font-size:	18px;
	color: #78b0db;
	font-weight:	normal;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
.head1	{font-size:	21px; font-family: 'Arial Narrow'; font-weight: normal; color: #78b0db; display: block; margin-bottom: 3px; line-height: 23px;}
.head2	{font-size:	18px; font-family: 'Arial Narrow'; font-weight:	normal;   color: #78b0db; display: block; margin-bottom: 3px; line-height: 20px; }
.head3	{font-size:	18px; font-family: 'Times New Roman'; font-weight:	normal;   color: #9aca3c; display: block;  line-height:15px;}

.h1sub	    {font-size:	18px; color: #7e5d99; display: inline;  font-style: normal;}
.txtnorm	{color: #7b6c88; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}	
.txtgrey	{color: #838087; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif;}		
.txtblue	{color: #4189DD; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal;}	
.txtpumpkin	{color: #b95915; font-size: 11px; font-family: Times New Roman, Arial, Verdana, Helvetica, sans-serif; font-weight: bold;}	
.pgsubhead	{color: #b0561f; font-size: 16px; font-family: Times New Roman, Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-style: italic;}	
.pdlargetext {font-size: 24px; font-family: Times New Roman, Arial, Verdana, Helvetica, Sans-Serif; font-weight: normal; }
.pdstaffquote {color: #E86A56; font-size: 18px; font-family: Times New Roman, Arial, Verdana, Helvetica, Sans-Serif; font-weight: bolder; font-style: italic; vertical-align: top; }
.pdquote    {color: #000000; font-size: 24px; font-family: Times New Roman, Arial, Verdana, Sans-Serif; font-weight: normal;}
.pdquoter    {color: #4189DD; font-size: 24px; font-style: italic; font-family: Times New Roman, Arial, Verdana, Sans-Serif; font-weight: normal;}

/* 
.txtblack	{color: #000000; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold;}
.txtred	    {color: #b64e62; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal;}	
.txtblue	{color: #69859c; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal;}	
.txtplum	{color: #69859c; font-size: 11px; font-family: Times New Roman, Arial, Verdana, Helvetica, sans-serif; font-weight: normal;}	
.txtbluemed	{color: #287cc2; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold;}	
.txtdrkblue	{color: #3f294f; font-size: 11px; font-family: Times New Roman, Arial, Verdana, Helvetica, sans-serif; font-weight: normal;}	
.txtaccent	{color: #ff7800; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif;}	
.txterr		{color: #ff0000; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif;}		
.txtrev		{color: #718995; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif;}
.txtpipe	{color: #cfd4db; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif;}
.txtsmall	{color: #636466; font-size: 10px; }
.txtreq 	{color: #ff0000; font-size: 10px; }
.txttiny	{color: #636466; font-size: 9px; }
*/

p.txttiny { line-height: 10px; font-style: italic;}

.missing {color: Red;}

/* breadcrumb styles */
.breadcrumb { font-family: Arial; font-size: 11px; color: #7B858A; 
			  /*padding-left: 10px; padding-top: 10px; height: 28px;*/}

.AboutUs { color: #E86A56; font-size: 11px;}
.Facility { color: #CE62A4;  font-size: 11px;}
.Treatments { color: #62BD19;  font-size: 11px;}
.Resources { color: #4189DD;  font-size: 11px;}
.CampBraveskin { color: #F1AB00;  font-size: 11px;}
.ContactUs { color: #F9455B;  font-size: 11px;}

/* default link */
A:link			{ text-decoration: none;	    color:	#4189DD;}	
A:visited		{ text-decoration: none;	    color:	#4189DD;}	
A:hover			{ text-decoration: underline;	color:	#4189DD;}
A:active		{ text-decoration: none;	    color:	#4189DD;}	

/* reverse of default link */
A.rev:link			{ text-decoration: none;	color:	#b0561f;}	
A.rev:visited		{ text-decoration: none;	color:	#b0561f;}	
A.rev:hover			{ text-decoration: none;	color:	#49146e;}
A.rev:active		{ text-decoration: none;	color:	#b0561f;}	

/* default undelined link */
A.under:link	{ text-decoration: underline;	color:	#69859c;}	
A.under:visited	{ text-decoration: underline;	color:	#69859c;}	
A.under:hover	{ text-decoration: underline;	color:	#2b9bd6;}
A.under:active	{ text-decoration: underline;	color:	#69859c;}	

/* blue hover link */
A.blue:link			{ text-decoration: none;	color:	#4189DD;}	
A.blue:visited		{ text-decoration: none;	color:	#4189DD;}	
A.blue:hover			{ text-decoration: none;	color:	#4189DD;}
A.blue:active		{ text-decoration: none;	color:	#4189DD;}

/* plum hover link */
A.plum:link			{ text-decoration: none;	    color:	#653e85;}	
A.plum:visited		{ text-decoration: none;	    color:	#653e85;}	
A.plum:hover		{ text-decoration: underline;	color:	#b1561f;}
A.plum:active		{ text-decoration: none;	    color:	#653e85;}

/* accent blue link with underline */
A.acc:link		{ font-weight: normal; text-decoration: none;	color:	#2b9bd6;}	
A.acc:visited	{ font-weight: normal; text-decoration: none;	color:	#2b9bd6;}	
A.acc:hover		{ font-weight: normal; text-decoration: underline;	color:	#2b9bd6;}
A.acc:active	{ font-weight: normal; text-decoration: none;	color:	#2b9bd6;}	

/* accent green link with underline */
A.accgr:link		{ font-weight: normal; text-decoration: none;	color:	#9aca3c;}	
A.accgr:visited	{ font-weight: normal; text-decoration: none;	color:	#9aca3c;}	
A.accgr:hover		{ font-weight: normal; text-decoration: underline;	color:	#9aca3c;}
A.accgr:active	{ font-weight: normal; text-decoration: none;	color:	#9aca3c;}	

/* dark blue link */
A.drk:link		{ text-decoration: none;	    color:	#3f294f;}	
A.drk:visited	{ text-decoration: none;	    color:	#3f294f;}	
A.drk:hover		{ text-decoration: underline;	color:	#b1561f;}
A.drk:active	{ text-decoration: none;	    color:	#3f294f;}	


A.drku:link		{ text-decoration: underline;	color:	#636466;}	
A.drku:visited	{ text-decoration: underline;	color:	#636466;}	
A.drku:hover	{ text-decoration: underline;	color:	#2b9bd6;}
A.drku:active	{ text-decoration: underline;	color:	#636466;}	

/* image links */
A.img:link		{ text-decoration:	none; }	
A.img:visited	{ text-decoration:	none; }	
A.img:hover		{ text-decoration:	none; background-color: #ffffff; }
A.img:active	{ text-decoration:	none; }


#presslinks p {font-weight: bold;}
#presslinks A:link			{ text-decoration: none;	color:	#287cc2; font-weight: normal;}	
#presslinks A:visited		{ text-decoration: none;	color:	#287cc2; font-weight: normal;}	
#presslinks A:hover			{ text-decoration: none;	color:	#0078d4; font-weight: normal; background-color: #e4e7ed;}
#presslinks A:active		{ text-decoration: none;	color:	#287cc2; font-weight: normal;}	


#literaturelinks A:link		{ text-decoration: none;	color:	#287cc2;}	
#literaturelinks A:visited	{ text-decoration: none;	color:	#287cc2;}	
#literaturelinks A:hover	{ text-decoration: none;	color:	#0078d4; background-color: #e4e7ed;}
#literaturelinks A:active	{ text-decoration: none;	color:	#287cc2;}	

/* breadcrumb links */
#pdbreadcrumb A:link	{ text-decoration: none;	color:	#7B858A;}	
#pdbreadcrumb A:visited	{ text-decoration: none;	color:	#7B858A;}	
#pdbreadcrumb A:hover	{ text-decoration: underline;	color:	#7B858A;}
#pdbreadcrumb A:active	{ text-decoration: none;	color:	#7B858A;}	
	
BLOCKQUOTE, PRE	{ font-family: Courier New, monospace;	}	

UL LI		{list-style-type: disc; padding-bottom: 5px;}	
UL LI LI	{list-style-type: circle; }
UL LI LI LI	{list-style-type: square; 	}	

ul.special { list-style-image: url(/images/bullet_grey_ul.gif);}
ul.special li {vertical-align: top; padding-left: 5px;}
	
OL LI		{list-style-type:	decimal; padding-bottom: 5px;}	
OL OL LI	{list-style-type:	lower-alpha;}	
OL OL OL LI	{list-style-type:	lower-roman;}	

IMG, A IMG {border: none;} /* was z-index: 1 */
.wrapimage 
{
    padding-right: 15px;
    padding-bottom: 15px;
}
	
/* PAGE LAYOUT STYLES -------------------------------------------------------------- */

TABLE td { vertical-align: top; }

#pdpage { background-color: #FFFFFF;
    width: 800px;
    vertical-align: middle;
    margin-top: 50px;
    border: solid 0px black;
}

#pdhomepagecontent 
{
    border: solid 0px red;
    padding: 28px 10px 68px 10px;
    text-align: center;
    width: 800px;
}

#pdpagecontent 
{
    border: solid 0px red;
    /*padding: 28px 10px 10px 10px;*/
    padding: 0px;
    text-align: center;
    width: 800px;
}

.pdhomephotos
{
    border: solid 0px blue;
    padding: 38px 0px 30px 0px;
    text-align: center;
}

#pwpgleft { background-color: #332346; width: 3px;}

#pwpgright { background-color: #332346; width: 3px;}

#pdmain { 
	width: 800px;
	text-align: left;
	border: solid 0px #000000;
	border-collapse: collapse;
	vertical-align: top;
	background-color: #ffffff;
}

#pwmaincontainer
{
    margin: 0px;
    padding: 0px;
    border: solid 0px red;
}
	
#pdheader {
	width: 800px;
	background-color: #FFFFFF;
	vertical-align: bottom;
	border: solid 0px red;
	}
#pdheaderleft  {width: 135px; height: 96px; border: solid 0px blue; text-align: left; padding-bottom: 10px;}
#pdheaderlogo  {width: 530px; /*height: 96px;*/ border: solid 0px green; text-align: center; padding-top: 13px; padding-bottom: 10px;}
#pdheaderright  {width: 135px; /*height: 96px;*/ border: solid 0px black; text-align: left; vertical-align: bottom; padding-bottom: 10px;}
#pdheaderarea  {width: 800px; border: solid 0px blue; text-align: right;  vertical-align: bottom; height: 20px;}
#pdheaderlinks {width: 560px; border: solid 0px green; text-align: right; vertical-align: top;}

#headernav {text-align: right; float: right;}

#headernav td {width: auto; padding: 5px 5px 5px 5px;}

#pwbody_COMMENTED_OUT 
{
    vertical-align: top; 
    border: solid 0px blue;
    width: 750px;
}

#pdleftcol {
	width: 138px;
	border-right: solid 1px #7B858A;
	display: inline-block;
	}
	
#pdrightcol {
	width: 662px;
	border: solid 0px blue;
	vertical-align: top;
	text-align: left;
	padding: 0px 40px 0px 20px;
	}
#pwhomecontent {
	width: 750px;
	border: solid 0px green;
	vertical-align: top;
	padding: 0px 10px 0px 10px;
	text-align: left;
	}
#pwhomemsgarea {}

#pwhomelowerleft {padding-top: 10px; padding-right: 10px;}
#pwhomelowerright {padding-top: 10px; padding-right: 10px;}

#pwhomelowerleft td {text-align: left;}
#pwhomelowerright td {text-align: left;  padding-bottom: 10px;}	


#pwcontentleft {
	width: 390px;
	height: 200px;
	background-color: #ffffff;
	vertical-align: top;
	border: solid 0px #000000;
	margin-top: 20px;
    padding: 0px 15px 0px 15px;
	 }
	 
#pwcontentright {
	width: 170px;
	height: 200px;
	background-color: #ffffff;
	vertical-align: top;
	border: solid 0px #000000;
	margin-top: 20px;
    padding: 0px 10px 0px 0px;
	 }
#pwcontentright div {padding-top: 10px;}
	 
#pdbreadcrumb
{
    width: 800px;
    height: 28px;
    text-align: left;
    vertical-align: middle;
    padding: 0px 10px 0px 10px;
    border: solid 0px blue;
}

#pwpagetitle
{
    width: 535px;
    vertical-align: bottom;
    padding: 0px 0px 0px 15px;
    border: solid 0px blue;
}

#pwhr
{
    height: 2px;
    border: solid 0px green;
    padding: 0px 10px 0px 15px;
}

#pwleftnavplumitalics 
{
    color: #653e85;
    padding: 15px 0px 5px 19px;
    font-family: Times New Roman, Verdana, Sans-Serif;
    font-weight: normal;
    font-style: italic;
    font-size: 16px;
}

#pwleftnavlogin
{
    padding-left: 19px;
}

#pwleftnavcontactinfo
{
    padding-top: 20px;
}

#pwcontentwide {
	width: 560px;
	height: 200px;
	border: solid 0px #000000;
	vertical-align: top;
	padding: 0px 10px 0px 15px; 	}

#tableform { border: solid 0px red; vertical-align: middle;}
#tableform td { border: solid 0px green; padding-top: 20px;}
	
#pdfooter {
	width: 800px;
	background-color: #ffffff;
	text-align: center;
	font-size: 11px;
	margin-bottom: 10px;
	border: solid 0px red;
	}
	
#pdfooterlinks td 
{
    padding: 5px;
    margin-bottom: 5px;
    font-family: Arial;
    font-size: 11px;
	color: #4189DD;
    border: solid 0px blue;
}
	
#pwfooterhome {
	width: 530px;
	height: 40px;
	background-color: #ffffff;
	border: solid 0px #000000; 
	text-align: center;
	font-family: Times New Roman, Verdana, Sans-Serif;
	color: #483857;
	font-size: 12px;
	margin-bottom: 25px;}
	
#pwfooterhome td
{
    padding: 5px;
}
.pdfullwidth
{
    width: 100%;
}
.pwhomecopyright
{
    font-size: 11px;
    color: #838087;
}
.line {
	background: #ffffff url(/images/borderLine.gif) no-repeat center bottom;
	margin: 4px auto;
	height: 1px;
	width: 150px;
	
 }	
 
 .sectionimg {text-align: left; margin: 6px 15px 5px 0px;}
 
 .titles {
 	font-family: 'Times New Roman', 'Arial Narrow', Verdana, Helvetica, sans-serif;
	font-size:	14px;
	font-weight:	normal;
	color: #000000;
	font-style: italic;
	text-decoration: none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;  	}	

			
/* LEFT NAVIGATION STYLES ---------------------------------------------------------------- */


#listnav { 	vertical-align: top;
            padding-top: 10px;
    		width: 140px; 
			border: solid 0px green;}
			
#listnav dl { display: inline;}


/* top item link unselected */
A.lnav:link		{text-decoration: none;		color:	#287cc2; }	
A.lnav:visited	{text-decoration: none;     color:	#287cc2; }	
A.lnav:hover	{text-decoration: none;		color:	#287cc2; background-color: #d8dde5; }
A.lnav:active	{text-decoration: none;     color:	#287cc2; }	

/* large font link on home page */
A.pdlargetext:link		{text-decoration: none;		    color:	#4189DD;/*#7B858A;*/ }	
A.pdlargetext:visited	{text-decoration: none;         color:	#4189DD;/*#7B858A;*/ }	
A.pdlargetext:hover	    {text-decoration: underline;    color:	#4189DD;/*#7B858A;*/ }
A.pdlargetext:active	{text-decoration: none;         color:	#4189DD;/*#7B858A;*/ }	

/* normal item link unselected */
A.nnav:link		{text-decoration: none;		color:	#287cc2; }	
A.nnav:visited	{text-decoration: none;     color:	#287cc2; }	
A.nnav:hover	{text-decoration: none;		color:	#287cc2; background-color: #d8dde5; }
A.nnav:active	{text-decoration: none;     color:	#287cc2; }	

/* any item link selected */
A.snav:link		{text-decoration: none;		color:	#FFFFFF; }	
A.snav:visited	{text-decoration: none;     color:	#FFFFFF; }	
A.snav:hover	{text-decoration: none;		color:	#287cc2; background-color: #d8dde5;}
A.snav:active	{text-decoration: none;     color:	#FFFFFF; }	


DIV.navtop 
{
    margin: 0px;
	background: #e4eef4;
	border-bottom: solid 0px #89919a;
	} 
			
DIV.navitem 
{
    /*height: 21px;*/
    width: 138px;
	border-collapse: collapse;
	vertical-align: top;
	padding: 0px;
	border: solid 0px green;
	border-bottom: solid 3px white;
} 

DIV.navitemover {margin: 0px;
			/*height: 26px;*/
			border-collapse: collapse;
			vertical-align: middle;
			} 
			
DIV.navitems {margin: 0px;
			height: 26px;
			}

DIV.navsubitem {margin: 0px;
			background: #fafcff;
			font-family: arial, verdana, sanf-serif;
			font-size: 12px;
			font-weight: normal;
			padding: 5px 0px 0px 10px;
			border-bottom: solid 1px #d8dfe5;
			border-left: solid 1px #f1f3f6;
			border-right: solid 1px #f1f3f6;
			height: 25px;
			border-collapse: collapse;
			vertical-align: middle;
			} 

/* TOP NAVIGATION STYLES  -------------------------------------------------------------- */

#menubar   
{
    width: 800px;
	border: solid px red; 
    padding-top: 0px;
    padding-bottom: 0px;
}

div#pdnav div {	padding: 0px 3px 0px 3px; /*margin: 0px;*/
	    position: relative; float:left; left: 7px; right: 7px;
	    border: solid 0px green;
	    text-align: left; 
}

	 
/* "over" is added to subitem class name in swapimages.js */
/* div is the container tag for each menu item */
div#pdnav div:hover ul, div.over ul { display:inline; z-index: 20;}

a.ov:link		{ text-decoration:	none;	color:	#ffffff; }	
a.ov:visited	{ text-decoration:	none;	color:	#ffffff; }	
a.ov:hover		{ text-decoration:	none;	color:	#ffffff; }
a.ov:active	    { text-decoration:	none;	color:	#ffffff; }

a.menu:link     {color: #ffffff; text-decoration: none;}
a.menu:visited  {color: #ffffff; text-decoration: none;}
a.menu:hover    {color: #ffffff; text-decoration: none;}
a.menu:active   {color: #ffffff; text-decoration: none;}
			
.dropmenu { width: 170px;
			display: none; 
			position: absolute; top: 31px; left: 0;
			/*border-left: solid 1px #653e85;*/
			/*border-right: solid 1px #653e85;*/
			border-bottom: solid 1px #ffffff;
			background-color:#653e85;   /* must have this to work in IE6/Mac */
			cursor: hand;
			padding: 0px 0px 0px 0px; 
			margin: 0px
			}

ul.dropmenu li {list-style-type: none;}

.subitem { 	padding: 5px 11px 0px 11px;
			border-bottom: solid 1px #ffffff;
            background-repeat: no-repeat;
            color:#ffffff;
			font: normal 14px Times New Roman, arial, sanf-serif; 
			height: 23px;		
				}

.subitemlast { padding: 5px 11px 0px 11px;
			color:#ffffff;
			font: normal 14px Times New Roman, arial, sanf-serif; 
            background-repeat: no-repeat;
            height: 23px;            }

.subitemover { padding: 5px 11px 0px 11px;
			border-bottom: solid 1px #b9ddf2;
			background-color: #b0561f;
			color:#ffffff;
		    font: normal 14px Times New Roman, arial, sanf-serif; 
            background-repeat: no-repeat;
            height: 23px;            }
			
.subitemlastover { padding: 5px 11px 0px 11px;
			font: normal 14px Times New Roman, arial, sanf-serif; 
			background-color: #b0561f;
			color:#ffffff;
            background-repeat: no-repeat;
            height: 23px;            }