/* v 0.91 */

/* ------ Section 1 - Global Body, Font and Link Settings ------ */


body {
background-color: #eff1eb;  /* celeb-has-mag light green - was #a1c820; ditty light green*/
margin: 0;
padding: 0;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
color: #000;
font-size: 85%;
}


/* -- General Link Styling -- */

a:link {
color: blue; 
text-decoration: none;
}

a:visited {
color: blue;
text-decoration: none;
}

a:hover {
color: red;
text-decoration: underline;
}



/* ------ Section 2 - Global Page Structure ------- */

#PageWrapper {
width: 960px;
}

#Header {
height: 160px;
}

#ContentWrapper {
float: left;
width: 100%;
}

#CenterColumn {
margin: 0 180px 0 180px;    /* STEP 1: set to "0 RightColumnWidth 0 LeftColumnWidth" */
}

#LeftColumn {
float: left;
width: 179px;               /* STEP 2: to set left column at 180, set 1 less than 180 here */
margin-left: -960px;        /* STEP 3: set to the same width specified in #PageWrapper above (but with minus sign)  */
}

#RightColumn {
float: left;
width: 179px;               /* STEP 4: to set right columns at 180, set 1 less than 180 here */
margin-left: -180px;        /* STEP 5: set to -(RightColumnWidth) */
}

#Footer {
clear: both;
width: 100%;
text-align: center;
padding: 8px 0;
}

.Liner {
padding: 10px 10px;
}

#Header .Liner {
padding: 10px 10px;
}

#Footer .Liner {
margin: 0;
padding: 0;
}



/* ------ Section 3 - Page Structure Details ------ */

#PageWrapper {
border: 2px solid #ff4800; /* ------ Ditty Red Line ------ */
margin: 24px auto;
background-image: url();
background-repeat: repeat-y;
}

#Header {
background-image: url(../image-files/new-curly-header-160-high-l.png);
background-repeat: no-repeat;
background-color: #ffffff;
background-position: top left;
}



#ContentWrapper {
background-image: url(../image-files/curly-hair-styles-magazine-bgd.png);
background-repeat: repeat-y;
background-color: #ffffff;
}

#LeftColumn {
background-image: url();
background-repeat: no-repeat;
background-color: transparent;
}

#CenterColumn {
background-image: url();
background-repeat: no-repeat;
background-color: transparent;
}

#RightColumn {
background-image: url();
background-repeat: repeat-y;
background-color: transparent;
}

#Footer {
background-image: url();
background-repeat: no-repeat;
background-color: #a1c820;     /* #636363; Ditty Grey */
border-top: 1px solid #ff4800; /* ------ 1px solid #ff4800 Ditty Red Line ------ */
}


#Header .leaderboard {
position: relative; top: 45px; left: 212px;
}



/* ------ Section 4 - Left Column Navigation ------ */


.Navigation {
width: 100%;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
background-color: transparent;
}


/* -- Nav Headers -- */

.Navigation h3 {
padding: 0;
font-size: 110%;
color: #fff;
border-bottom: 1px solid #fff;
margin: 12px 0;
}



/* -- Nav List -- */

.Navigation ul {
list-style-type: none;
padding: 0 0 8px 5px;
margin: -6px 0 0 0;
}

.Navigation li {
background-color: #e4f4d4;        /* ight green used in center column of celebrity-hair-styles-background.gif and for unlit buttons both navbars and AdSenseBox bg color -- */
border: 1px solid #8ACC44;
margin-bottom: 3px;
}


/* -- Navigation Link styles -- */

.Navigation a {
color: black;
display: block;     /*  this makes the whole box highlight rather than just the text */
padding: 3px 0 3px 4px;
text-decoration: none;
}

.Navigation a:visited {
color: black;
text-decoration: none;
}

.Navigation a:hover {
color: red;
background-color: #ffffff;   /* was #9cc484 dark green used in center column of celebrity-hair-styles-background.gif and for lit buttons both navbars and AdSenseBox bg color */
text-decoration: underline;
}





/* ------ Section 5 - Additional Navigation ------ */


/* -- Thumbnail-with-Caption Navigation -- */

.imageCaptionLinkGroup {
text-align: center;
}

