/* white space reset */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, 
label, ul, ol, dl, fieldset, address { 
	margin: 1em 0; 
	padding: 0;
}
li, dd { 
	margin-left: 40px;  
	padding: 0;
}
fieldset { padding: .5em; }



/* CSS Document */

body, html {
	height: 100%;

} 

html, body, form, fieldset {
	margin: 0;
	padding: 0;
	
	font: 100%/120% Arial, Helvetica, sans-serif;
}

body {
	text-align:center; /* for IE */
	background: #ECFBFF ;
	background-image: url(../images/common/bg_tile.jpg);
	background-repeat: repeat;
}



form fieldset ul { 
   list-style: none;
}



a:link, a:visited{
	color: #188EEA;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color: #30B562;
}




hr {
	border: none 0;
	border-top: 1px dashed #949494;
	width: 100%;
	height: 1px;
}

.clear {
	clear: both;
}

#wrapper {
	position: relative;
	background: #FFFFFF;
	background-image: url(../images/common/bg_tile_wrapper.gif);
	background-repeat: repeat;
	position: relative;
	text-align: left; /* reset text alignment */
	width: 740px; /* or a percentage, or whatever */
	margin: 0 auto; /* for the rest */
	padding: 0;
	min-height: 100%;
} 
* html #wrapper {
	height: 100%; /* hack for ie only */
}


/* >>>>>>>>>>>>>>> admin area <<<<<<<<<<<<<<< */
#adminheader {
	position: relative;
	text-align:center;
	height: 210px;
	background-color:#FFFFFF;
	background-image: url(../images/admin/img_header.jpg);
	background-repeat: no-repeat;
	margin: 0 20px;
	padding: 10px 0 0 0;
}

#adminContentText {
	font:70%/100% Arial, Helvetica, sans-serif;
	clear:both;
	color:#585858;
	line-height:19px;
	padding: 15px 15px 15px 15px;
	text-align: center;
}

.adminHeading {
	font-size: 14px;
	font-weight: bold;
}

#adminContainer {
	background-color:#F7F7F7;
	line-height:15px;
	color:#B3B3B3;
	border: 1px dashed #DBDBDB;
	padding: 10px 10px 10px 10px;
	height: 25%;
	margin-top: 10px;
}


/* >>>>>>>>>>>>>>> Header Divs <<<<<<<<<<<<<<< */

#header {
	position: relative;
	text-align:center;
	height: 200px;
	background-color:#FFFFFF;
	margin: 0 20px;
	padding: 20px 0 5px 0;
}

/* >>>>>>>>>>>>>>> Navigation <<<<<<<<<<<<<<< */


#nav {
	position: relative;
	margin: 0 20px;
	height:53px;
	z-index:2;
}

ul#int, ul#int ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color:#4894D1;
}
ul#int { 
	background-color: #4894D1;
}
ul#int li {
	margin: 0;
	float:left;
}
ul#int li a.navBtn {
	width: 100%;
	display: block;
}
ul#int li, ul#int li a.navBtn {
	height: 53px;
}
ul#int li a.navBtn span {
	display: none;
}
ul#int li ul {
	position: absolute;
	width: 143px;
	left: -999px;
}
ul#int li:hover ul, ul#int li.sfhover ul {
	left: auto;
}


ul#int li ul li {
	display: block;
	float: none;
	background-image:url('../images/nav/bg_subnav.jpg');
	background-repeat:no-repeat;
	width:143px;
	height:22px;
	
}
ul#int li ul li a {
	display: block;
	margin: 0;
	padding: 1px 0 0 5px;
	height: 100%;
	font-size: 10px; 
	color: #FFFFFF; 
	text-decoration: none;
	overflow: hidden;
}
ul#int li ul li a:hover {
	color: #000000; 
}


/* homeBtn */
ul#int li#homeBtn, ul#int li#homeBtn a.navBtn 
	{ width: 141px; }
body.lang-en ul#int li#homeBtn	
	{ background: transparent url('../images/nav/opt_nav.jpg') 0 -53px no-repeat; } /* ON state */
