* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 760px; /* 922px; */   
}
#header {
 color: #333;
 width: 760px; /* 900px; */
 float: left;
 display: inline;
 padding: 0; /* 10px; */
 border: 1px solid #ccc;
 height: 90px; /* 100px; */
 margin: 3px 0px 5px 0px; /* 10px 0px 5px 0px; */
    /* background: #BD9C8C; */
    background-image: url(http://www.childs-clothing.biz/ymjz/hdr-bgd.png);
    background-repeat: no-repeat;
}

#leftcolumn { 
 color: #333;
 border: 1px solid #FFCC33; /* #ccc; */
 background: #FFCC33; /* #E7DBD5; */
 margin: 0px 0 5px 0px;
 padding: 9px 9px 9px 9px;
 /* height: 350px; */
 width: 156px; /* 195px; */
 float: left;
 display: inline;


 border: green 1px solid;    



}
#rightcolumn { 
 float: right;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 5px 0px;
 padding: 9px;
 /* height: 350px; */
 width: 558px; /* 678px; */
 display: inline;
 position: relative;
    background: white;
display: inline;
}
body {
    font-size: 13px;
    background: #FFFFCC;
    line-height: 150%
}

.hdrTexLink a {
    color: white;
}


h1 {
    padding: 18px 12px 24px 9px;
    color: #660F65;
    text-shadow: #FFCC33 3px 3px 2px;
    font-size: 24px;
}

h2 {
    color: #660F65;
    padding-bottom: 12px;
    text-shadow: #FFCC33 1px 1px 1px;
    font-size: 20px;
}


h3 {
    color: #660F65;
    padding-bottom: 12px;
    text-shadow: #FFCC33 1px 1px 1px;
    font-size: 16px;
}


a {
    text-decoration: underline;
}

a img {
    border: 0;
}

#leftcolumn a {
    color: white;
    font-weight: bold;
}

#leftcolumn a:hover, .hdrTexLink a:hover {
    color: yellow;
    text-decoration: underline overline;
}

#leftcolumn ul {
    padding-left: 24px;
    /* margin-left: 30px; */
    padding-top: 9px; 
    line-height: 144%; 
    list-style: none;
    /* display: inline; */    
}

#explore {

    background-image: url(http://www.childs-clothing.biz/ymjz/nav-bgd1.gif);  
    /* background-image: url(../ymjz/nav-bgd1.gif);   */

    background-repeat: no-repeat; 
    width: 156px; 
    height: 230px; 
    padding-bottom: 12px; 
    color: white;
}

#stayinformed {
    background-image: url(http://www.childs-clothing.biz/ymjz/nav-bgd2.gif); 
    background-repeat: no-repeat; 
    width: 156px; 
    height: 247px;
    color: #FFFFCC;
}

#stayinformed p {
    font-size: 12px;
    padding-left: 30px; 
    /* margin-left: 30px; */
    padding-top: 12px; 
    line-height: 144%; 
    padding-right: 16px;
    /* float: right;  */
    /* display: inline;  */
    /* display: none; */
    width: 96px;

}

.inptext {
    margin-top: 6px;
    margin-left: 30px;
    border: solid 1px purple;
}

#footer {
    /* background-image: url(c2b/ymjz/footer-bgd.gif); 
    background-repeat: no-repeat; 
    background-position: center; */
    /* border-top: 1px solid #660F65; */
    /* margin-top: 36px; */
    width: 100%;
    /* height: 48px; */
    text-align: center;
    font-size: 12px;
    padding-top: 12px;
    clear: both;
}

#rightcolumn a {
    color: #BC65DC;
    font-weight: bold;
}

#rightcolumn a:hover {
    background: yellow;
    color: darkgreen;
    text-decoration: underline overline;
}

#footertext { 
    color: #BC65DC;
    width: 480px;
    padding-top: 12px;
    margin: 0 auto;
    padding-bottom: 12px;
    font-weight: bold;
}

#footertext span {
    margin: 0 12px;
}


#rightcolumn img {
    padding: 12px;
}

#rightcolumn p {
    padding-bottom: 12px;
}

.small-print {
    font-size: 11px;
    color: grey;
    text-align: left;
}

.small-print {
    border-top: solid 1px #660F65;; 
    margin-top: 12px; 
    padding: 12px 12px 0 12px;
    color: slategray;
    border-bottom: solid 1px #660F65;; 
}

.lquarter {
    clear: both;
    width: 256px;
    /* border: solid 1px purple; */
    float: left; 
    padding: 6px;
    margin: 3px;
}
.rquarter {
    width: 256px;
    /* border: solid 1px purple; */
    float: right;
    padding: 6px;
    margin: 3px;
}

.quarter h2 {
    text-align: center;
}


#core-contents dt {
	font-weight: bold;
	color: purple; 
	padding: 18px 0 3px 0;
}
#core-contents dd {
    padding-left: 18px;
    width: 90%;
}

#validEmail {
    margin-top: 12px;
    margin-left: 4px;
    position: absolute;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}

#core-contents strong {
    color: purple;
}



#samplePix {
    text-align: center;
    margin-top: 12px;
}

#samplePix img {
    padding: 12px;
}

.item-opener {
    font-weight: bold;
    color: purple;
}
.hook {
    color: green;
    font-style: italic;
}
/**********************************

Use: Reset Styles for all browsers

***********************************/

body, p, blockquote {
	margin: 0;
	padding: 0;
}

a img, iframe { border: none; }

/* Headers
------------------------------*/

/* h1, h2, h3, h4, h5, h6 {
*/ 	/* margin: 0;
*/ 	/* padding: 0;
*/ 	/* font-size: 100%;
*/ /* }
*/ 
/* Lists
------------------------------*/

ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
}

/* Links
------------------------------*/

a, a:link {}
a:visited {}
a:hover {}
a:active {}

/* Forms
------------------------------*/

form, fieldset {
	margin: 0;
	padding: 0;
}

fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
}

select { padding: 0; }
/**********************************

Use: cmxform template

***********************************/
form.cmxform fieldset {
	margin-bottom: 10px;
}

form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	/* NB: _margin: 0 -7px; /* IE Win */
}

form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	cursor: hand;
}

form.cmxform fieldset p {
	list-style: none;
	padding: 5px;
	margin: 0;
}

form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}

form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}

form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
}

form.cmxform label { width: 100px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 103px; } /* Width plus 3 (html space) */
form.cmxform label.error {
	/* margin-left: 103px; */
	width: 220px;
}

form.cmxform input.submit {
	margin-left: 103px;
}

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

/**********************************

Name: cmxform Styles

***********************************/
form.cmxform {
	width: 370px;
	font-size: 1.0em;
	color: #333;
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #333;
}

form.cmxform fieldset {
	border: none;
padding: 36px 0;
	/* border-top: 1px solid #C9DCA6; */
	/* background: url(../images/cmxform-fieldset.gif) left bottom repeat-x; */
	/* background-color: #F8FDEF; */
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px; 
/* background: orange; */
	/* background: url(../images/cmxform-divider.gif) left bottom repeat-x; */
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}

div.error { display: none; }
/* input {	border: 1px solid black; } */
input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }

