/*
Theme Name: Consciousness Coaching
Theme URI: http://www.bouncedesign.co.za
Description: Custom designed theme
Version: 1.0
Author: Janine Meyer
Author URI: http://www.bouncedesign.co.za
Tags: custom home page
*/



/* Begin Typography & Colors */
body {
	font-size: 12px; 
	font-family: "AvantGarde Bk BT", Arial, Sans-Serif;
	background: url(../images/main/mainbg.jpg) #eaeaea;
	background-repeat: repeat-x;
	color: #333;
	text-align: center;
	margin: 0;
    padding: 0;
}

td {
	font-size: 12px; 
	font-family: "AvantGarde Bk BT", Arial, Sans-Serif;
	color: #333;
}

/*>>>>> main content <<<<<*/

#wrapper {
	border: 0;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
	width: 960px;
	}

#page {
	border: 0;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
	width: 960px;
	}
	
/*>>>>> branding area <<<<<*/
#brandingarea {
float: left;
padding: 0;
margin: 0;
background: url(../images/header/headerbg.jpg);
height: 122px;
width: 960px;
}

#logo {
float: left;
padding: 0;
margin: 10px 0 0 60px;
width: 620px;
}


#topform {
float: left;
padding: 1px 0 0 0;
margin: 0;
width: 260px;
}

#topform td{
color: #ffffff;
font-size: 10px;
}

#topform .txtfield{
width: 136px;
border: 1px solid #d2d2da;
background: #f5f2e9;
height: 16px;
line-height: 16px;
font-size: 10px;
}

#topform .txtfieldsel{
width: 156px;
border: 1px solid #d2d2da;
background: #f5f2e9;
height: 20px;
line-height: 20px;
font-size: 10px;
}

#topform .btn{
width: 18px;
border: 0;
height: 14px;
font-size: 0px;
background: url(../images/header/btn.gif);
padding: 3px 0 0 0;
}

/*>>>>> banner <<<<<*/
#banner {
float: left;
padding: 0;
margin: 0;
border: 0;
height: 295px;
background: url(../images/backgrounds/bannerbg.jpg);
background-position: bottom;
background-repeat: no-repeat;
}

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

ul.topnav {
	list-style: none;
	padding: 0;	
	margin: 0;
	float: left;
	width: 960px;
	background: #222;
	font-size: 1.2em;
	background: url(../images/header/topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 15px 0 16px;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(../images/header/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../images/header/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; 
	top: 35px;
	background: #333;
	margin: 0; 
	padding: 0;
	display: none;
	float: left;
	width: 190px;
	font-size: 11px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 190px;
	background: #333 url(../images/header/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(../images/header/dropdown_linkbg.gif) no-repeat 10px center; 
}


ul.topnav li a.current{
	color: #81c1ff;
    background: url(../images/header/topnav_hover.gif) no-repeat center top;
}

	
/*>>>>> content <<<<<*/

#content {
    float: left;
	border: none;
	padding: 0 0 20px 0;
	margin: 0;
	width: 960px;
	text-align: left;
	background: url(../images/content/contentbg.jpg) #ffffff;
	background-repeat: repeat-x;
	}
	
#contentcol1 {
    float: left;
	border: none;
	margin: 10px 20px 20px 40px;
	padding: 0;
	width: 325px;
	}
	
#contentcol2 {
    float: left;
	border: none;
	margin: 10px 20px 20px 20px;
	padding: 0;
	width: 280px;
	}
	
#contentcol3 {
    float: left;
	border: none;
	margin: 10px 20px 20px 20px;
	padding: 0;
	width: 210px;
	}
	
#pagecontent {
    float: left;
	border: none;
	margin: 10px 20px 20px 20px;
	padding: 0;
	width: '95%';
	}
	
#googlemap {
    float: right;
	border: none;
	margin: 10px 0px 20px 20px;
	padding: 0;
	width: 425px;
	}
	
#beadcrumbs {
font-size: 10px;
}

#acclogo {
float: left;
margin: 0;
padding: 0;
	}
	
#backtotop {
clear: both;
font-weight: bold;
text-align: right;
font-size: 10px;
}
	/*>>>>> bottom <<<<<*/

#bottom {
    clear:both;
	border: none;
	padding: 0 0 10px 0;
	margin: 0;
	width: 960px;
    background: #f9f8f4;
	}
	
#bottomsegment{
    float: left;
	width: 358px;
	height: 287px;
	border: none;
	padding: 0;
	margin: 0;
	background: url(../images/backgrounds/bottomsegment.jpg) #f9f8f4;
	background-repeat: no-repeat;
	background-position: 6px 10px;
	color: #fff;
	}
	
	#bottomsegment_extra{
    float: left;
	width: 358px;
	height: 387px;
	border: none;
	padding: 0;
	margin: 0;
	background: url(../images/backgrounds/bottomsegment_extra.jpg) #f9f8f4;
	background-repeat: no-repeat;
	background-position: 6px 10px;
	color: #fff;
	}
	
	.bottomsegmentcontenttext{
	padding: 30px 10px 0 10px;
	margin: 10px 0 0 20px;
	color: #fff;
	width: 310px;
	}
	
	#bottomsegmentcontent{
	padding: 0;
	margin: 10px 0 0 20px;
	color: #fff;
	width: 310px;
	}
	
#bottomsegment_small{
    float: left;
	width: 210px;
	border: none;
	height: 287px;
	padding: 10px 0 0 20px;
	margin: 0;
    background: url(../images/backgrounds/findacoach.jpg) #f9f8f4;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	color: #fff;
	}
	
#bottomsegment_small a {
color: #fff;
text-decoration: underline;
}

#bottomsegment_small a:hover {
color: #0079fe;
text-decoration: underline;
}

#bottom a {
color: #fff;
text-decoration: underline;
}

#bottom a:hover {
color: #0079fe;
text-decoration: underline;
}

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

#footer {
    clear:both;
	border: none;
	padding: 10px 0 0 0;
	margin: 0;
	text-align: center;
	font-size: 10px;
	}
	
	#footer a {
color: #0079fe;
text-decoration: underline;
}

#footer a:hover {
color: #e10b17;
text-decoration: underline;
}
	
/*>>>>> misc styles <<<<<*/

.bold {
font-weight: bold;
}

#content a {
color: #0079fe;
text-decoration: underline;
}

#content a:hover {
color: #e10b17;
text-decoration: underline;
}

h1 {
color: #0079fe;
font-weight: bold;
font-size: 24px;
}

h2 {
font-weight: bold;
font-size: 18px;
padding: 15px 0 0 0;
}

h6 {
font-weight: bold;
font-size: 12px;
margin: -18px 0 0 0;
padding: 0;
line-height: 16px;
}





input, select {
	color: #00214d;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	
	

	}

.input_radio {
	width: auto;
	margin: 0 6px 0 3px;
	}	
	
label{
	color: #00214d;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin-top:12px;
	line-height: 15px;
	width: 170px;
	display:block;
	float:left; 
	}	
	
	.div_info{
	margin: 10px 0 10px 0;
	padding: 10px 0 0 0 ;
	broder-top:1px solid black;
	}
.img_left{
	float:left;
	padding: 0;
	margin: 5px 5px 5px 0;}
.img_right{
	float:right;
	padding: 0;
	margin: 5px 0 5px 5px;;}

.table_calendar{
	border: 1px solid #7088a2;
	width: 100%;
	}
.table_calendar td{
	vertical-align:top;
	padding: 3px 3px 3px 7px;
	}

.div_associate{
	float:left;
	margin-right: 10px;
	width:270px;
	
	}
	

#div_banner {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	}
#div_banner p{
	margin-left: 150px;
	margin-top: 20px;
	color: #fff; 
	}

#navy_sig{
	color: #00214D; 
	font-size: 10px;
	}
	
.div_right-head h2{
	margin:0;
	padding: 5px;
	text-align: center;
	}	
.div_right-mid h3{
	font-size: 11px;
	margin:0;
	padding: 7px 5px 7px 5px;
	height:auto;
	overflow: visible;
	font-weight:bold;
	border: 0;
	}
.div_right-mid img{
	margin:0 4px 4px 0;
	padding: 0;
	float:left;
	}
.div_right-mid p{
	margin:0;
	padding: 0 5px 7px 5px;
	height:auto;
	overflow: visible;
	}
.div_right-mid blockquote, .div_right-mid blockquote p{
	margin:0;
	padding: 0 5px 0 5px;
	}
.div_right-mid cite{
	margin:0;
	padding: 0 5px 7px 5px;
	float:right;
	overflow:visible;
	}	
	
.div_right-mid a:link {font-family: Verdana, Arial, Helvetica, sans-serif; color: #531e26; font-weight : normal; font-style : normal; text-decoration : none;}
.div_right-mid a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; color: #531e26; font-weight: normal; font-style : normal; text-decoration : none; }
.div_right-mid a:hover   {font-family: Verdana, Arial, Helvetica, sans-serif; color: #531e26; font-weight : normal; font-style : normal; text-decoration : underline; }
.div_right-mid a:active  {font-family: Verdana, Arial, Helvetica, sans-serif; color: #531e26; font-weight: normal; font-style : normal; text-decoration : underline; }

}

.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: silver;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
 
.white_content {
    display: none;
    position: absolute;
    top: 15%;
    left: 25%;
    width: 50%;
    height: 70%;
    padding: 10px;
    border: 1px solid #999;
    background-color: white;
    z-index:1002;
    overflow: auto;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.tableheader {
	color: #ffffff;
	background: #7088a2;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	z-index:7;
	padding: 3px;
	font-weight: bold;
	}
	
	a.tableheader {
	color: #ffffff;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	}
	
	.none {
	border: 0;
	margin: 0;
	width: 20px;
	}
	
	hr {
	border: 0;
	margin: 0;
	width: '100%';
	height: 2px;
	line-height: 10px;
	}
	
	a.lifecoachlink{
	color: #531e26;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-decoration: none;
	}
	
	a.lifecoachlink:hover{
	color: #7088a2;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-decoration: none;
	}
	
	a.cqlink{
	color: #531e26;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-decoration: none;
	}
	
	a.cqlink:hover{
	color: #666666;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-decoration: none;
	}
	
	a.ralink{
	color: #531e26;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-decoration: none;
	}
	
	a.ralink:hover{
	color: #00214d;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-decoration: none;
	}
	
	#copyright{
	color: #666666;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 30px; 
	text-align: left;
	}
	
	#div_col_wide {
	padding: 15px;
	}
	
	#clearboth {
	clear: both;
	}
	
	.small {
	font-size: 10px;
	}
	
	a.biglink {
color: #e10b17 !important;
font-weight: bold;
font-size: 16px;
text-decoration: none;
}

a.biglink:hover {
color: #e10b17 !important;
font-weight: bold;
font-size: 16px;
text-decoration: underline;
}

.block {
color: #e10b17 !important;
font-weight: bold;
text-decoration: none;
border: 1px solid #ccc;
padding: 5px;
line-height: 22px;
cursor: hand;
}

.blue {
color: #0079fe;
}

cite {
margin: 0;
}

blockquote {
margin: 0 0 5px 0;
border: 1px solid #dfdfdf;
background: #f6f6f6;
padding: 5px;
}

.clear {
clear: both;
}

	
.table_calendar{
	border: 1px solid #7088a2;
	width: 100%;
	}
.table_calendar td{
	vertical-align:top;
	padding: 3px 3px 3px 7px;
	}
	
.left {
float: left;
}

.right {
float: right;
}

.p_clear {
clear: both;
margin: 0;
font-size: 10px;
padding: 0;
}

#bottomsegmentcontent h4 {
font-size: 12px;
margin: 0 0 2px 0;
padding: 0;
}

#div_nav{
	margin: 0;
	padding: 0;
	float: right;
	border: 0;
	height: 52px;
	}
	
#div_nav ul{
	margin: -10px 0 0 0;
	list-style: none;
	padding: 0;
	text-align: left;
	}

#div_nav li { /* all list items */
	float: left;
	position: relative;	 
	margin: 0;
	padding:0 0 0 9px; 
}

#div_nav a{
 	display: block;
   	padding: 5px 10px 1px 2px; 	 
   	font-size: 11px;	
   	line-height: 16px; 
  		}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 2em;
	left: 0;
	background-color: #eff1fa;  
	width: 10em;
	line-height: 10px;	
	border:1px solid #7088a2;	
	
}

#div_nav li li a{
	display:block;
	width: 15em;
	padding:0;
	margin:0;
	
	
	}
	
