html, body { margin: 0; padding: 0; }

body { 
	padding-bottom: 20px; 
	text-align: center; 
	background-image:  url(/images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #1a4456;
	font: 10pt/14pt arial; 
	}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#container {
position: relative;
left: 0px;
text-align: center;
padding: 0 0 0 0;
margin-left: auto;
margin-right: auto;
width: 870px;
}

/* Hack for all other browsers besides IE */
html>body #container {
left: 0px;
}

#toplinks {
color: #999999;
width: 260px;
height: 20px;
position: absolute;
top: 12px;
left: 598px;
text-align: left;
z-index:1;
	}

#header_home {
position: relative;
text-align: center;
height: 310px;
width: 870px;
}

#header {
position: relative;
text-align: center;
height: 162px;
width: 870px;
}

#header_multimedia {
position: relative;
text-align: center;
height: 230px;
width: 870px;
}

#header_landing {
text-align: center;
height: 237px;
width: 870px;
}

#header_landing2 {
text-align: center;
height: 310px;
width: 870px;
}


#multi_col1{
width: 388px;
text-align: left;
padding: 0;
margin: 0 0 0 -10px;
float: left;
	}

#multi_col2 {
	width: 390px;
	padding: 0;
	margin: 0;
	float: right;
}

#robert_answers {
width: 400px;
height: auto;
position: absolute;
top: 5px;
left: 16px;
text-align: left;
z-index:2;
float: left;
	}
	
#book_landing {
width: 380px;
height: 325px;
position: absolute;
top: 165px;
left: 36px;
text-align: left;
z-index:3;
	}
	
	



#nav {
position: absolute;
top: 132px;
left: -20px;
text-align: left;
height: 53px;
width: 890px;
padding: 0;
margin: 0;
text-align: left;
z-index: 5;
}

#nav_home {
position: absolute;
top: 290px;
left: -20px;
text-align: left;
height: 53px;
width: 890px;
padding: 0;
margin: 0;
text-align: left;
z-index: 2;
}



#content_home {
position: absolute;
top: 363px;
left: 0;
width: 870px;
height: auto;
z-index: 1;
}

#content {
position: absolute;
top: 205px;
left: 0;
width: 870px;
height: auto;
z-index: 1;
}

#content_multimedia {
position: absolute;
top: 282px;
left: 0;
width: 870px;
height: auto;
z-index: 1;
}

#content_landing {
position: absolute;
top: 237px;
left: 0;
width: 870px;
height: auto;
z-index: 1;
}



#content_landing2 {
position: absolute;
top: 320px;
left: 0;
width: 870px;
height: auto;
z-index: 1;
}

#main_home {
width: 870px;
text-align:left;
height: auto;
clear: both;
padding: 0 10px 0 10px;
}

#main_top {
width: 870px;
height: 5px;
background-image:url(/images/main_top.jpg);
background-position:top center;
background-repeat: no-repeat;
padding: 0;
margin: 0;
}

#datestamp {
color: #999999;
padding: 0;
float: right;
}

#arr {
font-style: italic;
}

#main {
background-image:  url(/images/bg_main.jpg);
background-position: center;
background-repeat: repeat-y;
width: 870px;
text-align:left;
height: auto;
min-height: 300px;
clear: inherit;
padding: 20px 35px 25px 35px;
margin-top: -11px;
overflow: auto;
}

/* SOUL CONNEXIONS & DIALOGUE WITH DESTINY*/
#rightCol {
	float: right;
	width: 180px;
	padding: 10px 0 0 15px;
}


#oneCol {
	position: relative;
	float: left; 
	width: 595px;
	padding: 0;
	margin: 20px 0 0 0;
	}
	
#leftCol {
	float: left;
	padding: 20px 20px 0 0;
	width: 320px;
	border-right: 1px solid #CCC;
}


#leftCol h2 {
	margin: 0 0 10px 0;
}

#ctrCol {
	width: 220px;
	float: right;
	padding: 20px 20px 0 0;
	border-right: 1px solid #CCC;
}

.archiveShows {
    padding: 20px 0 0;
    width: 594px; 
	clear: both;
	border-right: 1px solid #CCC;
}

	
a.showEmail, a.showPodcast, a.showEmailBig, a.showPodcastBig {display: block; padding: 0; margin: 0;}


a.showEmail {background:url(/radio/soul_connexions/images/buttons.jpg) 0 0 no-repeat; width: 160px; height: 33px;position: relative; z-index:100;}
a.showEmail:hover {background-position: -160px 0;}

a.showEmailBig {background:url(/radio/soul_connexions/images/buttons.jpg) 0 -80px no-repeat; width: 200px; height: 46px;}
a.showEmailBig:hover {background-position: -200px -80px;}

