﻿/* CSS layout */
#left_border {
    height: 872px;
	margin-right: 0px;
	width: 32px;
	display: inline;
	float: left;
	background-image: url('../images/border/lb_32x1.jpg'); 
	background-repeat:repeat-y;
}
#right_border {
	height: 872px;
	width: 35px;
	background-image: url('../images/border/rb_35x1.jpg'); 
	background-repeat:repeat-y;
	float:left;
}
#middlecontent {
    overflow:auto;
    height:765px;
}

ul {
	list-style:none;
}

#containerupper {
/*	position: relative;*/
	background-color: transparent;
	left: 0px;
	width: 945px;
	height: 400px;
	display: inline;
}

/*.col1 {
	margin: 0 10px 0 0em;
	padding: 0em 0em 0  30px;
	height: 325px;
	width: 500px;
	float:left;
}

.col2 {
    margin: 0 1em 0 0em;
    padding: 0em 0 0 1em;
    height: 325px;
    width: 360px;
    float:left;
}*/

.box {
	margin: .5em 0 2.0 0;
	padding: 0 0 1em 0;
}
.boxcenter{
	margin: .5em 0 1.0 0;
	padding: 1em 0 1em 0;
}

.boxupper{
	margin: .5em 0 1.0 0;
	width:100%;
	padding: 1em 0 1em 0;
	text-align:center;
	background-color: transparent;
	float:left;
}
.moonCycles{
	height: 60px;
	padding: 0em 0 1.5em 0;
}
.retrogrades{
	height: 70px;
	padding: 0em 0 1.5em 0;
}
.luminaries{
	height: 90px;
	padding: 0em 0 1.5em 0;
}
.charts{
	height: 100px;
	padding: 0em 0 1.5em 0;
}

.futureDate {
	font-style: italic;
	}

#caption {
	font-size: 11px;
	color:#34633e;
}
