/* basic elements */
html {
	height: 100%;
	width: 100%;
	}
	
body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font: 12px/16px Arial, Helvetica, san-serif;
	color: #3a4850;
	background: #fffbd5;
	}
	
a:link, a:visited {
	text-decoration: none;
	color: #3a4850;
	}
a:hover, a:active {
	text-decoration: underline;
	color: #3a4850;
	}

/* specific divs for index.html */
#global {
    height: 100%;
    width: 100%;
     }
     
#main_container { 
    width: 100%;
    height: 100%;
	}
	
#flashcontent {
	height: 100%;
	width: 100%;
	}
#facebook_box {
	position: absolute;
	left: 50%; 
	top: 50%; 
	width: 960px;
	height: 30px;
	margin-top: 295px; 
	margin-left: -480px;
	z-index: 100;
}
	

/* specific divs for register.html */
#register_container { 
	position: absolute;
    left: 50%; 
    top: 20px;
    width: 1000px;
    margin-top: 0;
    margin-left: -500px; /* half of the width */
	}
#register_bgtop { 
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 30px;
	background: url(../images/register_bgtop.png) no-repeat top left;
	_background: url(../images/register_bgtop.gif) no-repeat top left; /* fix for IE6 png image bg */
	z-index: 1
	}
#register_bgcontent { 
	position: relative;
	margin: 0;
	padding: 0;
	width: 1000px;
	background: url(../images/register_bgstrip.png) repeat-y top left;
	_background: url(../images/register_bgstrip.gif) repeat-y top left; /* fix for IE6 png image bg */
	z-index: 4;
	}
#register_bgbot { 
	position: relative;
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 30px;
	background: url(../images/register_bgbot.png) no-repeat top left;
	_background: url(../images/register_bgbot.gif) no-repeat top left; /* fix for IE6 png image bg */
	z-index: 1;
	}
#register_form { 
	position: relative;
	top: -10px;
	margin:  0 0 0 20px;
	padding: 0;
	width: 960px;
	height: 715px;
	background: #ffffff;
	text-align: left;
	z-index: 10;
	}
#register_footer { 
	margin: 0 0 0 20px;
	padding: 10px 30px;
	width: 900px;
	height: 40px;
	border-top: solid 5px #68737b;
	background: #ffcf06;
	}
	
/* specific divs for thankyou.html */
#thankyou_container,
#noflash_container { 
	position: absolute;
    left: 50%; 
    top: 50%;
    width: 1000px;
    height: 600px;
    margin-top: -300px; /* half of the height */
    margin-left: -500px; /* half of the width */
	}
#thankyou_left { 
	float: left;
	position: relative;
	top: -10px;
	left: 20px;
	margin:  0;
	padding: 0;
	width: 580px;
	height: 475px;
	background: #ffffff;
	text-align: left;
}
#thankyou_right { 
	float: right;
	position: relative;
	top: -10px;
	right: 20px;
	margin:  0;
	padding: 0;
	width: 380px;
	height: 475px;
	background: #ffffff;
	text-align: right;
}

.clear {clear: both;}



/* basic elements */
h1, .h1 {
	margin: 0;
	padding: 0 0 15px 0;
	font: 22px/26px Arial, Helvetica, san-serif;
	}
h2, .h2 {
	margin: 0;
	padding: 0 0 10px 0;
	font: 20px/22px Arial, Helvetica, san-serif;
	}
h3, .h3 {
	margin: 0;
	padding: 0 0 5px 0;
	font: 16px/22px Arial, Helvetica, san-serif;
	text-transform: uppercase;
	}
h4, .h4 {
	margin: 0;
	padding: 0 0 5px 0;
	font: 16px/22px Arial, Helvetica, san-serif;
	}
h5, .h5 {
	margin: 0;
	padding: 0 0 5px 0;
	font: bold 14px/20px Arial, Helvetica, san-serif;
	}
h6, .h6 {
	margin: 0;
	padding: 0 0 5px 0;
	font: bold 12px/18px Arial, Helvetica, san-serif;
	}

.note {font: 9.5px/12px Arial, Helvetica, san-serif; color: #666666;}