html,body{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	margin:0;
	padding:0;
	height:100%;
	min-width:930px;	
	text-align:center
} 
#header {
         position:relative;  /* give header a stacking higher than mainContent */  
		 height:190px;  
		 background: #fff url(images/header_final.jpg) center; background-repeat:repeat-x;
		 z-index: 300;
		 margin: 0;
		 padding: 0;
		 color: #1E2F50;
		 }

#mainContent { 
        margin:-190px auto 0; /* pull down header */
		width:930px;
		min-height:100%;  		
		background: #fff;		
		}
* html #wrapper {
       height:100%; /*IE6*/
	   } 
#content{
       padding:190px 0 100px; /* header and footer space */	   
	   }
#footer{
       margin:-100px 0;  /* pull up footer */  
	   height:100px; 
	   width: 100%;
	   background: #000000 url() center; 
	   color: #fff;
	   padding-top: 10px;
	   font-size: 9px;
	   }
h1 { 
    font-size: 24px;
	 padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	line-height: 1em;
}
h2 { 
    color: #4167B1;
    font-size: 1.17em;
	line-height: 1em; 	
	}
h2.catchphrase {
    font-family: Cambria, Georgia, Times, Times New Roman, serif  ;
    color: #fff;
	font-size: 1em;
	line-height: 1.5em;
	font-style: italic;
	font-weight: bold;
	}
h2.imagecaption {
    font-size: 22px;
	margin: 0;	
	color: #000;	
	font-style: italic;
	font-weight: bold;
	}
h3 { 
    font-size: 1em; 
	color: #4167B1;
	}
h4 { 
    font-size: .9em; 
}
h4.imagecaption {
    font-size: 14px;	
	line-height: 16px;
	color: #fff;	
    font-family: Cambria, Georgia, Times, Times New Roman, serif;	
	font-weight: normal;
	padding-left: 20px;
	padding-right: 100px;
	}
h5 { 
    font-size: 12px;
}
h6 { 
    font-size: .75em; 
}
/************* LINK STYLES *******************************/
a.header:link {color: #1E2F50; text-decoration: none;}
a.header:hover {color: #ffffff; text-decoration: underline;}
a.header:active {color: #1E2F50; text-decoration: none;}
a.header:visited {color: #1E2F50; text-decoration: none;}

a.footermenu:link {font-size: 12px; color: #ffffff; text-decoration: none; margin: 5px;}
a.footermenu:hover {font-size: 12px; color: #FFBE00; text-decoration: none; margin: 5px;}
a.footermenu:active {font-size: 12px; color: #ffffff; text-decoration: none; margin: 5px;}
a.footermenu:visited {font-size: 12px; color: #ffffff; text-decoration: none; margin: 5px;}

a.showcase:link {color: #000000; text-decoration: underline;}
a.showcase:hover {color: #ffffff; text-decoration: underline;}
a.showcase:active {color: #000000; text-decoration: underline;}
a.showcase:visited {color: #000000; text-decoration: underline;}

a.boxsmall:link {font-size: 12px; color: #000000; text-decoration: underline;}
a.boxsmall:hover {font-size: 12px; color: #000000; text-decoration: underline;}
a.boxsmall:active {font-size: 12px; color: #000000; text-decoration: underline;}
a.boxsmall:visited {font-size: 12px; color: #000000; text-decoration: underline;}

.boxmain{  width: 930px; 
		padding-bottom: 10px;
		float: left; 
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		width: 930px;
		height: auto;
		background: #fff; 
		text-align: center;		     
       }
.boxright {
       background: #fff;
	   color: #3c3c3c;
         float: left;		 
		 width: 885px;
		 height: auto ;	
		 margin: 5px;
		 padding: 10px;		 
		 text-align: left;
		 }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
img.logo {
    position: absolute;
	top: 0;
	left: 20px;
	padding: 0;
	width: 243px;
	height: 133px;	
	z-index: 1000;
	}
li.menuitem {
    border-right: none;
	border-top: none;
	border-left: none;
	border-bottom: none;	
	}
.catchphrase {
    position: absolute;
    margin-top: 155px;
	margin-left: 550px;
    font-family: Cambria, Georgia, Times, Times New Roman, serif  ;
    color: #ffffff;
	font-size: 2em;
	line-height: 1em;
	}
.tagline {
     position: absolute;
	 top: 20px;
	 right: 20px;
	 text-align: right;
	 color: #ffffff;
	 z-index: 800;
	 }
/* ----- FORM Styles----- */
#lifeQuestion {    
	float: left;
    margin: 5px 5px 5px 20px;
	width: 800px;		
	text-align: left;	
	padding-bottom: 10px;	
	}
#lifeQuestionbox {
    position: relative;
	float: left;
    margin: 10px;
	width: 200px;	
	text-align: left;	
	}
#lifeQuestionArea {  
    margin: 5px 5px 5px 20px;
	width: 800px;		
	text-align: left;	
	padding-bottom: 10px;	
	}
#contactInfo {    
	float: left;
    margin-left: auto;
	margin-right: auto;
	width: 800px;		
	text-align: left;	
	padding-bottom: 10px;	
	}
#contactInfobox {
    position: relative;
	float: left;
    margin: 10px;
	width: 325px;		
	text-align: right;		
	}
#contactInfoboxright {
    position: relative;
	float: left;
    margin: 10px;
	width: 325px;	
	text-align: right;		
	}
#contactInfoboxleft {
    position: relative;
	float: left;
    margin: 10px;
	width: 325px;	
	text-align: left;		
	}
#contactInfoboxSm {
    position: relative;
	float: left;
    margin: 10px;
	width: 180px;		
	text-align: right;		
	}
.standout {
    font-size: 14px;
	color: #2A3F00;
	font-weight: bold;
	}
#contactInfobox {
    position: relative;
	float: left;
    margin: 10px;
	width: 325px;		
	text-align: right;		
	}
#contactEmail {
      position: relative;
	float: left;   
	width: 400px;	
	text-align: left;	
	padding-left: 130px;		
	}
#contactWide {
      position: relative;
	float: left;   
	width: 400px;	
	text-align: right;	
	margin: 10px;		
	}
.copyright {
     color: #ffffff;
	 font-size: 9px;
	 }
p {
   padding-left: 20px;
   }
   
#contacttext {
      float: left;
	  margin: 10px 10px 10px 10px;
	  width: 300px; 
	  text-align: right;
	  }	
#contactbox {
      float: left;
	  margin: 10px 10px 10px 0;
	  width: 350px;	  
	  }