body 				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; background-color: #FFFFFF; margin: 0px; color: #999999; line-height: 130%; text-align:center; padding: 0px 2px 2px 2px;   }


.boldred {
	font-size: 15px; COLOR: #C53A4D; LINE-HEIGHT: 16pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; text-align:left; 
}

.boldredsml {
	font-size: 11px; COLOR: #C53A4D; LINE-HEIGHT: 13pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:left; 
}

.boldgreysml  { color: #999999; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 11pt; text-align: left }

.redsml {
	font-size: 11px; COLOR: #C53A4D; LINE-HEIGHT: 13pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; 
}

.bodytext { color:#999999; text-align:justify; }

.panelleftheader	{
background-color:#C4323F;
text-transform:uppercase;
text-align:center;
color:#FFFFFF;
font-weight:bold;
padding: 2px 0px;
font-size:14px;
}

.boldpanelleft	{
text-transform:uppercase;
text-align:center;
color:#999999;
font-weight:bold;
padding: 0px;
font-size:14px;
}

.headerpanellower	{
font-weight:bold;
color:#E09691;
text-transform:capitalize;
font-size:13px;
padding-bottom:5px;
margin-left:5px;
display:block;
}

.maintextpanellower	{
marigin-left:2px;
display:block;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.paddingleftpanel	{
padding:1px;
margin:2px;
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	color:#C53A4D;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	color:#C53A4D;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: underline;
	color:#C53A4D;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	color:#C53A4D;
}

#wrapper 			{ 
width: 760px; 
height:auto; 
margin: 0px auto; 
text-align: center; 
margin: 20px auto; 
padding: 0px;
position:relative;
 }

#masthead			{ 
width: 760px; 
height: 155px; 
margin-top: 0px; 
background-image: url(../images/masthead.jpg); 
background-repeat: no-repeat; 
background-position: center; 
}


#content	{
width: 570px;
clear:right;
float: right;
height:auto;
margin-top:30px;
text-align:left;
}

#titledefault	{
background-image:url(../images/title_default.gif);
background-repeat:no-repeat;
height: 44px;
position:relative;
}

#titledefaultmidwife	{
background-image:url(../images/title_midwife.gif);
background-repeat:no-repeat;
height: 44px;
position:relative;
}

#titledefaultblank	{
background-image:url(../images/title_blank.gif);
background-repeat:no-repeat;
height: 44px;
position:relative;
}

#titledefaultservices	{
background-image:url(../images/title_services.gif);
background-repeat:no-repeat;
height: 44px;
position:relative;
}

#contentleft	 { text-align: left; width: 265px; height: auto; float: left }

#contentright	 { text-align: left; width: 260px; height: auto; float: right }

#contentmainlower	{
width: 570px;
height:230px;
text-align:left;
clear:both;
background-image:url(../images/bglowerpanel.gif);
background-repeat:no-repeat;
padding: 2px;
margin-top:20px;
margin-right: 2px;
margin-bottom: 2px;
margin-left: 2px;
}

#panelmainlowerlft	{
width:260px;
height: 270px;
float: left;
}

#panelmainlowerrt	{
width: 270px;
height:auto;
float:right;
}

#footerbg	{
background-image:url(../images/footerbg.gif);
background-repeat:repeat-x;
height:17px;
clear:both;
text-align:left;
padding-left: 2px;
padding-top: 1px;
}

#footerbg a { color:#999999 }
#footerbg a:visited { color:#999999 }
#footerbg a:hover { color:#999999 }

#panelleft	{
	height:230px;
	width: 155px;
	float:left;
	position:relative;
	top:-35px;
	z-index: 2;
	left: 2px;
	display:inline;
}

#toppanelleft	{
background-image:url(../images/pregnant.jpg);
background-repeat:no-repeat;
height: 226px;
padding: 2px;
}

#toppanelleftmidwife	{
background-image:url(../images/midwife.jpg);
background-repeat:no-repeat;
height: 226px;
padding: 2px;
}

#lowerpanelleft	{
background-image:url(../images/bgpanelleft2.gif);
background-repeat:no-repeat;
width: 155px;
height:310px;
clear:left;
padding-bottom:20px;
}

#menu	{
	width: 570px;
	position:absolute;
	top:108px;
	z-index: 3;
	left: 165px;
	display:inline;
	text-align:left;
	overflow: visible;
}

div.leftCol,div.rightCol{
    float:left;
    width:300px;
}
/*firefox fix otherwise the float behaves weird*/
br{
    clear:both;
}

* html #menu{ /*IE 6 only */
left: 99px; /*Box model bug */
}

.t {background: url(../images/dot.gif) 0 0 repeat-x; width: 20em}

.b {background: url(../images/dot.gif) 0 100% repeat-x}

.l {background: url(../images/dot.gif) 0 0 repeat-y}

.r {background: url(../images/dot.gif) 100% 0 repeat-y}

.bl {background: url(../images/bl.gif) 0 100% no-repeat}

.br {background: url(../images/br.gif) 100% 100% no-repeat}

.tl {background: url(../images/tl.gif) 0 0 no-repeat}

.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px}