﻿/**********************************************************************************
=Global Reset
**********************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html, body
{
	height:100%;
}

body 
{
    color:#000000;
    background: #FFFFFF url(../images/bg.gif);
	font-family : Arial, Helvetica, sans-serif;
	font-size: 69%;
	text-align: center;
	line-height: 1;
}
/*****************************************************************
=Forms 
*****************************************************************/

.validation
{
    padding:10px 5px!important;
    margin:5px 0!important;
    border:1px solid #AF0C00!important;
    background:#FFE1DF!important;
    text-align:left!important;
}
    .validation ul, .validation li
    {
        padding:0!important;
        margin:0!important;
        color:#AF0C00!important;
    }
    .validation ul{margin-left:15px!important;}

/*****************************************************************
=Infoboxes
*****************************************************************/
.info, .alert, .error {
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin:0 0 5px 0;
	display:block;
	}

.info {
	background: #F8FAFC url(../images/info.png) center  no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
	}

.alert {
	background: #FFF9CF url(../images/alert.gif) center no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #FED626;
	border-bottom: 2px solid #FED626;
	}

.error {
	background: #FFD0CF url(../images/error.gif) center no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #FF443F;
	border-bottom: 2px solid #FF443F;
	}

/**********************************************************************************
=Formatting
**********************************************************************************/
h1	 
{
	font-family:Trebuchet MS, Arial, Verdana, Times New Roman;
	font-size: 2.7em;
	color:#009A9B;
	font-weight:normal;
	line-height: 1.2em;
	}

h2
{
	font-family:Trebuchet MS, Arial, Verdana, Times New Roman;
	font-size: 2.0em;
	color:#FFFFFF;
	font-weight:normal;
	line-height: 1.2em;
	padding-bottom:5px;
	}
	
p{font-family: Arial, Verdana, Times New Roman;
	font-size: 1.2em;
	color:#000000;
	font-weight:normal;
	line-height: 1.15em;}
	
p.white
{
	font-family: Arial, Verdana, Times New Roman;
	font-size: 1.2em;
	color:#FFFFFF;
	font-weight:bold;
	line-height: 1.15em;}	
	
	a.flip1{color: #FFE48A; text-decoration:underline;}
	a.flip1:hover{color: #FFFFFF; text-decoration:underline;}
	
	a.flip2{color: #FFCD24; text-decoration:underline;}
	a.flip2:hover{color: #FFFFFF; text-decoration:underline;}
	
	a.flip3{color: #00999A; text-decoration:underline;}
	a.flip3:hover{color: #00999A; text-decoration:underline;}
	
	a.footerflip{text-decoration:none;color:#36ABAD;}
	a.footerflip:hover{text-decoration:underline;color:#36ABAD;}
	
/**********************************************************************************
=Forms
**********************************************************************************/

table.form
{
	margin:0 0 0 20px;
	padding:0px;}
	
	table.form tr{height:30px;}
	table.form th{text-align:left;font-weight:bold;font-family: Arial, Verdana, Times New Roman;
					font-size: 1.2em;color:#009A9B;}
					
	
	


/**********************************************************************************
=Layout
**********************************************************************************/
#container
{
	margin:0px auto;
	padding: 23px 0 0 0;
	width:935px;
	text-align:left;
}

#photographs
{
	 
	height:526px;
	background: url(../images/photographs.gif) no-repeat bottom;
	}
	
#greenbox
{
	 
	width:718px;
	height:163px;
	margin: 30px 8px 0 0;
	background: url(../images/green_box.gif) no-repeat;
	float:right;
	
	}
	
#signup
{
	padding:28px 0 0 25px;
	height:192px;
	background: url(../images/signup.gif) no-repeat;
	}
	
	#signup span{width:660px; display:block;}
	
#footer
{
	width:935px;
	height: 85px;
	border-top: dotted 1px #F2A084;
	clear:both;}
	
	#footer span{display:block; float:left; margin-left:10px;margin-top:20px;}
	#footer p{font-weight:bold; font-size:1.09em; font-family:Trebuchet MS, Arial, Verdana, Times New Roman;}
	#footer img{float:right; margin-left:10px;}
	

.intro{font-family: Arial, Verdana, Times New Roman; font-size: 1.2em; color:#009A9B; font-weight:bold; line-height: 1.15em;}