body {
	background-color:#E3E3E3;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}
    
body img { /* blocking images for the page */
	display: block;
	
}

td img { /* blocking images for the page */
	display: inline;
	
}


p, .table {
	font-family: arial, verdana, sans serif;
	font-size: .75em; 
	color: #000000;
	margin-top: 0px;
}

a {
	font-family: arial, verdana, sans serif;
	color: #8198cd;
	text-decoration: none;
}

a:hover {
	font-family: arial, verdana, sans serif;
	color: #8198cd;
	text-decoration: underline;
}

h1 {
	font-family: arial, verdana, sans serif;
	font-size: 1.5em; 
	color: #000000;
}

h2 {
	font-family: arial, verdana, sans serif;
	font-size: 1em; 
	color: #000000;
}

h3 {
	font-family: arial, verdana, sans serif;
	font-size: .8em; 
	color: #000000;
}

.pba {
	color: #8198cd;
}

.bigger {
	font-size: 125%;
}

.bolder {
	font-weight: 800;
}

.underline {
	text-decoration: underline;
}

.whiteout {
	color: #ffffff;
	display: inline;
}

.box,
.dropbox {
	border: 1px solid #cccccc;
	height: 14px;
	font-size: 10px;
}

textarea {
	padding: 2px;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: arial, verdana, sans serif;
	font-size: 11px;
}

.submit {
	background-image: url(http://www.probeauty.org/images/submit.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
	border: 0px;
	width: 125px;	
}

.reset {
	background-image: url(http://www.probeauty.org/images/reset.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
	border: 0px;
	width: 46px;	
}

.checkbox, .radio {
	margin: 4px 0px 0px 0px;
}

label {
	font-size: 11px;
	font-family: Trebuchet MS;
}

.hrgrey {
	height: 1px;
	background: #ffffff url(http://www.probeauty.org/images/grey.gif) repeat scroll center;
	margin: 5px 0 0 0;	
}

.hrgrey hr{
  display: none;
}

.hrblue {
	height: 1px;
	background: #ffffff url(http://www.probeauty.org/progress/images/hr.jpg) repeat scroll center;
	margin: 5px 0 0 0;	
	overflow: hidden;
}

.hrblue hr{
  display: none;
}

/* Menus - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
  
/*Style for the background-bar*/
.clBar{position:absolute; width:10px; height:10px;  visibility:hidden; }
.clBar2{position:absolute; width:10px; height:10px; background-color:#DADCBA;  visibility:hidden; background-image:url(http://www.probeauty.org/images/clBarBG.jpg);}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:arial,helvetica; font-size:10px; font-weight:normal; letter-spacing: .3em;}
.clLevel0{background-color:#DADCBA;  color:black;}
.clLevel0over{background-color:#DADCBA;  color:#000080; cursor:pointer; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#DADCBA; }

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:2px; padding-left: 10px; font-family:arial,helvetica; font-size:11px; font-weight:normal; letter-spacing:1px;}
.clLevel1{background-color:#494A40; color:white;}
.clLevel1over{background-color:#64655B; color:white; cursor:pointer; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#8298CD;}

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:2px; padding-left: 10px; font-family:arial,helvetica; font-size:11px; font-weight:normal; letter-spacing:1px;}
.clLevel2{background-color:#494A40; color:white;}
.clLevel2over{background-color:#64655B; color:white; cursor:pointer; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#8298CD;}

.error		{ font-family: verdana, arial, sans serif; font-size: 10px; color: #cc0000; }

.label		{ color: #666666; font-family: verdana, arial, sans serif; font-size: 10px; font-style: normal; font-weight: normal; text-transform: uppercase; }
.labelreq	{ color: #cc0000; font-family: verdana, arial, sans serif; font-size: 10px; font-style: normal; font-weight: normal; text-transform: uppercase; }

.pagetitle	{ color: black; font-family: verdana, arial, sans serif; font-size: 16px; font-style: normal; font-weight: bold; text-transform: uppercase; }
.sectiontitle	{ color: #3366cc; font-family: verdana, arial, sans serif; font-size: 12px; font-style: normal; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #3366cc; width:513px;}
.sectiontitle1	{ color: #3366cc; font-family: verdana, arial, sans serif; font-size: 12px; font-style: normal; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #3366cc; width:500px;}
.sectiontitle3	{ color: #676767; font-family: verdana, arial, sans serif; font-size: 12px; font-style: normal; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #676767; width:500px;}

#container { /* container div */
	width: 100%;
	margin-right: auto;
	margin-left: auto;	
	display: inline;
}

#header { /* container for the header. From logo to spacer */
	width: 100%;
	float: left;
	background-image: url(http://www.probeauty.org/new/images/header_bg.jpg); 
	background-repeat: repeat-x;
	background-color: #494B40;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0px 0px 0px;
	display: inline;
}

/** Header **/

#headerTop { /*contains logo and join/login */
	float: left;
	display: inline;	
	width: 775px;
	height: 63px;
}

#headerTop p {
	padding: 0px 0px 0px 0px;
	margin: 0;
	font-family: Arial, Tahoma;
	font-size: 24pt;
}

#join {
	float: left;
	width: 570px;
	height: 26px;
	display: inline;
}

#join img.joinNow {
	float: right;
}

.textbox {
	float: right; 
	width: 69px; 
	height: 27px; 
	background-image: url(http://www.probeauty.org/images/fldLogin.gif); 
	background-repeat: no-repeat;
	padding: 0px; 
	border: 0px;
	border: none;
}

.membergo {
	float:right;
}

.bio {
	font-size: .8em;
}

#spacer { /* Blue line spacer */
	float: left;
	width: 100%;
	height: 8px;
	overflow: hidden; /* Fix for IE which defaulted this to 15px height */
	<!--background: url(http://www.probeauty.org/images/header_spacer.jpg) repeat-x;-->
} 

#menurow { /** MENU / NAVIGATION **/
	clear: left;
	width: 780px;
	<!--background: url(http://www.probeauty.org/images/mnuRight.gif) repeat-x;-->
}

#menu {
	float: left;
	width: 780px;
	height: 24px;
} /* END HEADER */

/** CONTENT **/
#content { /* main wrapper for content - padded for space. Pads against #main */
	float: left;
	width: 100%; /* Sets content area as a static size */
	background-color: #494B40;
	padding-top: 5px;
	padding-bottom: 5px;
}

/** LEFT COLUMN - Secondary nav for pages that require it **/

#left {
	float: left;
	width: 222px;
	display: inline;
	overflow: hidden;
}

#leftHeader {
	float: left;
	width: 222px;
	background-image: url(http://www.probeauty.org/images/content_headerbg.gif);
	height: 10px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-color: #ffffff;
	overflow: hidden;
}

#leftNav {
	float: left;
	line-height: 1.5;
	width: 222px;
	margin: 0px;
	padding: 0px;
	display: inline;
	background-image: url(http://www.probeauty.org/images/bg_tile.gif);
	background-repeat: repeat-x;
	background-repeat: repeat-y;
	display: inline;
	overflow: hidden;
}	

#leftNav ul {
	margin: 0px;
	list-style-type: none;
	color: #ffffff;
	list-style-position: outside;
	marker-offset: 0px;
	padding: 0 0 0 20px;
}

#leftNav ul li a {
	margin: 0px;
	font-size: 9pt;
	font-family: arial, verdana, sans serif;
	text-decoration: none;
	color: #ffffff
}

#leftNav ul li a:hover {
	font-size: 9pt;
	font-family: arial, verdana, sans serif;
	text-decoration: underline;
	color: #ffffff
}

#leftFooter {
	float: left;
	width: 222px;

	height: 10px;
	background-repeat: no-repeat;
	background-color: #ffffff;
	display: inline;
	overflow: hidden;
}

/** MAIN CONTENT - Formatted for presence/lack of secondary nav (#left) **/
#twoColumns {
	float: left;
	width: 775px;
	background-color: #ffffff;
	background-image: url(../images/content_bg.gif);
	background-repeat: repeat-y;
	display: inline;
	overflow: hidden;
}

#main {
	width: 775px;
	float: left;
	background-color: #ffffff;
}

#mainHeader {
	height: 20px;
	float: left;
	background-color: #ffffff;
	background-image: url(http://www.probeauty.org/images/topCorner_mc.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 4px 0 0 10px;
	

}

#mainHeader p,
#mainHeader a {
	font-family: arial, verdana, sans serif;
	color: #8198cd;
	text-decoration: none;
}