a.showPodcast {background:url(/radio/soul_connexions/images/buttons.jpg) 0 -40px no-repeat; width: 160px; height: 34px;}
a.showPodcast:hover {background-position: -160px -40px;}

a.showPodcastBig {background:url(/radio/soul_connexions/images/buttons.jpg) 0 -160px no-repeat; width: 200px; height: 45px;}
a.showPodcastBig:hover {background-position: -200px -160px;}


/* Tabs */

#tabsBox {
	margin: 0 0 20px 0;
	height: 415px;
	*height: 425px;
}


ul.tabs { 
	position: absolute;
	top: -34px;
	left: 0;
	z-index:2;
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:34px;
	width: 445px;
}

ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
	list-style-type: none;
	color: #FFF;
}

ul.tabs p, ul.tabs h2, ul.tabs h3 {
	color: #FFF;
}

ul.tabs a { 
	font-size:15px;
	font-weight: bold;
	display:block;
	height: 26px;
	*height: 34px;
	width: 145px;
	text-align:center;	
	text-decoration:none;
	color:#555;
	padding:8px 0 0 0;
	margin:0 3px 0 0;
	outline: none;
}

ul.tabs a:active {
	outline:none;		
}

ul.tabs a:hover {
	text-decoration: none;
	color: #000;
}

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor:default !important; 
	color:#FFF !important;
}

ul.tabs a.current, ul.tabs a.current:hover{
	color: #FFF;
}


.panes .pane {
	width: 575px;
	background-color:#3b6179;	
}

	
/* tab pane styling */
#pane1, #pane2, #pane3 {
	width: 595px;		
	padding:0;
	margin: 0;
	border-top:0;
	height:auto;
	font-size:14px;
	background-color:#3b6179;
	color: #FFF;
}

#pane1 {
	position: absolute;
	top: 34px;
	left: 0;	
}
#pane2, #pane3 {
	position: absolute;
	top: 34px;
	left: 0;	
	visibility: hidden;
}

.paneImage {
	float: left; 
	width: 195px;
	padding: 10px 10px;
	}
	
.paneContent {
	float: right; 
	width: 340px; 
	padding: 10px 0;
	margin-right: 10px;
	}
	
#tabsBox .panecontent a {
	color: #e2e4aa;
}

#tabsBox .panecontent a:hover {
	text-decoration: underline;
}

.panes p, .panes h2, .panes h3 {
	padding: 0 0 15px 0;
	margin: 0;
	color: #FFF;
}

.panes p.date {
	padding: 0 0 5px 0;
}










/* ANANKE EVENTS */

#content_events {
position: absolute;
top: 165px;
left: 0;
width: 870px;
height: auto;
z-index: 1;
}

#main_events {
background-image:  url(/ananke_apollo_institute/intro_soul_destinies/intro_bg2.jpg);
background-position: top center;
background-repeat: no-repeat;
width: 870px;
text-align:left;
height: 473;
min-height: 473px;
margin-left: auto;
margin-right: auto;
clear: inherit;
padding: 20px 0px 25px 0px;
}

#events_nav {
	position: relative; 
	top: 338px; 
	left: 525px; 
	height: 40px; 
	width: 300px; 
	padding: 5px 0 0 0;
	border-top: 1px solid #777;
	line-height: 16pt;
	}

#events_intro {
	position: absolute;
	top: 80px;
	left: 522px;
	width: 310px;
	height: auto;
	z-index: 20;
	}
	
	
	
#events_top {
width: 870px;
height: 80px;
background-image:url(/ananke_apollo_institute/intro_soul_destinies/internal_header2.jpg);
background-position:top center;
background-repeat: no-repeat;
padding: 0;
margin: 0;
text-align:left;
}

#events_nav_internal {
	position: absolute; 
	top: 17px; 
	left: 520px; 
	height: 25px; 
	width: 250px; 
	}

#events_intro p {
	color: #FFFFFF;
	}
	
#events_nav a, #events_nav a:visited, #events_nav a:link, #events_nav a:active { 
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	}
#events_nav a:hover { 
	text-decoration: underline;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	}
	
#events_nav_internal a, #events_nav_internal a:visited, #events_nav_internal a:link, #events_nav_internal a:active { 
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	}
#events_nav_internal a:hover { 
	text-decoration: underline;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	}	
	

/* Hack for all other browsers besides IE */
html>body #main {
width: 800px;
clear: both;
padding: 1px 35px 15px 35px;
margin: 0;
}

#main_bottom {
width: 870px;
height: 5px;
background-image:url(/images/main_bottom.jpg);
background-position:top center;
background-repeat: no-repeat;
padding: 0;
margin: 0;
clear: both;
}


table.hometable {
width: 850px;
}

td.gutter {
width:10px;
}

td.bucket1_3 {
width:230px;
height: 185px;
background-image:url(/images/bucketbg1_3.jpg);
background-repeat: no-repeat;
background-position: top left;
padding: 15px 15px 15px 15px;
}

td.bucket2 {
width:280px;
height: 185px;
background-image:url(/images/bucketbg2.jpg);
background-repeat: no-repeat;
background-position: top left;
padding: 15px 15px 15px 15px;
}

td.bucket4_5 {
width:390px;
height: 345px;
background-image:url(/images/bucketbg4_5.jpg);
background-repeat: no-repeat;
background-position: top left;
padding: 15px 15px 15px 15px;
}

img.homethumb {
float: left;
margin: 0 10px 10px 0;
}


table.multi {
border-top: 1px solid #CCCCCC;
}

table.multi td {
padding: 10px 5px 10px 5px;
text-align: center;
}

table.multi td, p {
font-size: 9pt;
line-height: 11pt;
}

table.multi td a:hover{
text-decoration: none;
}


td.audio_top {
padding: 0 20px 0 0;
}

td.audio_top img {
float: left;
margin: 0 20px 15px 0;
}


#rightbar {
position: relative;
top: 40px;
float: right;
width: 300px;
height: auto;
border-left: 1px solid #CCCCCC;
padding: 0 0 0 15px;
margin: 0 0 50px 15px;
}


#community_nav {
position: relative;
top: 40px;
float: right;
width: 200px;
height: auto;
border-left: 1px solid #CCCCCC;
padding: 0 0 0 15px;
margin: 0 0 50px 15px;
}

#consult_nav {
position: relative;
top: 40px;
float: right;
width: 200px;
height: auto;
border-left: 1px solid #CCCCCC;
padding: 0 0 0 15px;
margin: 0 0 50px 15px;
}

#news_nav {
position: relative;
top: 40px;
float: right;
width: 200px;
height: auto;
border-left: 1px solid #CCCCCC;
padding: 0 0 0 15px;
margin: 0 0 50px 15px;
}


#news_nav ul, #consult_nav ul {
	margin-top: 5px;
	}	

		
#sidebar {
width: 190px;
margin-top: 20px;
padding: 0;
float: left;
display: inline; /* floats are handled as block elements, this is to fix 
							   a margin collapsing bug in IE */
}
	

tr.consult_highlight {
background-color: #DDDDDD;
}

tr.consult_highlight td{
font-size: 12pt;
}

tr.consult_highlight td p{
margin-top: 0px;
font-size: 10pt;
}


#footer {
	background-image:  url(/images/bg_footer.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 25px 0 25px 0;
	clear: both;
	width: 870px;
}

p {
	margin: 10px 0 6px 0;
}

p, td {
	font: 10pt/14pt arial;
	}
	
p.small {
	font: 9pt/12pt arial;
	color: #666666;
}

.small {
	font: 9pt/12pt arial;
	color: #666666;
}

p.events {
	border-top: 1px solid #CCC;
	padding-top: 5px;
}

h1 { 
	font: bold 20pt arial;
	color: #333333;
	margin-bottom: 0px;
	}
	
h2 { 
	font: bold 15pt arial;
	color: #333333;
	margin-bottom: 5px;
	}
	
h3 { 
	font: bold 13pt arial;
	line-height: 17pt;
	color: #333333;
	margin-bottom: -5px;
	margin-top: 0;
	}
	
#consult_nav h3, #news_nav h3 {
	margin: 0;
	}
	
ul {
	margin-top: 5px;
	margin-bottom: 5px;
	}	

ul li {
	margin: 0 0 0 -10px;
	padding: 0 0 0 0;
	list-style-type: disc;
	font: 10pt/14pt arial; 
	}

ul ul li {
	list-style-type: circle;
}


#footer p { 
	font: 9pt/12pt arial; 
	color: #CCCCCC;
	margin-top: 0px;
	text-align: center;
	}

a, a:visited, a:link, a:active { 
	text-decoration: none; 
	color: #003399;
	}
a:hover { 
	text-decoration: underline;
	color: #003399;
	}


#footer a, #footer a:visited, #footer a:link, #footer a:active, #toplinks a, #toplinks a:visited, #toplinks a:link, #toplinks a:active { 
	text-decoration: none; 
	color: #CCCCCC;
	}
#footer a:hover, #toplinks a:hover { 
	text-decoration: underline; 
	color: #CCCCCC;
	}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*Social Media*/

.soulConnexions #fbLike {
	position: absolute;
	top: 7px;
	left: 523px;
}

.soulConnexions #tweet{
	position: absolute;
	top: 7px;
	left: 465px;
}