.imageCaptionLinkGroup a {
color: black;
text-decoration: none;
font-size: 120%;
font-weight: bold;
background-color: transparent;
}

.imageCaptionLinkGroup .caption {
text-decoration: none;
}

.imageCaptionLinkGroup a:hover {
color: #ff4800; /* ------ Ditty Red Line ------ */
background-color: transparent;   
text-decoration: none; /* ------ underline; ------ */
}


/* -- Horizontal Text NavBar -- */

.text-NavBar {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
margin: 12px auto 12px auto;
background-color: transparent;
width: 600px;           /* same width as the width of the center column (960 -180 - 180) */
}

.text-NavBar ul {
list-style-type: none;
padding: 0;
}

.text-NavBar ul li {
display: inline;
background-color: transparent;
text-align: center;
font-size: 120%;
font-weight: bold;
}

.text-NavBar a {
color: #000000;
text-decoration: none;
text-align: center;
padding: 0 4px;
}

.text-NavBar a:visited {
color: #000000;
text-decoration: none;
}

.text-NavBar a:hover {
color: #ffffff; /* ------ Ditty Red Line ------ */
background-color: transparent;
text-decoration: none;
}


/* -- Horizontal Anchors NavBar -- */

.anchors-NavBar {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
margin: 12px auto 12px auto;
background-color: #ffffff;
width: 85%px;           /* same width as the width of the center column (960 -180 - 180) */
}

.anchors-NavBar ul {
list-style-type: none;
padding: 0;
}

.anchors-NavBar ul li {
display: inline;
background-color: transparent; /* was #e4f4d4; light green used in center column of celebrity-hair-styles-background.gif and for lit buttons both navbars and AdSenseBox bg color */
text-align: center;
}

.anchors-NavBar a {
color: blue;
text-decoration: none;
text-align: center;
padding: 0 4px;
}

.anchors-NavBar a:visited {
color: purple;
text-decoration: none;
}

.anchors-NavBar a:hover {
color: red;
background-color: transparent;   /* dark green used in center column of celebrity-hair-styles-background.gif and for lit buttons both navbars and AdSenseBox bg color */
text-decoration: underline;
}






/* ------ Section 6 - Specific Font Styles ------ */

#LeftColumn {
font-size: 90%;
color: black;
}

#RightColumn {
font-size: 90%;
color: Black;
}

#Footer {
font-size: 85%;
}

h1 {
background-color: transparent;
color: #ff4800; /* ------ Ditty Red Line ------ */
clear: both;
}

h2, h3, h4, h5, h6 {
background-color: transparent;
color: #ff4800; /* ------ Ditty Red Line ------ */
clear: both;
}

h2, h3, h4, h5, h6 {
margin-top: 24px;
}




h1 {
margin-top: 5px;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
border-bottom: 0 solid #8f8fb3;
text-align: center;
}

h2 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
border-bottom: 1px solid #ff4800;
}






#CenterColumn h2 {
color: #ff4800;
}










h3 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
border-bottom: 0 solid #8f8fb3;
}

#LeftColumn h4 {
font-size: 90%;
color: white;
margin-top: 0;
}

#LeftColumn hr {
width: 100%;
border: 2px solid #ff4800; /* ------ Ditty Red Line ------ */

margin: 12px 0 8px 0;
}

#RightColumn h4 {
font-size: 90%;
color: #1d487e; /* ------ Red from Crab ------ */
margin-top: 0;
}

.Caption {
font-size: 85%;
font-weight: bold;
color: #000;
clear: both;
line-height: 14px;
}

blockquote {
margin: 12px 56px;
color: #006;
font-size: 100%;
line-height: 20px;
font-family: 'Courier New', Courier, monospace;
}



/* ------ Section 7 - Boxes ------ */

.smallLikeBox {
/* margin-bottom: 5px; */
-moz-border-radius:5px; /*add some nice CSS3 round corners*/
-webkit-border-radius:5px;
border-radius:5px;
border: 0; /* 1px solid  #ff4800;   */
width: 92px;
margin: 3px auto 0 auto;
}



.fbLikeBox {
background-color: transparent;
width: 100%;
border: 0;
margin: 30px auto 30px auto;
padding: 4px;
color: black;
}



.CommentsBox {
background-color: transparent;
width: 100%;
border: 0;
margin: 30px auto 30px auto;
padding: 4px;
color: black;
}