#mainHeader a:hover{
	font-family: arial, verdana, sans serif;
	color: #8198cd;
	text-decoration: underline;
}

#mainFooter { /* footer of the main content window */
	width: 775px;
	height: 20px;
	float: left;
	background-color: #ffffff;
	background-image: url(http://www.probeauty.org/images/bottomCorner_mc.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#mainContent {
	float: left;
	width: 750px;
	padding: 0 20px 0 20px;
	display: inline;
	overflow: hidden;
}


/** FOOTER **/
#footer {
	float: left;
	width: 100%;
	height: 80px;
	background-color:#E3E3E3;
	display: inline;
}

#footerSpacer {
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 30px;
	background: url(http://www.probeauty.org/images/footer_new.jpg);
	background-repeat: repeat-x;
}

#footerInfo {
	float: left;
	width: 780px;
	height: 40px;
	padding-top: 5px;
}

#footerInfo a { 
	color: black; 
	font-family: verdana, arial, sans serif; 
	font-size: 9px; 
	text-decoration: none; 
}

#footerInfo a:hover { 
	color: #2D4880; 
	text-decoration: underline; 
}

/* ELEMENTS */

.elementLeft,
.elementTextLeft {
	float: left;
	width: 190px;
	padding-right: 10px;
}

.elementRight,
.elementTextRight {
	float: right;
	width: 190px;
	padding-left: 10px;
}

