/* 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/home_beta_background.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:250px;
	height:160px;
	position:relative;
	
	margin-left:0px;
	
	padding:1px;
	
	text-align:right;
}

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

	width:309px;
	height:147px;
}

#content-container {
	float:right;
	position:relative;
	
	margin:200px 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:120px;
	
	font-family:garamond,arial,helvetica;
	font-size:18pt;
	font-weight:normal;
	
	color:#3399cc;
}

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

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

/* -- calendar end -- */

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

a {
	font-family: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;	
}

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