body.lang-en ul#int li#homeBtn a.navBtn  
	{ background: transparent url('../images/nav/opt_nav.jpg') 0 0 no-repeat; } /* OFF state */
body.lang-en ul#int li#homeBtn:hover a.navBtn,
body.lang-en ul#int li#homeBtn.sfhover a.navBtn
	{ background-image: none; } /* remove OFF state to reveal ON state */

/* aboutBtn */
ul#int li#aboutBtn, ul#int li#aboutBtn a.navBtn 
	{ width: 138px; }
body.lang-en ul#int li#aboutBtn	
	{ background: transparent url('../images/nav/opt_nav.jpg') -141px -53px no-repeat; } /* ON state */
body.lang-en ul#int li#aboutBtn a.navBtn  
	{ background: transparent url('../images/nav/opt_nav.jpg') -141px 0 no-repeat; } /* OFF state */
body.lang-en ul#int li#aboutBtn:hover a.navBtn,
body.lang-en ul#int li#aboutBtn.sfhover a.navBtn
	{ background-image: none; } /* remove OFF state to reveal ON state */

/* whyBtn */
ul#int li#whyBtn, ul#int li#whyBtn a.navBtn  
	{ width: 124px; }
body.lang-en ul#int li#whyBtn	
	{ background: transparent url('../images/nav/opt_nav.jpg') -279px -53px no-repeat; } /* ON state */
body.lang-en ul#int li#whyBtn a.navBtn   
	{ background: transparent url('../images/nav/opt_nav.jpg') -279px 0 no-repeat; } /* OFF state */
body.lang-en ul#int li#whyBtn:hover a.navBtn, 
body.lang-en ul#int li#whyBtn.sfhover a.navBtn
	{ background-image: none; } /* remove OFF state to reveal ON state */

/* approachBtn */
ul#int li#approachBtn, ul#int li#approachBtn a.navBtn  
	{ width: 105px; }
body.lang-en ul#int li#approachBtn	
	{ background: transparent url('../images/nav/opt_nav.jpg') -403px -53px no-repeat; } /* ON state */
body.lang-en ul#int li#approachBtn a.navBtn   
	{ background: transparent url('../images/nav/opt_nav.jpg') -403px 0 no-repeat; } /* OFF state */
body.lang-en ul#int li#approachBtn:hover a.navBtn,
body.lang-en ul#int li#approachBtn.sfhover a.navBtn
	{ background-image: none; } /* remove OFF state to reveal ON state */

/* servicesBtn */
ul#int li#servicesBtn, ul#int li#servicesBtn a.navBtn 
	{ width: 101px; }
body.lang-en ul#int li#servicesBtn	
	{ background: transparent url('../images/nav/opt_nav.jpg') -508px -53px no-repeat; } /* ON state */
body.lang-en ul#int li#servicesBtn a.navBtn  
	{ background: transparent url('../images/nav/opt_nav.jpg') -508px 0 no-repeat; } /* OFF state */
body.lang-en ul#int li#servicesBtn:hover a.navBtn,
body.lang-en ul#int li#servicesBtn.sfhover a.navBtn
	{ background-image: none; } /* remove OFF state to reveal ON state */

/* resourcesBtn 
ul#int li#resourcesBtn, ul#int li#resourcesBtn a 
	{ width: 101px; }
body.lang-en ul#int li#resourcesBtn	
	{ background: transparent url('../images/nav/opt_nav.jpg') -508px -53px no-repeat; }
body.lang-en ul#int li#resourcesBtn a.navBtn  
	{ background: transparent url('../images/nav/opt_nav.jpg') -508px 0 no-repeat; }
body.lang-en ul#int li#resourcesBtn:hover a.navBtn,
body.lang-en ul#int li#resourcesBtn.sfhover a.navBtn
	{ background-image: none; } /* remove OFF state to reveal ON state */


/* contactBtn */
ul#int li#contactBtn, ul#int li#contactBtn a.navBtn 
	{ width: 91px; }
body.lang-en ul#int li#contactBtn	
	{ background: transparent url('../images/nav/opt_nav.jpg') -609px -53px no-repeat; } /* ON state */