div_nav li li{
	margin:0;
	padding:0;
	}
#div_nav li li:hover{
	font-weight: bold;
	
	}


#ul_courses{
	width: 16em;
	overflow: hidden;
	z-index: 6000;
	}

#ul_coaching, #ul_coaching li{
	width: 16em;
	overflow: hidden;
	}
	
	
	
#ul_resources, #ul_resources li{
	width: 16em;
	overflow: hidden;
	}

#ul_about, #ul_about li{
	width: 15em;
	overflow: hidden;
	}	
	
	#ul_media, #ul_media li{
	width: 15em;
	overflow: hidden;
	}	
	
	#ul_globe, #ul_globe li{
	width: 8em;
	overflow: hidden;
	}	
	
			


#div_nav a:link    {color: #00214d; font-weight : normal; font-style : normal; text-decoration : none; }
#div_nav a:visited {color: #00214d; font-weight: normal; font-style : normal; text-decoration : none; }
#div_nav a:hover   {color: #00214d; font-weight : normal; font-style : normal; text-decoration : none ;}
#div_nav a:active  {color: #00214d; font-weight: normal; font-style : normal; text-decoration : none; }

#div_nav_sub a:link    {width: 19em; color: #00214d; font-weight : normal; font-style : normal; text-decoration : none; }
#div_nav_sub a:visited {width: 19em; color: #00214d; font-weight: normal; font-style : normal; text-decoration : none; }
#div_nav_sub a:hover   {width: 19em; color: #00214d; font-weight : normal; font-style : normal; text-decoration : none ; background:#d0d1d2;}
#div_nav_sub a:active  {width: 19em; color: #00214d; font-weight: normal; font-style : normal; text-decoration : none; }  		
  		
#div_nav #current { 
    background-image:url("../images/layout/norm_left_on.gif");  
    } 


#div_nav #current a { 
    background-image:url("../images/layout/norm_right_on.gif"); 
    } 
    
#div_nav #current li a { 
   
    background-image:none;  
	font-weight : bold;
    } 
	

        
#div_nav #current a:link {color: #FFFFFF; font-weight : normal; font-style : normal; text-decoration : none; }
#div_nav #current a:visited  {color: #FFFFFF; font-weight: normal; font-style : normal; text-decoration : none; }
#div_nav #current a:hover   {color: #FFFFFF; font-weight : normal; font-style : normal; text-decoration : none ; }
#div_nav #current a:active  {color: #FFFFFF;  font-weight: normal; font-style : normal; text-decoration : none; }  		
  

#div_nav #current li a:link  {color: #00214d; font-weight : normal; font-style : normal; text-decoration : none; background-image:url(""); }
#div_nav #current li a:visited {color: #00214d; font-weight: normal; font-style : normal; text-decoration : none; background-image:url(""); }
#div_nav #current li a:hover  {color: #00214d; font-weight : normal; font-style : normal; text-decoration : none ; background:#d0d1d2; }
#div_nav #current li a:active {color: #00214d;  font-weight: normal; font-style : normal; text-decoration : none;background-image:url(""); }  		
  


#div_nav li > ul { /*For all but IE Browsers*/
	top: auto;
	left: auto;
	}
	
	
#div_nav  li:hover ul, li.over ul{ display: block;}


#div_nav li ul a{
		background:none;
	
	}
#div_nav li ul li{
		background-image:none;
		float:left;
		display:block;
	margin: 0 0 0 -9px; 
	}	
	
	#no_main {
		background-image:none;
		float:left;
		display:block;
	margin: 0 0 0 -9px; 
	}	
	
	#flag {
    width: '100%';
	font-size: 16px;
	font-weight: bold;
	float: left;
	padding-right: 15px;
	}
	
	.style2{
	color: #0079fe;
	}
	
	.darkmenubold {
	font-weight: bold;
	}
	
	.redmenubold{
	font-weight: bold;
	color: #0079fe;
	}
	
	.DottedBorder { border:0px; border-style:dotted; border-color:#ACAEC0;}
.TBJ9 {font-size: 9pt; } 
.FormBox { font-size:11px; border:1px; border-style:solid; padding:2px; }

.background{
	background: transparent;
	}
	
.backgroundOver{
	background: #f1f1f1;
	}