﻿	/* <!-- */
	/* General styles */
	body {
		margin:10px;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		background:#fff;
		font-size:90%;				
	}
		
	a {
		color:#0000ff;
		text-decoration:none;
	}
	a:hover {
		color: #B91B92;
		text-decoration: underline;
	}
	h1, h2, h3, h4 {
		margin: 0 0 0 0;
		padding:0;		
	}
	
	h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	}
	
	h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	}
	h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	}
	h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	}	
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:.0em 0 0 0;
		border:0;
	}
	.a.img:hover{ 
		 background-color: transparent;
		 border:0;
	}
	.a:hover p {
	background-image:url('images/arrow_pink.jpg')	 	
	}
	.addp {
	background:white;
	font-size:10px;
	width:208px;
	}
	.imagefloatleftnobd {
	float:left;
	margin: 0px 10px 5px 0px;
	
}
	.imageBorderBurgandy {
	margin: 2px;
	padding: 3px;
	border: thin solid #B91B92;
	}
	.imageBorderGrey {
	margin: 2px;
	padding: 3px;
	border: thin solid #cccccc;
	}
	.pspace {
	height:15px;
	}	
	.picfloatleft {
	float:left;
	margin: 5px 10px 5px 0px;
	padding:3px;
	border:thin #C0C0C0 solid;
	}
	.picfloatright {
	float:right;
	margin: 5px 0px 5px 10px;
	padding:3px;
	border:thin #C0C0C0 solid;     	
    }
    .picwithcaptionleft {
	float:left; 
	padding:0px 5px 10px 5px; 
	margin-right:10px; 
	text-align:left; 
	width:221px; 
	border:2px #CCCCCC solid
}
    
    .AdsenseLeft250X250 {
	margin: 5px 10px 5px 0px;
	float: left;
	}
	.AdsenseLeft300X250 {
	margin: 5px 10px 5px 0px;
	float: left;
    }
    #maincontentheader1 {
	color:#666699;
	font-family: Tahoma;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	background-image:url('images/bg4.jpg');
	}
	#maincontentheader2 {
	color:#666699;
	font-family: Tahoma;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	background-image:url('images/bg5.jpg');	
	}
	.contentkeyword {
	color:#666699;
	font-family: Tahoma;
	font-weight:bold;
	font-size:13px;
	}
	.contentkeyword2 {
	color:#666699;
	font-family: Tahoma;
	font-weight:bold;
	font-size:18px;
	}

	.pbackgrd1 {
	background-image: url('images/hairdo_bg2.jpg');
	background-repeat:no-repeat;
	height:55px;
	background-color:#cccccc;
	margin:0 0 0px 0;
	padding:0 0 0 0;	
	}
/*From Previous Site ******************************************************/
.DivPageContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	margin: 5px;
	padding: 5px;
}
.divsmallfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}	
.pAuthorBox {
	background-color: #CCCCCC;
	border: thin solid #999999;
	padding: 2px;
	margin: 2px;
}
.paragrahFloatLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:100px;
	border: thin solid #C0C0C0;
	padding: 2px;
	margin: 5px;
	float: left;
	background-color:#cccccc;
}
.paragrahFloatRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:100px;
	border: thin solid #C0C0C0;
	padding: 2px;
	margin: 5px;
	float: right;
	background-color:#cccccc;	
}
.pbackgrdgrey {
	background-color: #C0C0C0;
}
.PCenterMargin {
	margin: 1px;
	padding: 1px;
	background-color: #B91B92;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
}
.PFont12px {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 2px;
	margin: 0px;	
}
.PHeadBold14px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
}
.YellowBGText {
background:#CCCCCC;
margin:4px;
padding:4px;
}