.OnePhotoBox {
background-color: transparent;
width: 85%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.OnePhotoBox p {
margin: 13px;
}
p.OnePhotoBox {
padding: 13px;
}

div.OnePhotoBox h1, h2, h3, h4, h5, h6 {
margin: 0;
}

p.OnePhotoBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}


.VideoBox {
background-color: #ffffff;   /* #3398cc; blue of navbar */
width: 88%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 18px auto 24px auto;
padding: 10px;
color: black;
}

div.VideoBox p {
margin: 13px;
}
p.VideoBox {
padding: 13px;
}

div.VideoBox h1, h2, h3, h4, h5, h6 {
margin: 0;
}
p.VideoBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}




.VideoBox504 {
background-color: #ffffff;   /* #3398cc; blue of navbar */
width: 92%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 18px auto 24px auto;
padding: 10px;
color: black;
}

div.VideoBox504 p {
margin: 13px;
}
p.VideoBox504 {
padding: 13px;
}

div.VideoBox504 h1, h2, h3, h4, h5, h6 {
margin: 0;
}
p.VideoBox504 h1, h2, h3, h4, h5, h6 {
padding: 0;
}




.AboutThisHairStyleBox {
background-color: transparent;
width: 85%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.AboutThisHairStyleBox p {
margin: 13px;
}
p.AboutThisHairStyleBox {
padding: 13px;
}

div.AboutThisHairStyleBox h1, h2, h3, h5, h6 {
margin:  10px auto 10px auto ;
text-align:center;
}

div.AboutThisHairStyleBox h4 {
margin:  20px auto 20px auto ;
text-align:center;
}

p.AboutThisHairStyleBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}


.CalloutBox {
background-color: #ffffff;
width: 85%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.CalloutBox p {
margin: 13px;
}
p.CalloutBox {
padding: 13px;
}

div.CalloutBox h1, h2, h3, h4, h5, h6 {
margin: 0;
}
p.CalloutBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}


.SpecialsBox {
background-color: #fff;
width: 85%;
border: 0;
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.SpecialsBox p {
margin: 13px;
}
p.SpecialsBox {
padding: 13px;
}

div.SpecialsBox h1, h2, h3, h4, h5, h6 {
margin: 0;
}
p.SpecialsBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}


.AnnouncementsBox {
background-color: #fff;
width: 85%;
border: 0;
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.AnnouncementsBox p {
margin: 13px;
}
p.AnnouncementsBox {
padding: 13px;
}

div.AnnouncementsBox h1, h2, h3, h4, h5, h6 {
margin: 0;
}
p.AnnouncementsBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}


.PositionsVacantBox {
background-color: #fff;
width: 85%;
border: 0;
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.PositionsVacantBox p {
margin: 13px;
}
p.AnnouncementsBox {
padding: 13px;
}

div.PositionsVacantBox h1, h2, h3, h4, h5, h6 {
margin: 0;
}
p.PositionsVacantBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}




.HalfCalloutBox {
background-color: #fff;
width: 40%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 18px auto 24px 18px;
padding: 4px;
color: black;
}

div.HalfCalloutBox p {
margin: 13px;
}
p.HalfCalloutBox {
padding: 13px;
}

div.HalfCalloutBox h1, h2, h3, h4, h5, h6 {
margin: 0;
text-align: left;
}
p.HalfCalloutBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}




.HalfCalloutBoxRight {
background-color: #fff;
width: 40%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 18px 30px 12px 18px;
padding: 4px;
color: black;
float: right;
}

div.HalfCalloutBoxRight p {
margin: 13px;
}
p.HalfCalloutBoxRight {
padding: 13px;
}

div.HalfCalloutBoxRight h1, h2, h3, h4, h5, h6 {
margin: 0;
text-align: left;
}
p.HalfCalloutBoxRight h1, h2, h3, h4, h5, h6 {
padding: 0;
}




.HalfCalloutBoxLeft {
background-color: #fff;
width: 40%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 18px 18px 12px 30px;
padding: 4px;
color: black;
float: left;
}

div.HalfCalloutBoxLeft p {
margin: 13px;
}
p.HalfCalloutBoxLeft {
padding: 13px;
}