body.lang-en ul#int li#contactBtn a.navBtn  
	{ background: transparent url('../images/nav/opt_nav.jpg') -609px 0 no-repeat; } /* OFF state */
body.lang-en ul#int li#contactBtn:hover a.navBtn,
body.lang-en ul#int li#contactBtn.sfhover a.navBtn
	{ background-image: none; } /* remove OFF state to reveal ON state */


#miniNav {
	position: relative;
	text-align:right; /* for IE */
	background: #8AC7F8;
	background-image: url(../images/common/tile_mininav.jpg);
	background-repeat: repeat;
	position: relative;
	height: 24px;
	margin: 1px 20px 0 20px;
}

.txt_mininav {
	font: 10px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
}



	
/* >>>>>>>>>>>>>>> Footer <<<<<<<<<<<<<<< */

#footer {
	position: relative;
	text-align:left; /* reset text alignment */
	width: 740px; /* or a percentage, or whatever */
	margin:0 auto; /* for the rest */
	margin-top: -55px;
	padding:0;
	background-color:#FFFFFF;
	background-image: url('../images/common/bg_footer.gif');
	height: 55px;
	font:65%/90% Arial, Helvetica, sans-serif;
	color:#188EEA;
	text-decoration: none;
} 

#footer p {
	position: relative;
	padding: 15px 27px 5px 27px;
	line-height: 35px;
	text-align: center;
	margin: 0;
}

#footer a {
	color:#188EEA;
	text-decoration: none;
}

#footer a:hover {
	color: #30B562; 
	text-decoration: none;
}


/* >>>>>>>>>>>>>>> Content Divs <<<<<<<<<<<<<<< */


#contentDiv {
	margin: 0 20px;
	padding-bottom: 60px; /* 55px for the footer + 5 extra */
	
}

#contentText {
	font:80%/100% Arial, Helvetica, sans-serif;
	clear:both;
	color:#585858;
	line-height:19px;
	padding: 15px 15px 15px 15px;
	text-align: justify;
}

#contentHomeLeft {
	font:80%/100% Arial, Helvetica, sans-serif;
	color:#585858;
	line-height:19px;
	width:411px;
	padding: 15px 0 15px 15px;
	text-align: justify;
	float: left;
}

#rightPanel {
	text-align: left;
	float: right;
	padding: 15px 15px 15px 0;
	width:247px;
	height:auto;
}

.rightTile {
	margin: 5px 0;
}

.rightContent {
	font:80%/100% Arial, Helvetica, sans-serif;
	color:#585858;
	line-height:15px;
	width:220px;
	text-align: justify;
	float: right;
}


#newsPanel {
	text-align: left;
	padding: 16px 0 0 0;
	background-image: url(../images/common/bg_tile_news.jpg);
	background-repeat: repeat;
}

#newsTitle {
	margin: 0 8px 5px 8px;
	border-bottom: 1px dashed #FFFFFF;
} 


#newsItems {
	font-size: 12px;
	line-height: 1.2em;
	color: #FFFFFF;
	width: 230px;
	height: 90px;
	overflow: auto;
	margin: 0 0 0 8px;
}
#newsItems a {
	color: #fff;
}
#newsPanelShadow {
	margin: 0;
	padding: 0;
	overflow: hidden; /* or else IE chucks a wobbly */
	height: 5px;
	background-image: url('../images/newspanel/read_bar_shadow.jpg');
	background-repeat: no-repeat;
}

#newsPanelBar {
	margin: 0;
	height:16px;
	overflow: hidden; /* or else IE chucks a wobbly */
	background-image: url(../images/newspanel/read_bar.jpg);
	background-repeat: no-repeat;
	padding: 0 5px 5px 0;
	text-align: right;
}
#newsPanelBar img {
	border: 0;
	padding: 0;
}
#newsPanelBar a { 
	font-size: 10px; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-decoration: none;
}
#newsPanelBar a:hover { 
	color: #000000; 
}

.heading {
	position: relative;
	width: 670px;
	height: 84px;
	margin: 0;
}

