html,body{
	 background: #cccccc url(images/bg_main_faded.jpg) top; background-repeat:repeat-x;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin:0;
	font-size: 12px;
	line-height: 16px;
	padding:0;	
	min-width:930px;
	text-align:center
} 
#header {
         position:relative;  /* give header a stacking higher than mainContent */
		 width: 930px;  
		 height: 156px;  
		 z-index: 200;
		 margin-right: auto;
	     margin-left: auto;
		 padding: 0;
		 color: #1E2F50;
		 clear: both;
		 }         
* html #wrapper{
       height:auto;
	   margin: 0;
	   padding: 0; 	   
	   } 		 
#headerContainer {
		 width: 100%;
	     clear: both;
        }

#mainContent { 
        margin: 0 auto 0 auto;
		padding: 0; 
        background-color: #ffffff;
		width:920px;  
		height: auto;		
		z-index: 300;				
		}

#innerContent{
       margin: 0 10px 0 10px;	    
	   background-color: #ffffff;
	   padding: 0 0 20px 0;	   
	   width: 900px;
	   height: auto;	   
	   z-index: 100;	   
	   }
#footer{
	   background: url(images/footer_bg.jpg) center; background-repeat:repeat-x;
       margin: 0 0;  
	   height: 100px; 
	   color: #ffffff;
	   padding: 0;
	   font-size: 9px;
	   }
.ftrtext{
       margin: 0 auto;  
	   height: 100px;
	   width: 900px; 
	   color: #ffffff;
	   padding: 10px;	   
	   }
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: #8288AE;
    font-size: 1.3em;
	line-height: 1em;
	margin-top: 3px; 
	margin-bottom: 6px;	
	}
h2.catchphrase {
    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: #969dd5;
	font-weight: bold;
	margin-bottom: 4px;
	}
h3.bio { 
    font-size: 1em; 
	color: #969dd5;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 0;
	padding: 0;
	}
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; 
}
.specialfont{	 
	color: #673007;	
	font-weight: bold;
} 
/************* LINK STYLES *******************************/
a.header:link {color: #c4c8ea; text-decoration: none;}
a.header:hover {color: #ffffff; text-decoration: underline;}
a.header:active {color: #c4c8ea; text-decoration: none;}
a.header:visited {color: #c4c8ea; text-decoration: none;}

a.footermenu:link {font-size: 12px; color: #41476D; text-decoration: none; margin: 5px;}
a.footermenu:hover {font-size: 12px; color: #ffffff; text-decoration: none; margin: 5px;}
a.footermenu:active {font-size: 12px; color: #41476D; text-decoration: none; margin: 5px;}
a.footermenu:visited {font-size: 12px; color: #41476D; 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;}
.navbottom{  
        margin: 0 auto 0 auto;	
		padding-top: 60px;
		width: 900px;	
		height: 45px; 
		float: left; 
		font-size: 28px;     
font-family: "Adobe Caslon Pro", Calibri, Cambria, sans-serif;
	 font-weight: bold;
	 font-style: italic;
	 text-align: center;
	 color: #ffffff;
	 z-index: 850;
		clear: both;				
		} 
.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.arrow {    
	padding: 0;
	width: 217px;
	height: 200px;
	z-index: 300;
	}
img.logo {
    position: absolute;
	top: 0;
	left: 20px;
	padding: 0;
	width: 174px;
	height: 151px;
	z-index: 305;
	}
.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;
	 }
.copyright {
     color: #41476D;
	 font-size: 9px;
	 }
/*
----------------------- SIDE NAVIGATION ------------------------- */	
a.button
{  /* Specify only the properties that differ from a.button */
  background:#eeeeee;
  border-right:3px #C6C9DC solid;
  border-left:10px #C6C9DC solid;
  color: #626a9b;
  display:block;
  margin:0 0 1px 0;
  padding:5px;
  text-decoration:none;
  width:290px;
  text-align: left;
  height: 38px;
}
a.button:hover
{  /* Specify only the properties that differ from a.button */
  background:#E7E8EB;
  border-right:3px #ffffff solid;
  border-left:10px #ffffff solid;
  color: #626a9b;
  width:290px;
  text-align: left;
  height: 38px;
}
	 
.boxbottomleft  {
       background: #ffffff;
	   color: #3c3c3c;         
		 float: left;
		 width: 865px;		
		 height: auto;	
		 margin: 0 5px 0 0;
		 padding: 10px 10px 10px 20px;	
		 overflow: hidden;		 
		 text-align: left;			 	 	 
		  }

ul {
   padding-left: 0;
   margin-left: 10px;
   margin-top: 3px;
   }
li.without {
   list-style: none;
   }
 p { margin-top: 3px;
 }
 .innerbbm  {
    width: 240px;
	height: 320px;	
	padding: 150px 5px 5px 15px;	
	}
.right  {
    text-align: right;
	}
.testimonials {
    background-color:#FFFFD9;
	padding: 10px;
	}
.imagecaption {
     font-family: "Adobe Caslon Pro", Calibri, Cambria, sans-serif;
	 color: #000000;
	 font-size: 14px;
	line-height: 18px;	
	}
.bio {
     text-align: justify;
	 }
.specialheader { 
    font-size: 1em; 
	color: #969dd5;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 0;
	padding: 0;
	}
.picture {  
	 font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color:#800080;
	text-align: center;
 } 
.picture img {
vertical-align:middle;
 margin-bottom: 3px;
 margin-right: 10px; } 
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; } 
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 

/* ----- 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: 700px;	
	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: 225px;
	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;
	}
#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;		
	}
.copyright {
   font-size: 12px;
     }