div.HalfCalloutBoxLeft h1, h2, h3, h4, h5, h6 {
margin: 0;
text-align: left;
}
p.HalfCalloutBoxLeft h1, h2, h3, h4, h5, h6 {
padding: 0;
}


.HalfCalloutBoxRightNoBorder {
background-color: #fff;
width: 45%;
border: 0;
margin: 10px 30px 12px 18px;
padding: 4px;
color: black;
float: right;
}

div.HalfCalloutBoxRightNoBorder p {
margin: 5px;
}
p.HalfCalloutBoxRightNoBorder {
padding: 13px;
}

div.HalfCalloutBoxRightNoBorder h1, h2, h3, h4, h5, h6 {
margin: 0;
text-align: left;
}
p.HalfCalloutBoxRightNoBorder h1, h2, h3, h4, h5, h6 {
padding: 0;
}




.ThumbnailBoxRight {
background-color: #ffffff;
width: 28%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 18px 0 12px 5px;
padding: 4px;
color: black;
float: left;
text-align: center;
}

div.ThumbnailBoxRight p {
margin: 13px;
}
p.ThumbnailBoxRight {
padding: 4px;
}

div.ThumbnailBoxRight h1, h2, h3, h4, h5, h6 {
margin: 0;
text-align: center;
}
p.ThumbnailBoxRight h1, h2, h3, h4, h5, h6 {
padding: 0;
}




.ThumbnailBoxLeft {
background-color: #ffffff;
width: 28%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 18px 5px 12px 25px;
padding: 4px;
color: black;
float: left;
text-align: center;
}

div.ThumbnailBoxLeft p {
margin: 13px;
}
p.ThumbnailBoxLeft {
padding: 4px;
}

div.ThumbnailBoxLeft h1, h2, h3, h4, h5, h6 {
margin: 0;
text-align: center;
}
p.ThumbnailBoxLeft h1, h2, h3, h4, h5, h6 {
padding: 0;
}




.ThumbnailBoxCenter {
background-color: #ffffff;
width: 28%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 18px auto;
padding: 4px;
color: black;
float: left;
text-align: center;
}

div.ThumbnailBoxCenter p {
margin: 13px;
}
p.ThumbnailBoxCenter {
padding: 4px;
}

div.ThumbnailBoxCenter h1, h2, h3, h4, h5, h6 {
margin: 0;
text-align: center;
}
p.ThumbnailBoxCenter h1, h2, h3, h4, h5, h6 {
padding: 0;
}







.fbCommentsBox {
background-color: #ffffff;
border: 0;
margin: 100px auto 100px auto;
}










/* -- tagLinksBox -- */
/* -- tagLinksBox -- */
/* -- tagLinksBox -- */

.tagLinksBox {
background-color: #ffffff;
width: 85%;
border: 0; /* ------ Ditty Red Line ------ */
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.tagLinksBox p {
margin: 20px;
}
p.tagLinksBox {
padding: 13px;
}

div.tagLinksBox h1, h2, h3, h4, h5, h6 {
margin: 0;
}
p.tagLinksBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}

/* -- tagLinksBox Navigation Link styles -- */

.tagLinksBox a {
color: green;
display: block;     /*   */
padding: 3px 0 3px 4px;
text-decoration: none;
}

.tagLinksBox a:visited {
color: green;
text-decoration: none;
}

.tagLinksBox a:hover {
color: red;
background-color: #ffffff;   /*  */
text-decoration: none;
}

/* -- tagLinksBox -- */
/* -- tagLinksBox -- */
/* -- tagLinksBox -- */

















.IconsBox {
background-color: #ffffff;
width: 50%;
border: 0;
margin: 20px 0 0 0;
padding: 4px;
color: black;
text-align: right;
float: right;
}

div.IconsBox p {
margin: 13px;
}
p.IconsBox {
padding: 13px;
}

div.IconsBox h1, h2, h3, h4, h5, h6 {
margin: 0;
text-align: right;
}
p.IconsBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}


.facebookLikeBox {
background-color: #ffffff;
width: 85%;
border: 0;
margin: 18px auto 24px 18px;
padding: 4px;
color: black;
text-align: left;
}

div.facebookLikeBox p {
margin: 13px;
}
p.facebookLikeBox {
padding: 13px;
}