.headingShort {
	position: relative;
	width: 411px;
	height: 84px;
	margin: 0;
	float: left;
}

.heading h1 {
	position: absolute;
	top: 37px;
	left: 415px;
	font-family: garamond, arial, helvetica, sans-serif;
	font-size: 20px; 
	font-weight: bold;
	font-style: italic;
	color: #fff;
	margin: 0;
}

.headingShort h1 {
	position: absolute;
	top: 30px;
	left: 100px;
	font-family: garamond, arial, helvetica, sans-serif;
	font-size: 20px; 
	font-weight: bold;
	font-style: italic;
	color: #fff;
	margin: 0;
}

#headingHome {
	position: relative;
	background-image: url(../images/headings/h_img_home.jpg);
	background-repeat: norepeat;
	height: 84px;
	margin: 0;
}


#headingContact {
	position: relative;
	background-image: url(../images/headings/h_img_contact.jpg);
	background-repeat: norepeat;
	height: 84px;
	margin: 0;
}


#headingNews {
	background-image: url(../images/headings/h_img_news.jpg);*/
}
#headingNews h1 {

	left: 532px;
	top: 35px;
	color: #485F78;	

}

#headingAbout {
	background-image: url(../images/headings/h_img_about.jpg);
}
#headingAbout h1 {
	
	left: 23px;
	top: 37px;
	color: #fff;
	
}

#headingGeneral {
	background-image: url(../images/headings/h_img_general.jpg);
}
#headingGeneral h1 {
	
	left: 489px;
	top: 34px;
	color: #666666;
	
}

#headingRebecca {
	background-image: url(../images/headings/h_img_bio_rebecca.jpg);*/
}
#headingRebecca h1 {
	 
	left: 386px;
	top: 24px;
	color: #485F78;	
	
}

#headingLinda {
	background-image: url(../images/headings/h_img_bio_linda.jpg);*/
}
#headingLinda h1 {

	left: 42px;
	top: 24px;
	color: #fff;
}


#headingWhy {
	background-image: url(../images/headings/h_img_why.jpg);
}
#headingWhy h1 {
	 
	left: 451px;
	top: 35px;
	color: #369797;
	
}

#headingWhyImportant {
	background-image: url(../images/headings/h_img_why_important.jpg);
}
#headingWhyImportant h1 {
	 
	left: 416px;
	top: 39px;
	color: #FFFFFF;
	
}

#headingApproach {
	background-image: url(../images/headings/h_img_approach.jpg);
}
#headingApproach h1 {
	 
	left: 22px;
	top: 34px;
	
}

#headingServices {
	background-image: url(../images/headings/h_img_services.jpg);
}
#headingServices h1 {

	left: 543px;
	top: 36px;
	color: #604839;

}

#headingPlanning {
	background-image: url(../images/headings/h_img_planning.jpg);
}
#headingPlanning h1 {

	left: 445px;
	top: 34px;
	color: #0D599A;

}

#headingCoaching {
	background-image: url(../images/headings/h_img_coaching.jpg);
}
#headingCoaching h1 {

	left: 475px;
	top: 35px;
	color: #477878;

}

#headingContact {
	background-image: url(../images/headings/h_img_contact.jpg);
}
#headingContact h1 {

	left: 238px;
	top: 41px;
	color: #fff;

}


#headingWorkshops {
	background-image: url(../images/headings/h_img_workshops.jpg);*/
}
#headingWorkshops h1 {

	left: 436px;
	top: 37px;
	color: #fff;

}



/* >>>>>>>>>>>>>>> Pagers  <<<<<<<<<<<<<<< */


/* style for results pager */
p.pagerAll {
	float: left;
	line-height: 1;
	margin: 0;
	padding: 0;
}

ul.pager {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1;
}
ul.pager li {
	float: left;
	margin: 0;
	display: block;
}
li.pagerAll {
	padding: 0 0.4em 0 0;
	border-right: 1px solid #000;
}
li.pagerPrev {
	padding: 0 0.4em 0 0;
}
li.pagerNext {
 	padding: 0 0 0 0.4em;
}
li.pagerPage, li.pagerPageFirst, li.pagerPageLast {
	padding: 0 0.4em;
	text-align: center;
	border-left: 1px solid #000;
}
li.pagerPageLast {
	border-right: 1px solid #000;
}


