/********************************************************************************
**************   Formatting for 'standard' tags    ******************************
********************************************************************************/

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	background-color:#24B9D9;
	margin: 0; 
	padding: 0; 
}

/*a:link, a:active, a:visited {text-decoration:none; color:#1c3fbd;}
a:hover{color:#4D1ABF;}*/

select {
 background-color: #ffffff;
 color: #005ba4;
 border: 2px solid #005ba4;
}

/********************************************************************************
**************   id definitions for layout divs    ******************************
********************************************************************************/

#center-content{ position:relative; top:0px; left:0px; bottom:0px; width:950px; height:auto; min-height:100%; margin-left: auto ; margin-right: auto ; background-color:#FFF;}

#header{ width:950px; height:118px;}

#mainsection{ position:relative; top:0px; left:0px; width:950px; height:auto; min-height:100%; padding:14px;}

#logo{ position:absolute;  top:4px; left:10px; width:411px; height:110px;}

#search{ position:absolute;  top:14px; right:14px; width:201px; height:24px;}

.searchlink{ display:none;}
#search_box {
    width: 201px;
    height: 24px;
    background: url(../images/searchbox.gif) no-repeat;
}
#search_box #q {
    float: left;
    padding: 0;
    margin: 4px 0 0 6px;
    border: 0;
    width: 120px;
    background: none;
}
#search_box #go {
    float: right;
	height: 24px;
    margin: 0px 0px 0 0;
}

/*#question-box-container #q {
    float: left;
    padding: 0;
    margin: 8px 0 0 6px;
    border: 0;
    background: none;
}*/
#question-box-container #submit {
    float: right;
    margin: 4px 0px 0 0;
}

#underline{ width:100%; height:24px; background-color:#4D1ABF;}
#underline-mums{ width:100%; height:24px; background-color:#19BE48;}

#breadcrumb{ float:left; width:600px; padding-left:14px; margin-top:8px; margin-bottom:8px; text-align:left; font-family:Verdana, Geneva, sans-serif;}
#breadcrumb:link, #breadcrumb:visited, #breadcrumb:active {color:#000;text-decoration:none;}
#breadcrumb:hover {color:#4D1ABF;}
#breadcrumb span{ color:#4D1ABF; font-weight:bold;}

#date{ float:right; width:300px; padding-right:14px; margin-top:8px; margin-bottom:8px; text-align:right; font-family:Verdana, Geneva, sans-serif;}
#date span{ color:#4D1ABF; font-weight:bold;}

#menu{ width:172px; }

#content{ float:left; width:550px; height:auto; min-height:100%;}

#rhs{ float:left; width:172px; height:605px; padding-left:14px;}

#lhs{ float:left; width:172px; height:620px; padding-right:14px;}

#footer{ position:relative; top:0px; left:0px; width:950px; height:55px; background-color:#24B9D9;}

#bottomimage{ position:relative; top:0px; left:0px; width:950px; height:14px;}