div.facebookLikeBox h1, h2, h3, h4, h5, h6 {
margin: 0;
text-align: right;
}
p.facebookLikeBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}




.NextGalleryBox {
background-color: #ffffff;
width: 20%;
border: 0;
margin: 0;
padding: 4px;
color: black;
text-align: right;
float: right;
}

div.NextGalleryBox p {
margin: 13px;
}
p.NextGalleryBox {
padding: 13px;
}

div.NextGalleryBox h1, h2, h3, h4, h5, h6 {
margin: 0;
text-align: right;
}
p.NextGalleryBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}




.PreviousGalleryBox {
background-color: #ffffff;
width: 25%;
border: 0;
margin: 0;
padding: 4px;
color: black;
float: left;
}

div.PreviousGalleryBox p {
margin: 13px;
}
p.PreviousGalleryBox {
padding: 13px;
}

div.PreviousGalleryBox h1, h2, h3, h4, h5, h6 {
margin: 0;
text-align: left;
}
p.PreviousGalleryBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}




.HoursBox {
background-color: #fff;
width: 47%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.HoursBox p {
margin: 13px;
}
p.HoursBox {
padding: 13px;
}

div.HoursBox h1, h2, h3, h4, h5, h6 {
margin: 0;
text-align: left;
}
p.HoursBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}


.PremiumListingBox {
background-color: #fff;
width: 85%;
border: 8px solid #3398cc;
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.PremiumListingBox p {
margin: 13px;
}
p.PremiumListingBox {
padding: 13px;
}

div.PremiumListingBox h1, h2, h3, h4, h5, h6 {
margin: 0;
}
p.PremiumListingBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}


.UpdateListingBox {
background-color: #fff;
width: 85%;
border: 8px solid #d87d00;
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.UpdateListingBox p {
margin: 13px;
}
p.UpdateListingBox {
padding: 13px;
}

div.UpdateListingBox h1, h2, h3, h4, h5, h6 {
margin: 0;
}
p.UpdateListingBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}




.ReminderBox {           /* the container box */
background-color: #ddd;
width: 24%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 0 0 12px 18px;
float: right;             /* adding float enables text to flow around it */
color: #006;
}

.ReminderBox h4 {
margin: 0;
padding: 2px;
text-align: center;
background-color: #fff;
}

.ReminderBox p {
font-size: 80%;
padding: 0 4px;
line-height: 13px;
}




.StandoutQuoteBox {           /* the container box */
background-color: #fff;
width: 70%;
border: none;
margin: 0 0 12px 18px;
float: right;             /* adding float enables text to flow around it */
color: #006;
}

.StandoutQuoteBox h4 {
margin: 30;
padding: 10px;
text-align: center;
background-color: #fff;
}

.StandoutQuoteBox p {
font-size: 130%;
padding: 0 4px;
line-height: 25px;
color: #1d487e;
font-style: italic;
}




.StandoutQuoteLeftBox {           /* the container box */
background-color: #fff;
width: 70%;
border: none;
margin: 0 18px 12px 0;
float: left;             /* adding float enables text to flow around it */
color: #006;
}

.StandoutQuoteLeftBox h4 {
margin: 30;
padding: 10px;
text-align: center;
background-color: #fff;
}

.StandoutQuoteLeftBox p {
font-size: 130%;
padding: 0 4px;
line-height: 25px;
color: #1d487e;
font-style: italic;
}


.AdSenseBoxLeft, .AdSenseBoxRight, .AdSenseBoxCenter468, .AdSenseBoxRightColumn, .AdSenseBoxCenter {
padding: 5px;
background-color: #ffffff;
border: 0px;
}
.AdSenseBoxLeft {
margin: 0 18px 12px 18px;
float: left;
}
.AdSenseBoxRight {
margin: 0 18px 12px 18px;
float: right;
}
.AdSenseBoxCenter {
width: 300px;
margin: 0 auto 12px auto;
}
.AdSenseBoxCenter468 {
width: 468px;
margin: 0 auto 12px auto;
clear: both;
}
.AdSenseBoxRightColumn {
padding: 0;
margin: 0 auto 12px auto;
clear: both;
}


