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;
}



/* 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_bg.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: 280px; 
	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: autopx;
	z-index: 20;
	}
	
	
	
#events_top {
width: 870px;
height: 80px;
background-image:url(/ananke_apollo_institute/intro_soul_destinies/internal_header.jpg);
background-position:top center;
background-repeat: no-repeat;
padding: 0;
margin: 0;
text-align:left;
}

#events_nav_internal {
	position: absolute; 
	top: 17px; 
	left: 368px; 
	height: 25px; 
	width: 450px; 
	}

#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, 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;
	}