/*End previous Site*******************************************************/
	    	 	
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
	}
	#header {
		border-bottom:4px solid #000;
	}
	#header h1,
	#header h2
	#header h3
	#header h4{
		padding:5px 0px 5px 0px;
		margin:0;
	}
	#header p {
	padding:5px 0px 5px 0px;
	margin:0;			
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin: 5px 0px 0px 0px;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
		font-family: Tahoma;
		font-size:.8em
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 0px;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:0px;
		line-height:1.3em;
		height:16px;
		width:105px;
	}
	#header ul li a:hover {
		background:#B91B92;
		color:#FFFFFF;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display: block;
		
	}
	/* The Menu Column 2 */
				
	#menu ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin: 0px 0px 10px 0px;
		padding:0;
	}
	#menu ul li {
		display: list-item;
		list-style:none;
		margin:5px 0 0 5px;
		padding:0;
		font-family: Tahoma;
		font-size:.95em
	}
	#menu ul li a {
		display: list-item;
		float:left;
		margin:5px 0px 0px 0px;
		padding:3px 10px;
		text-align: left;
		background:#eee;
		border: none;
		color:#0000ff;
		text-decoration:none;
		position:relative;
		left:5px;
		line-height:.9em;
		height:10px;
		width:200px /*Width of the menu block*/
	}
	#menu ul li a:hover {
		background:#B91B92;
		color:#FFFFFF;
	}
	#menu ul li a.active,
	#menu ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#menu ul li a span {
		display:block;
	}
	#menu h1,
	#menu h2,
	#menu h3,
	#menu h4,
	#menu h5,
	#menu h6 {
		padding:0px 0px 0px 0px;
		margin:5px 0px 0px 0px;	
}		
	/* End Menu Column 2 */			
		
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	.col1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;	
	}
	.col2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;
	background-color:#ebebeb;
	
	}
	.col3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;
	}
	#col3header {
	color:#666699;
	font-family: Tahoma;
	font-weight:bold;
	font-size:18px;
	text-align:center	
	}
	#col3header2 {
	color:#666699;
	font-family: Tahoma;
	font-weight:bold;
	font-size:12px;
		}
	
	#col3p {
	height:3px;
	background-color:#c0c0c0;
	}	
	#col3p2 {
	height: 3px;
	background-color: #F5C0C9;
	}	
	/* 3 Column settings */
	.threecol {
		background:#eee;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:#ebebeb;	/* left column background colour */
	}
	.threecol .col1 {
		width:48%;			/* width of center column content (column width minus padding on either side) */
		left:101%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:30%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:83%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
		clear:both;
		float: left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:15px;
		margin:0;
		text-align: center;
		font-family:Tahoma;
		font-size:.7em;
		background-color:#cccccc;
	}	
	#footer2 p {
		padding:0px;
		margin:0;
		text-align:center;
		font-family:Tahoma;
		font-size:.9em;
		background-color:#ffffff;
		
	}	
	#footer3 p {
		padding:5px;
		margin:0;
		text-align: center;
		font-family:Tahoma;
		font-size:.7em;
		background-color:#cccccc;			
	}
	/*Navigation menu at the bottom of each page*/
	#navlist li {
    	color: #000000;
		display:inline;
		padding:0 .9em;
		border-right:1px solid #b91b92;	
	}
	#navlist li.last {
		border-right:none;
	}
	#navlist {
		font-family: Tahoma;
		font-size:.7em;
		font-weight:bold;
		text-align:center;
	}
	#navlist a {
		color: #000000;
		text-decoration:none;
	}
	#navlist a:hover {
		color: #b91b92;
		text-decoration: underline;
		background:none;
	}
/*End of the Navigation Menu at bottom of page*/
/* Box Area */
	.box1 {
	margin: 20px 5px 5px 5px;
	float:left;
	width: 460px;
	height: 175px;	
	}
	#box1imgbg{
	background-image: url('images/bg1.jpg');
	height: 200px;
	background-repeat:no-repeat;	
	}
	#box1imgicon{
	margin: 5px 10px 5px 10px;
	float: left;
	
	}
	.box2 {
	margin: 20px 0px 5px 15px;
	float:left;
	width: 460px;
	height: 175px;	
	}
	#box2imgbg{
	background-image:url('images/bg2.jpg');
	height: 200px;
	background-repeat: no-repeat;
	
	}
	#box2imgicon{
	margin: 5px 10px 5px 0px;
	float: left;
	width:99px;
	height:136px;
	}
	.box3 {
	margin: 15px 5px 5px 5px;
	float:left;
	width: 460px;
	height: 175px;	
	}
	#box3imgbg{
	background-image:url('images/bg3.jpg');
	height: 200px;
	background-repeat: no-repeat;	
	}
	#box3imgicon{
	margin: 5px 10px 5px 10px;
	float: left;
	width:97px;
	height:146px;
	}
	.box4 {
	margin: 15px 5px 5px 5px;
	float:left;
	width: 460px;
	height: 175px;	
	}
	#box4imgbg{
	background-image:url('images/bg3.jpg');
	height: 200px;
	background-repeat: no-repeat;	
	}
	#box4imgicon{
	margin: 5px 15px 5px 10px;
	float: left;
	width:97px;
	height:146px;
	}
    .box5 {
	margin: 20px 5px 5px 5px;
	float:left;
	width: 460px;
	height: 175px;	
	}
	#box5imgbg{
	background-image: url('images/bg1.jpg');
	height: 200px;
	background-repeat:no-repeat;	
	}
	#box5imgicon{
	margin: 5px 10px 5px 10px;
	float: left;
    }
    .box6 {
	margin: 20px 5px 5px 5px;
	float:left;
	width: 460px;
	height: 175px;	
	}
	#box6imgbg{
	background-image: url('images/bg3.jpg');
	height: 200px;
	background-repeat:no-repeat;	
	}
	#box6imgicon{
	margin: 5px 10px 5px 10px;
	float: left;
    }    
    .box7 {
	margin: 20px 5px 5px 5px;
	float:left;
	width: 460px;
	height: 175px;	
	}
	#box7imgbg{
	background-image: url('images/bg1.jpg');
	height: 200px;
	background-repeat:no-repeat;	
	}
	#box7imgicon{
	margin: 5px 10px 5px 10px;
	float: left;
	}        
	.boxreadmore {
	color:#FF0000;
	font-weight:bold;
	text-decoration:underline;
	}
	.box8 {
	margin: 20px 5px 5px 5px;
	float:left;
	width: 460px;
	height: 175px;	
	}
	#box8imgbg{
	background-image: url('images/bg1.jpg');
	height: 200px;
	background-repeat:no-repeat;	
	}
	#box8imgicon{
	margin: 5px 10px 5px 10px;
	float: left;
	}        
	.boxreadmore {
	color:#FF0000;
	font-weight:bold;
	text-decoration:underline;
	
	/* --> */