.ReturnToNavBox {
background-color: #fffff;
width: 90%;
border-top: 1px solid #ff4800; /* ------ Ditty Red Line ------ */
border-bottom: 1px solid #ff4800; /* ------ Ditty Red Line ------ */
margin: 0 auto 12px auto;
padding: 4px;
}
	

/* -- RSS Box -- */

#RSSbox {
width: 95%;
background-color: transparent;
border: 2px solid #ffffff; /* ------ Was 1px dotted #ff4800; Ditty Red Line ------ */
margin: 8px auto 10px 3px;
padding: 1px 2px 1px 2px;
font-size: 100%;
font-weight: bold;
color: white; /* ------ Ditty Red Line ------ was #1d487e; */
line-height: 14px;
text-align: center;
}



.FormBox {
background-color: transparent;
width: 90%;
border: 0;
margin: 18px auto 24px auto;
padding: 0;
color: black;
}

div.FormBox p {
margin: 13px;
}
p.FormBox {
padding: 13px;
}

div.FormBox h1, h2, h3, h5, h6 {
margin:  10px auto 10px auto ;
text-align:center;
}

div.FormBox h4 {
margin:  20px auto 20px auto ;
text-align:center;
}

p.FormBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}



.HorizontalBannerBox {
background-color: transparent;
width: 50%;
height: 60 px;
border: 0;
margin: 148px auto 0 260px;
padding: 0 px;
color: white;


}.HorizontalBannerBox a {
color: white;
padding: 0 0 0 4px;
text-decoration: none;
}

.HorizontalBannerBox a:visited {
color: white;
text-decoration: none;
}

.HorizontalBannerBox a:hover {
color: yellow; 
background-color: transparent;
text-decoration: none;
}


.SkyscraperBox {
background-color: transparent;
width: 76%;
height: 600 px;
border: 1px solid #ffffff;
margin: 18px auto 24px auto;
padding: 0 px;
color: black;
}


.WideSkyscraperBox {
background-color: #ffffff;
width: 100%;
height: 600 px;
border: 0;
margin: 18px auto 24px auto;
padding: 0px;
color: black;
}


.SquareButtonBox {
background-color: transparent;
width: 79%;
height: 125 px;
border: 1px solid #ffffff;
margin: 18px auto 24px auto;
padding: 0 px;
color: black;
}



.LeaderboardBox {
background-color: transparent;
width: 50%;
height: 60 px;
border: 0;
margin: 148px auto 0 169px;
padding: 0 px;
color: white;


}.LeaderboardBox a {
color: white;
padding: 0 0 0 4px;
text-decoration: none;
}

.LeaderboardBox a:visited {
color: white;
text-decoration: none;
}

.LeaderboardBox a:hover {
color: yellow; 
background-color: transparent;
text-decoration: none;
}


.RightColumnSignBox {
background-color: #ffffff;
width: 85%;
border: 1px solid #d87d00;
margin: 18px auto 24px auto;
padding: 0px;
color: black;
}

div.RightColumnSignBox p {
margin: 13px;
}
p.RightColumnSignBox {
padding: 13px;
}

div.RightColumnSignBox h1, h2, h3, h4, h5, h6 {
margin: 0;
}
p.RightColumnSignBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}

.RightColumnSignBox a {
text-decoration: none;
}


.RelatedGalleriesBox {
background-color: #FFFFFF;
width: 85%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.RelatedGalleriesBox p {
margin: 13px;
}
p.CalloutBox {
padding: 13px;
}

div.RelatedGalleriesBox h1, h2, h3, h4, h5, h6 {
margin: 0;
}
p.RelatedGalleriesBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}


.RelatedViewsBox {
background-color: #ffffff; /* was #e4f4d4; light green used in center column of celebrity-hair-styles-background.gif and for lit buttons both navbars and AdSenseBox bg color */
width: 85%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.RelatedViewsBox p {
margin: 13px;
}
p.RelatedViewsBox {
padding: 13px;
}

div.RelatedViewsBox h1, h2, h3, h4, h5, h6 {
margin: 0;
}
p.RelatedViewsBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}


.LeadPhotosBox {
background-color: #FFFFFF;
width: 85%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.LeadPhotosBox p {
margin: 13px;
}
p.LeadPhotosBox {
padding: 13px;
}

div.LeadPhotosBox h1, h2, h3, h4, h5, h6 {
margin: 0;
}
p.LeadPhotosBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}