#footertext{ width:950px; margin-top:4px; margin-bottom:8px; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:10px;}
.footer:link, .footer:visited, .footer:active {color:#000;text-decoration:none;}
.footer:hover {color:#4D1ABF;}

.questionheader{ font-style:normal; font-weight:bold; }
.answerheader{ font-weight:bold; color:#19BE48;}
.question{ font-style:italic; padding:5px; color:#4D1ABF; padding-left:14px; clear:both;}
.answer{ padding:5px; padding-left:14px; clear:both;}

/* id defs for home page */

#home-maininfo{float:left; width:100%; height:auto;}
#home-image{ float:right; padding:10px; width:231px; height:185px;}
#home-text{ float:left; padding-left:5px; width:270px; height:auto;}

/* id defs for sign-up page */

#mc_embed_signup{ width:100%; margin-top:20px;}
.indicate-required{ padding-top:10px;}
.mc-field-group{padding-top:10px;}
.input-group{padding-top:10px;}

/********************************************************************************
**************   Boxes and borders    *******************************************
********************************************************************************/

.box-header{ width:100%; height:30px; background-color:#19BE48;}
.border-right {float:right; background:url(../images/box-side.gif) repeat-y right top; width:3px; height:auto; min-height:100%; padding-left:4px;}
.border-left {float:left; background:url(../images/box-side.gif) repeat-y left top; width:3px; height:auto; min-height:100%; padding-right:4px;}
.box-footer {background:url(../images/box-footer.gif) no-repeat; width:172px; height:12px; clear:both;}
.main-box-footer {background:url(../images/wide-box-footer.gif) no-repeat; width:550px; height:12px; clear:both;}

/* Standard LHS and RHS boxes are defined here */
#copy{ position:relative; top:6px; left:6px; width:532px; height:auto; min-height:100%;}
#main-content{width:550px; height:auto; min-height:100%;}
.main-box-header{ width:100%; height:34px; background-color:#19BE48;}
#heading{ width:550px; height:34px;}
td#main-border-right {background:url(../images/box-side.gif) repeat-y right top; width:3px;padding-left:5px;}
td#main-border-left {background:url(../images/box-side.gif) repeat-y left top; width:3px;padding-right:5px;}

#newsletter{ position:relative; top:0px; left:0px; width:172px; height:115px;}
#newsletter-content{ width:172px; height:73px;}
#newslettercontainer{
float:left;
width: 154px;
height: 59px;
padding-top:10px;
}

#news{ position:relative; top:14px; left:0px; width:172px; height:182px;}
#news-content{ width:172px; height:128px;}

#favourites{ position:relative; top:16px; left:0px; width:172px; height:150px;}
#fav-content{ width:172px; height:95px;}
#favouritescontainer{
float:left;
width: 146px;
height: 81px;
padding: 5px;
padding-bottom:0px;
padding-top:10px;
}

#advert{ padding-top:10px; width:172px; height:auto; min-height:110px;}
#advert-content{ width:172px; }

#othersite{ position:relative; top:18px; left:0px; width:172px; height:155px;}
#othersite-content{ width:172px; height:113px;}

#supermarqueecontainer{
float:left;
width: 154px; /*marquee width */
height: 110px; /*marquee width */
}

#marqueecontainer{
position:relative;
width: 148px; /*marquee width */
height: 106px; /*marquee width */
background-color: white;
overflow: hidden;
padding: 2px;
padding-left: 4px;
}

/* Home page boxes */

.home-box-header{ width:100%; height:34px; background-color:#4d1abf;}
.home-border-right {float:right; background:url(../images/home-box-side.gif) repeat-y right top; width:5px; height:auto; min-height:100%; padding-left:4px;}
.home-border-left {float:left; background:url(../images/home-box-side.gif) repeat-y left top; width:5px; height:auto; min-height:100%; padding-right:4px;}
.home-box-footer {background:url(../images/home-box-footer.gif) no-repeat; width:238px; height:17px; clear:both;}

#financial{ float:left; padding:7px; padding-left:12px; width:238px; height:175px;}
#financial-content{ width:238px; height:124px;}
#financialcontainer{
float:left;
width: 210px;
height: 114px;
padding: 5px;
padding-bottom:0px;
}
.footer:link, .footer:visited, .footer:active {color:#000;text-decoration:none;}
.footer:hover {color:#4D1ABF;}

#debt{ float:right; padding:7px; padding-right:12px; width:238px; height:175px;}
#debt-content{ width:238px; height:124px;}
#debtcontainer{
float:left;
width: 210px;
height: 114px;
padding: 5px;
padding-bottom:0px;
}

#legal{ float:left; padding:7px; padding-left:12px; width:238px; height:180px;}
#legal-content{ width:238px; height:129px;}
#legalcontainer{
float:left;
width: 210px;
height: 119px;
padding: 5px;
padding-bottom:0px;
}

#experts{ float:right; padding:7px; padding-right:12px; width:238px; height:180px;}
#experts-content{ width:238px; height:129px;}
#expertscontainer{
float:left;
width: 210px;
height: 119px;
padding: 5px;
padding-bottom:0px;
}

.home-box-left{ float:left; padding:7px; padding-left:12px; width:238px; height:170px;}
.home-box-right{ float:right; padding:7px; padding-right:12px; width:238px; height:170px;}
.home-box-content{ width:238px; height:119px;}
.home-box-container{ float:left; width: 210px; height: 109px; padding: 5px; padding-bottom:0px;}
.home:link, .home:visited, .home:active, .home:hover{color:#000;text-decoration:none;}

.question-box{ float:left; padding:10px; width:510px; height:327px;}
.question-box-header{ width:100%; height:34px; background-color:#4d1abf;}
#question-heading{ padding:8px; width:298px; height:24px;}
.question-box-content{ width:510px; height:273px;}
#question-box-container{ float:left; width: 482px; height: 266px; padding: 5px; padding-bottom:0px;}
.question-box-footer {background:url(../images/question-box-footer.gif) no-repeat; width:510px; height:17px; clear:both;}

/********************************************************************************
**************   Menu definitions    ********************************************
********************************************************************************/

.menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 168px;
	height: 392px;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	z-index:100;
}
.menu span {
	display: none;
	position: absolute;
	
}
.menu a {
	text-indent: -900%;
}
.menu a:hover {
	background-position: left bottom;
}
.menu a:hover span, a:active span{
	display: block;
}
.menu .home {
	width: 172px;
	height: 28px;
	background: url(../images/home.gif) no-repeat;
	left: 0px;
	top: 0px;
}
.menu .home span {
	width: 172px;
	height: 28px;
	background: url(../images/home-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
.menu .home-mums {
	width: 172px;
	height: 28px;
	background: url(../images/home-mums.gif) no-repeat;
	left: 0px;
	top: 0px;
}
.menu .home-mums span {
	width: 172px;
	height: 28px;
	background: url(../images/home-over-mums.gif) no-repeat;
	left: 0px;
	top: 0px;
}
.menu .about {
	width: 172px;
	height: 28px;
	background: url(../images/about.gif) no-repeat;
	left: 0px;
	top: 28px;
}
.menu .about span {
	width: 172px;
	height: 28px;
	background: url(../images/about-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
.menu .health {
	width: 172px;
	height: 28px;
	background: url(../images/health.gif) no-repeat;
	left: 0px;
	top: 56px;
}
.menu .health span {
	width: 172px;
	height: 28px;
	background: url(../images/health-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
.menu .finance {
	width: 172px;
	height: 28px;
	background: url(../images/finance.gif) no-repeat;
	left: 0px;
	top: 84px;
}
.menu .finance span {
	width: 172px;
	height: 28px;
	background: url(../images/finance-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
.menu .debt {
	width: 172px;
	height: 28px;
	background: url(../images/debt.gif) no-repeat;
	left: 0px;
	top: 112px;
}
.menu .debt span {
	width: 172px;
	height: 28px;
	background: url(../images/debt-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
.menu .legal {
	width: 172px;
	height: 28px;
	background: url(../images/legal.gif) no-repeat;
	left: 0px;
	top: 140px;
}
.menu .legal span {
	width: 172px;
	height: 28px;
	background: url(../images/legal-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
.menu .experts {
	width: 172px;
	height: 28px;
	background: url(../images/experts.gif) no-repeat;
	left: 0px;
	top: 168px;
}
.menu .experts span {
	width: 172px;
	height: 28px;
	background: url(../images/experts-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
.menu .education {
	width: 172px;
	height: 28px;
	background: url(../images/education.gif) no-repeat;
	left: 0px;
	top: 196px;
}
.menu .education span {
	width: 172px;
	height: 28px;
	background: url(../images/education-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
.menu .housing {
	width: 172px;
	height: 28px;
	background: url(../images/housing.gif) no-repeat;
	left: 0px;
	top: 224px;
}
.menu .housing span {
	width: 172px;
	height: 28px;
	background: url(../images/housing-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
.menu .parenting {
	width: 172px;
	height: 28px;
	background: url(../images/parenting.gif) no-repeat;
	left: 0px;
	top: 252px;
}
.menu .parenting span {
	width: 172px;
	height: 28px;
	background: url(../images/parenting-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
.menu .relationships {
	width: 172px;
	height: 28px;
	background: url(../images/relationships.gif) no-repeat;
	left: 0px;
	top: 280px;
}
.menu .relationships span {
	width: 172px;
	height: 28px;
	background: url(../images/relationships-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
.menu .work {
	width: 172px;
	height: 28px;
	background: url(../images/work.gif) no-repeat;
	left: 0px;
	top: 308px;
}
.menu .work span {
	width: 172px;
	height: 28px;
	background: url(../images/work-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
/*.menu .timeout {
	width: 172px;
	height: 28px;
	background: url(../images/timeout.gif) no-repeat;
	left: 0px;
	top: 336px;
}
.menu .timeout span {
	width: 172px;
	height: 28px;
	background: url(../images/timeout-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
.menu .shopping {
	width: 172px;
	height: 28px;
	background: url(../images/shopping.gif) no-repeat;
	left: 0px;
	top: 364px;
}
.menu .shopping span {
	width: 172px;
	height: 28px;
	background: url(../images/shopping-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}*/
.menu .contact {
	width: 172px;
	height: 28px;
	background: url(../images/contact.gif) no-repeat;
	left: 0px;
	top: 336px;
}
.menu .contact span {
	width: 172px;
	height: 28px;
	background: url(../images/contact-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
/*.menu .poty {
	width: 172px;
	height: 28px;
	background: url(../images/poty.gif) no-repeat;
	left: 0px;
	top: 364px;
}
.menu .poty span {
	width: 172px;
	height: 28px;
	background: url(../images/poty-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}*/
.menu .blogs {
	width: 172px;
	height: 28px;
	background: url(../images/blogs.gif) no-repeat;
	left: 0px;
	top: 364px;
}
.menu .blogs span {
	width: 172px;
	height: 28px;
	background: url(../images/blogs-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
ul.menu, ul.menu ul {
  width: 172px;            
  background-color: #19be48;    
  padding-left: 0px;          
  cursor: default;            
  margin-left: 0px;         
}
ul.menu li {
  list-style-type: none;       
  margin: 0px;                
  position: relative;          
  color: #000;             
}
ul.submenu li{
	border-bottom:1px #4d1abf solid;
	border-top:1px #4d1abf solid;
	z-index:100;
}
ul.menu li > ul {         
  display: none;              
  position: absolute;         
  top: 2px;                    
  left: 172px; 
  
}
ul.menu li:hover, ul.menu li.CSStoHighlight {
  background-color: #fbbb26;      
  color: #000;                 
}
ul.menu ul.CSStoShow {     
  display: block;              
}
ul.menu li:hover > ul {    
  display: block;              
}
/* and some link styles */
ul.menu li a { color: #fff; display: block; width: 100%; text-decoration: underline; }
ul.submenu li a { color: #fff; display: block; width: 90%; text-decoration: none; text-indent: 0%; padding-left:10px; padding-top:4px; padding-bottom:4px; padding-right:10px; font-size:12px; font-weight:bold; z-index:100;}
ul.menu li a:hover, ul.menu li a.CSStoHighLink { color: #4d1abf; }
ul.menu li:hover > a { color: #4d1abf; } /* supports links in branch headings - should not be display: block; */