/*
	Calm-a-Baby website
	GT WebSanity www.websanity.co.uk
	18/3/2009 Created
	Text #679a96
	Heading text #377372
*/

/* Remove all browser dependent styling to start with as a basis */
body, h1, h2,h3,h4,h5,h6,p,ol,ul,form,blockquote { padding:0; margin:0; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
a { text-decoration:none; }
a img,:link img,:visited img { 	border: none; }
:link,:visited { text-decoration:none }


/* Specific site styles */
body {
/*	font-family:Arial, Helvetica, sans-serif;;*/
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	background:#98d4bf;
	color:#377372;
}
h1 { font-size:26px;text-align:center; color:#377372; font-weight:normal;}
h2 { font-size:16px;color:#377372;}
.breadcrumb { color:#c2e2e6; }
a:link, a:visited { color:#427c7b;text-decoration:underline;  }
a:hover { color:#a8d8dd; }


.header-row { height:220px; }	/* Incorporates graphic and menu (so you can have a nice graphic behind menu! */
.content-row { min-height:460px; }
.footer-row { height:34px; }
.footer-row .centre { background:#c1dadc; height:34px;}
.sub-footer-row { text-align:center; color:#0a1e63; font-size:10px; font-weight:bold; }
.whitedivider { background:#FFF; height:2px; }

/* Centre column down the middle of the screen - FIXED width */
.centre {
	margin-left:auto;
	margin-right:auto;
	width:974px;
}
/*.header-row .centre { background:url('header.jpg') left top no-repeat;}*/
/*.header-row .centre { background:url('banner-calm-a-baby.jpg') left top no-repeat;}*/
.header-row .centre { background:url('calm-a-baby-header3.jpg') left top no-repeat;}



.header-row .graphic { height:186px; text-align:center;}
/*.header-row .graphic_text {position:absolute;left:120px;top:120px;color:#fff;font-size:20px;}*/
.header-row .graphic_text {position:absolute;left:400px;top:140px;color:#dbf7fb;font-size:15px;font-weight:normal;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.header-row .graphic_text a {text-decoration:none;color:#dbf7fb;}
.header-row .menu { display:block; height:28px; color:#679a96;font-size:18px; }
.header-row .menu { text-align:center;padding-top:7px; }
.header-row .menu ul {list-style:none; margin-left:-16px; }	/* -16 to compensate for space to let (below) */
.header-row .menu li {display:inline;padding-left:16px;padding-right:10px;}	/* more padding on left to deal with menu divider */


.footer-row .bottom_menu { text-align:center;padding-top:10px;font-size:13px }
.footer-row .bottom_menu ul {list-style:none; }
.footer-row .bottom_menu li {display:inline;padding-left:16px;padding-right:10px;}  /* more padding on left to deal with menu divider */

.sub-footer-row .bottom_menu { text-align:center;padding-top:0px;font-weight:bold; }
.sub-footer-row .bottom_menu ul {list-style:none; }
.sub-footer-row .bottom_menu li {display:inline;padding-left:10px;padding-right:10px;}

/*.content-row .centre { background:#b6dee2 url('content-background.jpg') repeat-x; min-height:460px; padding-top:18px;}*/	/* Background colour here */
.content-row .centre { background:#e5f6f7; min-height:460px; padding-top:18px;}	/* Background colour here */





/* Main page heading */
.page-heading { text-align:center;padding-bottom:5px;margin-bottom:10px;}


/* Sidebars and main content area */
.left {
	float:left;
	width:175px;
	padding:0px 0px 0px 0px;
}
.middle {
	display:block;
	margin-left:190px;	/* Should be 175 but because of images placed on right looks unbalanced */
	margin-right:175px;
}
.right {
	float:right;
	width:165px;
	padding:5px 0px 0px 10px;
}

/* The panels for PR & services on the left of the window */
.panel-menu, .panel-pr, .brochure-request { padding-left:0px; padding-bottom:0px;}


/* The actual content block containing text - i.e. with left and right borders */
.content { padding:0px 20px 0px 10px;text-align:justify;}
.content b, .content strong { font-weight:bold;  }	
.content a { font-weight:normal;  }
.content p { padding-bottom:12px; }


/* MENUS MENUS MENUS MENUS MENUS MENUS MENUS MENUS MENUS MENUS */
/* Left menu */
.panel-menu { background:#a8d8dd url('menu-bgd.jpg') repeat-x; margin-left:12px;}
.panel-menu li { list-style: none; }
.panel-menu a { color:#427c7b;text-decoration:none;}	/* Applies to ul, ul ul and ul ul ul */
 /* Keep lines of same menu item across two lines together, but put space between individual entries */
/*.panel-menu li { padding-bottom:5px; padding-left:5px; }*/
.panel-menu span { line-height:115%;}


/* Font sizes for menus  NOTE li is INDIVIDUAL ITEMS ul is LIST*/
.panel-menu ul li a { font-weight:bold; background:#d9eaeb;display:block;padding-left:5px;padding-top:3px;padding-bottom:3px;}	/* Top level menu */
.panel-menu ul ul li a { font-weight:normal; background:transparent;display:block;margin-top:8px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;}
.panel-menu ul ul ul li a { font-weight:normal; background:transparent;display:block;margin-top:0px;margin-bottom:2px;padding-top:0px;padding-bottom:0px;}

/* Font sizes for menus */
.panel-menu ul { font-size:16px;}
.panel-menu ul ul { font-size:12px;}
.panel-menu ul ul ul { font-size:10px;}

/* Padding for menus */
.panel-menu ul { padding-left:0px; padding-top:5px;padding-bottom:0px;margin-bottom:10px;}	/* Indent for menus */
.panel-menu ul ul { padding-left:10px; padding-top:0px;padding-bottom:5px;}	/* Indent for sub menus */
.panel-menu ul ul ul { padding-left:20px; padding-bottom:0px;}	/* Indent for sub sub menus */

.panel-menu a.menu_current { color:#173b39;}
/*.panel-menu ul li a:hover, .panel-menu ul a.menu_current:hover {cursor:default; }*/	/* Override style for top level menus to hide them as links*/
.panel-menu ul a:hover, .panel-menu ul a.menu_current:hover { cursor:pointer;color:#97c7cc;border:none;}
.panel-menu ul li a.no_menu:hover {color:#427c7b;cursor:default; }	/* Override style for non-working menus*/


/* TOP Horz menu */
.header-row .menu li {background:url('menu-divider.gif') left no-repeat;}
.header-row .menu li.menu_first {background:none;}
.header-row .menu a:link, .header-row .menu a:visited { color:#679a96; border:none;text-decoration:none;}
.header-row .menu a.menu_current:link,.header-row .menu a.menu_current:visited { color:#377372; border:none;text-decoration:none;} 
.header-row .menu a:hover,.header-row .menu a.menu_current:hover { color:#a8d8dd;border:none;text-decoration:none;}

/* BOTTOM Horz menu */
.footer-row .bottom_menu li {background:url('menu-divider-bottom.gif') left no-repeat;}
.footer-row .bottom_menu li.menu_first {background:none;}
.footer-row .bottom_menu a:link, .footer-row .bottom_menu a:visited { color:#679a96;border:none;text-decoration:none; }
.footer-row .bottom_menu a.menu_current:link,.footer-row .bottom_menu a.menu_current:visited { color:#173b39; border:none;text-decoration:none;} 
.footer-row .bottom_menu a:hover,.footer-row .bottom_menu a.menu_current:hover { color:#97c7cc;border:none;}



.copyright {padding-top:10px; color:#4c8e8e;font-size:14px;font-weight:normal;}
/* The websanity links at the very bottom of the screen */
.websanity_links { color:#7eafaf;font-weight:normal; }
.websanity_links a:link,.websanity_links a:visited { color:#7eafaf;border:none;text-decoration:none;font-weight:normal; }
.websanity_links a:hover {	color:#97c7cc;text-decoration:none; }


/* Form styles */
#captcha_field_title {
	padding-top:8px;
}
textarea {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
}

/* Photos in RH columns */
.photo {
	margin-left:auto;margin-right:auto;
	display:block;
	width:99px;
	height:162px;
	position:relative;
	background:url('photo-background.png') top left no-repeat;
	padding-bottom:20px;
	text-align:center;
}
.photo img {
	position:absolute;
	left:6px;
	top:6px;
	width:81px;
	height:121px;
	border:1px solid #777;
}
.photo p {
	position:absolute;
	left:6px;
	top:130px;
	width:81px;
	height:24px;
	font-size:70%;
	line-height:90%;
}

/* For brochure request and contact us buttons */
.form-submit {
	font-family:"Times New Roman", Times, serif;
	color:#0a1e63;
}

/* Q&A styles for FAQs */
.question { font-weight:bold;color:#cf3736;margin-top:15px;}
.answer { font-style:italic; }


.latest-news {
background-color:#888;
margin:10px;
padding:10px;
}

.latest-courses {
background-color:#AAA;
margin:10px;
padding:10px;
}


/* General tables */
table { border:1px solid #CCC; border-collapse:collapse; margin:2px;}
table td, table th { font-size:12px;padding:2px;vertical-align:top;text-align:left;}
table th { background:#d9eaeb; color:#427c7b; }

/* Content bulleted and unbulleted lists */
.content ul, .content ol {
margin-left:25px;margin-bottom:5px;
}


.right img {
padding-top:0px;padding-bottom:0px;
margin-top:0px;margin-bottom:0px;
}