/* CSS Document */

/* ------------------------------------------------------------------------------------- */
/* common */

body {            
    font: 12px/14px Arial;            
	color: #7E7373;
    background: #ABAEEC;             
	margin: 0 auto;
	text-align: center; 
	padding: 0;
             }
        
        .caption {            
    font: 11px/12px arial;            
	color: maroon;
             }     
.header {            
    font: bold 16px Arial;            
	color: #7e7373;
    background: white;             
	margin: 0 auto;
	text-align: center; 
	padding: 0;
             }
	
a:link, a:visited {
	color: #612A20; 
             font-weight: bold;
             text-decoration: none;
             }

a:hover, a:active {
	color: #BD5F4E; 
             text-decoration: underline;
             }

/* ------------------------------------------------------------------------------------- */
/* content-area */

#container  {              
	position: absolute;
	top: 0;
    margin: 0 auto;
	text-align: center;
	left: 10%; 
	width: 690px;                                      	
	padding: 0;
    z-index: 1;    		
	}

#intro {  
    width: 689px; 
	height: 222px;                    
    margin: 0;
    padding: 0;
    background: url(images/header.jpg) no-repeat;             
	}

#supportingText  {                          
    width: 689px;             
    margin: 0;
    padding: 0;
    background: #ffffff url(images/bg.gif) repeat-y; 
	text-align: left;            		
	}


/* ------------------------------------------------------------------------------------- */
/* hide headlines for image replacement */	

#pageHeader {
             display: none;             
             }


/* ------------------------------------------------------------------------------------- */
/* content */

#preamble, #requirements {	
	width: 689px;
    margin: 0;
    padding: 0;                          
	}

#preamble {
             padding-top: 200px;
             }

#requirements {
             padding-bottom: 40px;
             background: url(images/footer.jpg) no-repeat bottom left;
             }



#explanation h3, #requirements h3 {             
	font: bold 14px Arial;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #FFF;             
    height: 82px;
    margin: 0;
    padding: 0 0 0 150px;
	text-align: center;
  	}

#explanation p, #requirements p {	
	margin: 0;
    padding: 0 30px 15px 195px;
	}

#explanation p.p1, #requirements p.p1 {	
	margin-top: -36px;             
	}
#explanation img {padding: 10px;}

/* ------------------------------------------------------------------------------------- */
/* quicklinks */

#navtop { 
    position: absolute;		
    top: 15px;
	right: 1%;
    width: 265px;
    font: bold 10px Arial;
    text-align: center;
    color: #ffffff;             	
	margin: 0 0 0 -345px;
    padding: 0;	             	
	}

#navtop a:link, #navtop a:visited {color: #FFE0B4;             
             }

#navtop a:hover, #navtop a:active {
             color: #FFF;
             }


/* ------------------------------------------------------------------------------------- */
/* lists */

#linkList {
    position: absolute;
	top: 218px;
	left: 2px;
    width: 162px; 
	height: 237px;            
    margin: 0;
    padding: 0;
	padding-top: 4px;
	
    }

#linkList a:link, #linkList a:visited {
	color: #643D38;
             }

#linkList a:hover, #linkList a:active {
             color: #F7654A;
             }

#larchives, #lselect {             	
    margin: 0 -3px 2px 0;
    padding: 0; 
	                         
	}

#larchives h3, #lresources h3, #lselect h3 {             
	font: bold 11px Verdana;
             text-transform: uppercase;
             text-align: center;                         
             color: #FFF;
             margin: 0 0 2px 0;
             padding: 3px;
			 background: #AF908B;                            
	}

#larchives ul, #lresources ul, #lselect ul {	
             margin: 0;
             padding: 0;             
	}

#lselect li {
	font: 12px/14px;	
	color: #612A20;	
             margin: 0;
             padding: 5px 5px 8px 13px;
	list-style: none;
	background: url(images/navbar-1.gif) no-repeat; 
	}

#lselect li a:link, #lselect li a:visited {
            display: block;
            }

#linkList li a.c:link, #linkList li a.c:visited {
            display: inline;
            }

#larchives li, #lresources li {             
	font: 12px/14px;
             color: #612A20;
             margin: 0 0 2px 0;
             padding: 0;
	border-bottom: 1px dotted #000000;		 		
	list-style: none;
	}
#site {
	position: absolute;
	width: 350px;
	right: 0;
	bottom: -10px;
	color: #612A20;
	font: bold 10px Arial;
	}
#banner1 {
	position: absolute;
	width: 31px;
	height: 396px; 
	top: 4px;
	right: -30px;
	background: url(images/banner-living.jpg) no-repeat; 
	}
	
/* ------------------------------------------------------------------------------------- */
/* contact */	
	

#signup table { 
 background-color: transparent; 
 color: #000000; 
 width: 400px; 
 border-collapse: collapse; 
 margin-left: 130px;
} 

#signup td { 
 /*border: 1px solid #f1eeee; */
 padding-left: 4px; 
}
.labelcell { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 color: #333333; 
 background-color: transparent; 
 width: 150px; 
 text-align: left; 
} 

.labelcell2 { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 color: #333333; 
 background-color: transparent; 
 text-align: left;
} 

.fieldcell { 
 background-color: transparent; 
 color: #000000; 
 text-align: left; 
 margin-right: 0px; 
 padding-right: 0px;
 padding-top: 2px; 
} 
.fieldcell select{ 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: white; 
 color: #000000; 
 width: 10px; 
} 

.smalllabelcell { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: transparent; 
 color: #cc9999; 
 width: 100px; 
} 

.smallfieldcell { 
 background-color: transparent; 
 color: #000000; 
 text-align: left; 
 padding-top: 2px;
}
.fieldcell input { 
 width: 150px; 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #EFE7E7; 
 color: #102132; 
 border: 1px solid #284279; 
 margin-right: 0px; 
} 
.checkbox { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 text-align: left;
} 
.checkbox input { 
 width: 20px; 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #EFE7E7; 
 color: #102132; 
 text-align: left;
} 
.smallfieldcell2 { 
 background-color: transparent;
 color: #333333; 
 text-align: left; 
 padding-top: 2px;
}
.smallfieldcell2 input { 
 width: 50px; 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #EFE7E7; 
 color: #102132; 
 border: 1px solid #284279; 
} 

.smallfieldcell input { 
 width: 100px; 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: white; 
 color: #102132; 
 border: 1px solid #284279; 
} 

.smallfieldcell select { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #EFE7E7; 
 color: #102132; 
 border: 1px solid #284279; 
}
.button { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: TRANSPARENT; 
 color: #102132; 
 text-align: right;
 padding: 5px;
}
p { padding-bottom: 15px;}
.contact-form { width: 450px; float: right; padding: 15px 35px 15px 15px; }