.elementLeftDynamic,
.elementTextLeftDynamic {
	float: left;
	padding-right: 10px;
}

.elementRightDynamic,
.elementTextRightDynamic {
	float: right;
	padding-left: 10px;
}

.contentBoxBody p.title,
.hlBoxBody p.title,
.elementRight p.title,
.elementLeft p.title,
.elementTextRight p.title,
.elementTextLeft p.title {
	font-size: 1em;
	font-family: arial, verdana, sans serif;
	font-weight: 900;
	color: #8198cd;	
}

.elementRight p,
.elementLeft p,
.elementTextRight p,
.elementTextLeft p {
	font-size: .7em;
	font-family: arial, verdana, sans serif;
	color: #8198cd;
}

/* Elements Cont.  -  Highlight and Content style box Config*/
/* set the image to use and establish the lower-right position */ 
.hlBox, .hlBoxBody, .hlBoxHead, .hlBoxHead h2 { 
	background: #ffffff url(http://www.probeauty.org/images/highlightBox.gif) no-repeat bottom right; 
} 

/* Content Box (different box - no header content area, thinner border) */
.contentBox, .contentBoxBody, .contentBoxHead, .contentBoxHead h2 { 
	background: #ffffff url(http://www.probeauty.org/images/contentBox.gif) no-repeat bottom right; 
} 

.hlBox, .contentBox { 
	/*width: 335px; /* intended total box width - padding-right(next) */ 
	/*width: 320px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	/*margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */
.hlBoxHead, .contentBoxHead { 
	background-position: top right; 
	margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 20px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.hlBoxHead h2 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 10px 0 5px 15px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto; /*!important;  */
	/*height: 1%; /* IE Holly Hack */ 
	font-family: arial, verdana, sans serif;
	font-size: 1.3em; 
	color: #ffffff;
} 

.boxNoHeader{ 
	background: #ffffff url(http://www.probeauty.org/images/contentBox.gif) no-repeat top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 0px 0 0px 0px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: 10px; 
	font-size: 0.1em;
} 

/* set the lower-left corner image */ 
.hlBoxBody, .contentBoxBody { 
	background-position: bottom left; 
	margin-right: 5px; /* interior-padding right */ 
	padding: 5px 0 5px 15px; /* mirror .hlBoxHead, .contentBoxHead right/left */ 
} 
/* End element config */

#Actions {
	width: 250px;
	float: right;
	display: inline;
}