.GalleryBox {
background-color: #FFFFFF;
width: 85%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.GalleryBox p {
margin: 13px;
}
p.GalleryBox {
padding: 13px;
}

div.GalleryBox h1, h2, h3, h4, h5, h6 {
margin: 0;
color: black;
}
p.GalleryBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}



.PhotoInfoBox {
background-color: transparent;
width: 85%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.PhotoInfoBox p {
margin: 13px;
}
p.PhotoInfoBox {
padding: 13px;
}

div.PhotoInfoBox h1, h2, h3, h4, h5, h6 {
margin: 0;
}
p.PhotoInfoBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}

.Tier3PhotoLinkBox {
background-color: #FFFFFF;
width: 85%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.Tier3PhotoLinkBox p {
margin: 13px;
}
p.Tier3PhotoLinkBox {
padding: 13px auto; 
}

div.Tier3PhotoLinkBox h1, h2, h3, h4, h5, h6 {
margin: 0;
}
p.Tier3PhotoLinkBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}


.WebVideoZoneBox {
background-color: #E4F4D4;/* light green used in center column of celebrity-hair-styles-background.gif and for lit buttons both navbars and AdSenseBox bg color */
width: 88%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 18px auto 24px auto;
padding: 10px;
color: black;
text-align: center;
}

div.WebVideoZoneBox p {
margin: 13px;
}
p.WebVideoZoneBox {
padding: 13px;
}

div.WebVideoZoneBox h1, h2, h3, h4, h5, h6 {
margin: 0;
}
p.WebVideoZoneBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}

.RedCarpetHairStyleBox {
background-color: transparent;
width: 90%;
border: 1px dotted #ff4800; /* ------ Ditty Red Line ------ */
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.RedCarpetHairStyleBox p {
margin: 13px;
}
p.RedCarpetHairStyleBox {
padding: 13px;
}

div.RedCarpetHairStyleBox h1, h5, h6 {
margin:  10px auto 10px auto ;
text-align:center;
}

div.RedCarpetHairStyleBox h2 {
margin: 0;
padding: 2px;
text-align: left;
border-bottom: 0;
}

div.RedCarpetHairStyleBox h3 {
margin: 25px 0 10px 0;
padding: 1px;
text-align:left;
}

p.RedCarpetHairStyleBox h1, h2, h3, h4, h5, h6 {
padding: 0;
}





.ThreeWebsitesBox {           /* the container box */
background-color: #E4E7E0;
width: 90%;
border: 2px solid #040700;
margin: 0 auto 12px auto;
color: #006;
}

.ThreeWebsitesBox h2 {
margin: 0;
padding: 4px;
text-align: center;
background-color: #fff;
}

.ThreeWebsitesBox p {
font-size: 100%;
padding: 0 4px 12px 4px;
line-height: 13px;
}




/* ------ Section 8 - Frequently Used Styles ------ */




.clear {
clear: both;
}


img {
border: 0 solid #ddd;
}


/* -- lists -- */

#CenterColumn ul {
list-style-type: disc;
margin: 0 0 8px 10px;
}

#CenterColumn li {
margin: 0 0 8px 5px;
}


#CenterColumn ol {
list-style-type: decimal;
margin: 0 0 8px 10px;
}

#CenterColumn li {
margin: 0 0 8px 5px;
}


/* -- floats -- */

.ItemRight {
float: right;
margin: 2px 0 12px 18px;
text-align: center;
}

.ItemCenter {
margin: 2px auto 12px auto;
text-align: center;
clear: both;
}

.ItemLeft {
float: left;
margin: 2px 18px 12px 0;
text-align: center;
}

.ItemCenterExtraTopMargin {
margin: 30px auto 12px auto;
text-align: center;
clear: both;
}

.ThumbnailLeft {
float: left;
margin: 4px 10px 0 12px;
text-align: center;
}



.center { 
text-align: center;
}

.ItemCenterUnderH1 {
margin: 2px auto 12px auto;
text-align: center;
font-size: 120%;
color: #1d487e;
clear: both;
}


/* -- colours -- */




.ItemRed {
color: red;
}




.WhiteBackground {
background-color: #ffffff;
}