/* CSS Document                     */
/* author:    J Paul Herron         */
/* website:   Hope 4 Kidz           */
/* browser:   Main - Gecko          */
/* -------------------------------- */

body {
	width:100%;
    background-color:#cccccc;
	
	behavior: url(../javascript/csshover.htc);	/* css hover fix for menus in ie */
}

#container {
	position:absolute;
	left:50%;
	margin-left:-387.5px; /* horizonal align */	

	width:775px;
	min-height:595px;
	
	background-color:#b3c9f7;
}

#alpha-container {
	position:relative;
	float:left;
	z-index:2;
	width:130px;
	min-height:595px;
	
	background-image:url(../images/alpha_background_new.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#beta-container {
	position:relative;
	float:right;
	z-index:1;
	width:645px;
	min-height:595px;
	
	background-image:url(../images/beta_background_new.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#menu-container {
	position:absolute;
	top:0;
	left:0;
	
	z-index:5;

	width:130px;
	height:333px;
}

#page {
	width:460px;
	height:170px;
	position:relative;
	
	margin-left:173px;
	
	padding:1px;
	
	text-align:left;
}

#logo {
	position:absolute;
	top:20px;
	right:0px;

	width:309px;
	height:147px;
}

#content-container {
	float:right;
	position:relative;
	
	margin:20px 20px 0px 0px;

	width:450px;
	min-height:250px;
	
	margin-bottom:80px;
}

#drop-shadow {
	position:absolute;
	
	left:0px;
	bottom:0;
	
	width:135px;
	height:254px;
	
	z-index:3;
	
	margin-bottom:100px;
	
	background-image:url(../images/drop-shadow-stars.png);
	background-repeat:no-repeat;
	background-position:bottom;	
}

#my-story {
	position:absolute;

	z-index:4;
	
	right:0;
	top:0;
}

#footer {
	width:775px;
	height:100px;
	
	position:absolute;
	bottom:0px;
	
	z-index:20;
}

/* text ========================== */

#drop-shadow a.my-story {
	position:absolute;

	z-index:5;
	
	bottom:25px;
	right:1px;
	font-size:8pt;
	text-decoration:none;

	border:none;
}

#page h1 {
	position:relative;
	
	margin-top:160px;
	margin-bottom:10px;
	
	font-family:garamond,arial,helvetica;
	font-size:19pt;
	font-weight:bold;
	
	color:#3399cc;
}

a, a:visited {
	text-decoration:none;
	
	color:blue;
}

label {
	font-family:garamond,arial,helvetica;
	font-size:10pt;
	font-weight:normal;
	
	color:#000000;
}

h2 {
	font-family:garamond,arial,helvetica;
	font-size:11pt;
	font-weight:bold;
	
	margin:0;
	padding:0;
		
	color:#000000;
}

h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
	font-family:garamond,arial,helvetica;
	font-size:14pt;
	font-weight:bold;
	
	margin:0;
	padding:0;
		
	color:#000;
}

#product_info {
	padding:5px;
}

.paypal_button {
	position:absolute;
	
	
	border:solid 1px;
}

/* -- calendar -- */

table {
	margin:20px 0px 20px 0px;
	
    width:450px;
	height:450px;
    border:0px solid #888;    
    border-collapse:collapse;
}

td {
	text-align:left;
    padding-right:5px;

	vertical-align:text-top;

	font-family:garamond,Arial, Helvetica, sans-serif;
	font-size:8pt;

}

#calendar td {
	margin:0;
	padding:0;
	
 	height:65px;
	width:64px;
	border:solid 1px #000;
	
    border-collpase:collpase;

	font-family:garamond,Arial, Helvetica, sans-serif;
	font-size:8pt;
}

#calendar td a {
	color:#003399;
}

.days{
	height:30px;

    background-color: #F1F3F5;
}

th {
    border-collpase:collpase;
    border:1px solid #888;
    background-color: #E9ECEF;
	
	font-family:garamond,Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#003399;
}

.actday{
    background-color: #ccccff;
    font-weight:bold;
}
.event{
    background-color: blue;
    font-weight:bold;
}

/* -- calendar end -- */

p {
	font-family:garamond,arial,helvetica;
	font-size:14pt;
	font-weight:normal;
	
	color:#000000;
	
	text-align:justify;
}

li {
	font-family:garamond,arial,helvetica;
	font-size:14pt;
	font-weight:normal;
	
	color:#000000;
	
	text-align:justify;
}

a {
	font-family:garamond,arial,helvetica;
	font-size:14pt;
	font-weight:normal;
	
	color:blue;
}

a img {
	border:none;
}

h1 {
	font-family:garamond,Arial, Helvetica, sans-serif;
	font-size:14pt;
}

/* classes ======================= */

.footer {
	font-family:"Century Gothic";
	font-size:16pt;
	font-weight:normal;
	
	position:absolute;
	
	right:30px;
	bottom:20px;	
}

.error {
	color:red;
}

.content-image {
	border:solid blue 1px;
	float:right;
	
	margin:0px 0px 10px 10px;	
}

.star-click-here {
	position:absolute;
	z-index:20;
	bottom:5px;
	left:-5;
}

.my-story {
	border:solid blue 1px;

	position:relative;
	z-index:6;
}

.thumb {
	/*border:solid 1px #000;*/
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	font-size:10px;
	width:100px;
}
.thumb a{
	font-size:12px;
}

.fundwrap {
	min-height: 40px;
	padding-top: 10px;
}