/* news pager */
#newsPager {
	display: block;
	margin: 1.5em 0;
}

#newsPager ul.pager {
	display: block;
	float: none;
	height: auto;
}

/* >>>>>>>>>>>>>>> Misc. Elements <<<<<<<<<<<<<<< */

#spacerDiv {
	width:740px;
	height:5px;
	margin:0 auto;
}

#spacertop {
	width:740px;
	height:10px;
	background-color:#FFFFFF;
	margin:0 auto;
}

#spacer1 {
	width:700px;
	height:1px;
	background-color:#FFFFFF;
}

#spacer5 {
	width:100%;
	height:5px;
	background-color:transparent;
	margin:0 auto;
}

#smSpacerDiv {
	width:600px;
	height:15px;
	background-color:transparent;
	margin:0 auto;
}

#spacerDivVert {
	width:2%;
	float: left;
}


/* >>>>>>>>>>>>>>> Form Styles <<<<<<<<<<<<<<< */

#errorBox {
	color:#FFFFFF;
	line-height:13px;
	font-size:11px;
	font-weight:bold;
	border: 1px dashed #FFFFFF;
	background-image: url(../images/common/ico_error.gif);
	background-repeat: no-repeat;
    background-color: #FF0000;
	padding: 10px 10px 10px 55px;
}

.w_txtfield{
	font-size: 12px;
	color: #000000;
	background-color: #E4E4E4;
	border: 1px solid #B0B0B0;
	width: 100%;
	height: 17px;
}

.w90_txtfield{
	font-size: 12px;
	color: #000000;
	background-color: #E4E4E4;
	border: 1px solid #B0B0B0;
	width: 90%;
	height: 17px;
}

.w50_txtfield{
	font-size: 12px;
	color: #000000;
	background-color: #E4E4E4;
	border: 1px solid #B0B0B0;
	width: 50%;
	height: 17px;
}

.w25_txtfield{
	font-size: 12px;
	color: #000000;
	background-color: #E4E4E4;
	border: 1px solid #B0B0B0;
	width: 25%;
	height: 17px;
}

.txtfield{
	font-size: 12px;
	color: #000000;
	background-color: #E4E4E4;
	border: 1px solid #B0B0B0;
	height: 17px;
}

.droplist{
	font-size: 12px;
	color: #000000;
	background-color: #E4E4E4;
	border: 1px solid #B0B0B0;
	height: 17px;
}

.w_droplist{
	font-size: 12px;
	color: #000000;
	background-color: #E4E4E4;
	border: 1px solid #B0B0B0;
	height: 17px;
	width: 50%;
}

.w25_droplist{
	font-size: 12px;
	color: #000000;
	background-color: #E4E4E4;
	border: 1px solid #B0B0B0;
	height: 17px;
	width: 25%;
}

.w50_droplist{
	font-size: 12px;
	color: #000000;
	background-color: #E4E4E4;
	border: 1px solid #B0B0B0;
	height: 17px;
	width: 50%;
}

.w100_droplist{
	font-size: 12px;
	color: #000000;
	background-color: #E4E4E4;
	border: 1px solid #B0B0B0;
	height: 17px;
	width: 100%;
}

.w_textearea{
	font-size: 12px;
	color: #000000;
	background-color: #E4E4E4;
	border: 1px solid #B0B0B0;
	width: 100%;
}

.w90_textearea{
	font-size: 12px;
	color: #000000;
	background-color: #E4E4E4;
	border: 1px solid #B0B0B0;
	width: 95%;
	height: 100px;
}

fieldset {
	background-color:#F7F7F7;
	line-height:15px;
	text-indent: 2px;
	color:#000000;
	border: 1px dashed #DBDBDB;
}

legend {
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

.fbut {
	font-size: 12px;
	color: #000000;
	background-color: #E4E4E4;
	border: 1px solid #B0B0B0;
}