/* CSS Document */
/* Copyright 2009 Mom's House of New York */
/* This stylesheet positions the menu to the left of the page */

* { margin:0; padding:0; font-family:Geneva, Tahoma, sans-serif;} /*  margins and padding defaulted to 0  */

body			{ font:1em; background: #4976A5; text-align: center; }

#inner	 		{ width:800px; margin: 0 auto; background-color:#fff} /*--- auto margin centers this in the browser --*/

/* the content wrapper */
#wrapper { 
		width:800px; 
		text-align: left; 
		clear:both; 
		background-color:#ffcccc;}

#mastheadUpperBorder {   /* defines the upper color abover the masthead */
		width: 800px;
		height: 32px;
		background-color: #4976A5;
		border-bottom: 12px solid #824C8B;
}

#pageHeading {  /* specifies the graphic logo in the masthead */
		width: 800px;
		height: 150px;
		background-image: url(../images/bkg_masthead.png);
}

#pageHeading h1 span {display: none;}

#signin {
	float: right;
	padding: 3px 20px 0 0;
	font-size: .85em;
	font-family:Geneva, Tahoma, sans-serif;
	text-align:center;
	height: 28px;
}

#signin ul {
	list-style:none;
	display:inline;
}

/*    =a  =links (change colors in anchors)   */	
#signin a:link    { color: #FFF; text-decoration: none; }   	/* unvisited links */
#signin a:visited { color: #FFF; text-decoration: none; }  		/* visited links   */
#signin a:hover   { color: #000; text-decoration: none; } 		/* user hovers     */
#signin a:active  { color: #000; text-decoration: none; }

/* the upper navigation bar */
/* navlinks is a div for the links */
#navlinks	{ 
	width: 780px;
	min-height: 30px;
	background-color: #f2f2f2;
	border-bottom: 1px solid #666666;
	padding: 0 10px;
}  /* the desired total width = 800px - the padding */ 

#navlinks ul, {
	margin: 0;
	list-style:none;
	}

#navlinks li {
	font-family:Geneva, Tahoma, sans-serif;
	text-align:center;
	float: left;
	list-style:none;
	width: 156px;
	height: 28px;
	padding: 3px 0px 0 0px;
} /* li width = 780px divided by 5 = 156px; */

#navlinks li:hover { 
	border-bottom: 3px solid #F12359; 
	color: #824C88;
	height: 25px;
	}  /* red underscore on link */
	
#navlinks a: {
	display: block;	
}

/*    =a  =links (change colors in anchors)   */	
#navlinks a:link    { color: #666; text-decoration: none; }   		/* unvisited links */
#navlinks a:visited { color: #666; text-decoration: none; }  		/* visited links   */
#navlinks a:hover   { color: #824C8B; text-decoration: none; } 		/* user hovers     */
#navlinks a:active  { color: #824C8B; text-decoration: none; }

#pageSettings {
	padding: 10px 0;}
	
#content-side { 
	float: left;
	width: 186px;
	padding: 20px 0 0 30px;
}   /* (216 width - 20px + 30px padding = 186px) */

#content-main { 
	float: left; 
	width: 760px;
	padding: 20px 20px 20px 20px;
	background-color:#fff;
}	/* (584 width - 20px left padding = 564px) */

#content-main h3 {
	font-size: 18px;
	color: #844E8D;
}

#content-main h4 {
	color: #4976A5;
	font-size: 16px;}
	
#content-main p {
	color: #000;
	font-size: .9em;}
	
/* lower navigation items */
#lowerNavlinks {
	clear: both;
	max-height: 140px;
	width: 760px;
	padding: 10px 20px; 
}

#lowerNavlinks li {
	background: url(../images/bkg_nav.png) no-repeat top;
	float: left;
	width: 130px;
	height: 70px;
	padding: 0 10px 10px 10px;
	list-style:none;
	text-align:left;
}

#lowerNavlinks li:hover {
	background: url(../images/bkg_nav_r.png) no-repeat top;
}

#lowerNavlinks li p {
	font-size:10px;
	color:#804C8B;
	width: 116px;
	padding: 0 10px;
}

#lowerNavlinks li a   { color: #666; text-decoration: none; display: block; } 

#lowerNavlinks h3 { font-size: 14px; color:#666; padding: 10px 10px 0 10px;}

/* footer and footer text */
#footer { 
		height:38px;
		background-color: #824C8B;
		color: #ffffff;
		clear: both;
}

#footer h3 	{ font: 1em normal; margin: .6em 0 0 0; padding: 8px 0 0 0 }

#lowerNavlinks a:link    { color: #666; text-decoration: none; display: block; }   	/* unvisited links */
#lowerNavlinks a:visited { color: #666; text-decoration: none; }  	/* visited links   */
#lowerNavlinks a:hover   { color: #666; text-decoration: none; } 	/* user hovers     */
#lowerNavlinks a:active  { color: #666; text-decoration: none; }

#lgroup1 {
	font-size: 1.1em;
	text-align: center;
	color: #fff;
	width: 182px;
	height: 30px;
	background: url(../images/bkg_lgroup1.png) no-repeat;
}

/* lgroup 2 = the side menu items */	
#lgroup2 {
	color: #666;
	background: url(../images/bkg_lgroup2.png) repeat-y;
}

#lgroup2 ul {
	list-style: none;
	width: 182px;
}

#lgroup2 li {
	text-indent: 20px;
	padding-bottom:5px;
	padding-top:5px;}

#lgroup2 li a {
	display: block;
}

#lgroup2 li a:hover {
	background-color:#4976A5;
}
	
/*    =a  =links (change colors in anchors)   */	
#lgroup2 a:link    { color: #666; text-decoration: none; }   	/* unvisited links */
#lgroup2 a:visited { color: #666; text-decoration: none; }  	/* visited links   */
#lgroup2 a:hover   { color: #fff; text-decoration: none; } 		/* user hovers     */
#lgroup2 a:active  { color: #fff; text-decoration: none; }

/* graphic for the bottom on the side menu*/
#lgroup3 {
	background: url(../images/bkg_lgroup3.png) no-repeat;
	height: 16px;
	width: 182px;
}

.contentObject {
	padding: 0 0 10px 0}
	
#cuteChick {
	background-image: url(../images/moms_logo_cute_chick.png);
	width: 208px;
	height: 250px;
	float:right;
}

/* this style to allows the user make 2 equal columns using a float command */
.float {
	float:left;
	width: 50%;
}