@charset "utf-8";
body {
	font:                100% Verdana, Arial, Helvetica, sans-serif;
	background:          #ffffff;
	margin:              0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding:             0;
	text-align:          center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:               #000000;
}

.oneColFixCtr #container {
	width:               700px;
    height:              400px; 	
	background:          #e7674b;
	top:                 50%;
	left:                50%;	
	margin-left:         -350px; /* the auto margins (in conjunction with a width) center the page */
	margin-top:          -200px;
	border:              1px solid #000000;
	position:            absolute;	
}

.oneColFixCtr #mainContent  p.header {
    text-align:          left;
	padding:             18px 0px 0 439px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.oneColFixCtr #mainContent  p.content {
    font-family:         Humanst521 BT, Lucinda Sans, Arial, Serif;
	font-size:           14px;
    text-align:          right;
	color:               #ffffff;
	padding:             0 277px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

div.footer {
	margin:              0px 0 0px 0px; /* the auto margins (in conjunction with a width) center the page */
	padding:             0px   0 0px 0;
    background-image:    url(banner.jpg);	
	background-repeat:   no-repeat;  
	width:               700px;
	height:              122px;
    background-position: bottom center;			
}

a {
	text-decoration:     none;
    color:               #000000;
	font-size:           14px;  
}

a:hover {
	text-decoration:     underline;	
	color:               #000000;
	background-color:    #ffffff;
	
}

span 	{
	font-size: 12px;
	}

	
#background1 {
	width:               700px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:              400px;
    position:            absolute; 
	top:                 50%;
	left:                50%;	
	margin-left:         -350px; /* the auto margins (in conjunction with a width) center the page */
	margin-top:          -200px;
	background:          #000000;
	border:              1px solid #000000;
	text-align:          left; /* this overrides the text-align: center on the body element. */
    background-image:      url(background1.jpg);
}	

#logo1 {
	width:               680px;
	height:              384px;
    background-image:    url(logo1.png); 	
	background-repeat:   no-repeat;
	background-position: bottom right;
	padding:             0px  0px 0px  0; /* remember that padding is the space inside the div box and margin is the space outside the div box */	
}

#hide_logo1 {
    width:               178px;
	height:              31px;
    background-image:    url(hidelogo1b.jpg); 	
	background-repeat:   no-repeat;
	background-position: bottom right;
}

#background2 {
	width:               700px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:              400px;
    position:            absolute; 
	top:                 50%;
	left:                50%;	
	margin-left:         -350px; /* the auto margins (in conjunction with a width) center the page */
	margin-top:          -200px;
	background:          #000000;
	border:              1px solid #000000;
	text-align:          left; /* this overrides the text-align: center on the body element. */
  background-image:      url(background2.jpg);
}