@charset "iso-8859-1";
/* TWO COLUMN LAYOUT */

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	}
#main_wrapper {
	max-width:880px; /* sets max layout width */
	min-width:720px; /* sets min layout width */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */ 
	}	
	
#header { 	height: 250px;
	 
	}  
	
#header-inner {	 height: 50px;
	
	}
	
#topbanner {  height: 0px; width: 0px;
	 }	  
	 
#banner-inner {   padding: 0 0 0 10px;
	
	}  

#image1 { border: 20px; color: #000; 

/*Rounded Corners*/
-webkit-border-radius: 20px 0px 0px 0px;
-moz-border-radius: 20px 0px 0px 0px;
border-radius: 20px 0px 0px 0px;   
   
   /*Shadow*/
-webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 10px 6px 10px rgba(0, 0, 0, 0.8);
box-shadow: 15px 10px 50px rgba(0, 0, 0, 1.0); } 
 

#img { 

   padding:3px;
   border:1px solid #000;
   background-color:#D9D7F0; 
   
     /*Rounded Corners*/
-webkit-border-radius: 20px 0px 0px 0px;
-moz-border-radius: 20px 0px 0px 0px;
border-radius: 20px 20px 20px 20px;   
   
   /*Shadow*/
-webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 10px 6px 10px rgba(0, 0, 0, 0.8);
box-shadow: 15px 10px 50px rgba(0, 0, 0, 1.0); 

/*Gradient*/
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
   }
	
#button1 {
  background: #3333ff;
  border: 2px solid #eee;
  height: 28px;
  width: 120px;
  margin: 20px 0 0 30px;
  padding: 0 0 0 5px;
  overflow: hidden;
  display: block;
  position: center; 
  
  /*Rounded Corners*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;  

/*Shadow*/
-webkit-box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.8);
box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.8);
 
/*Gradient*/
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  
}  

#button1:hover {  
  width: 170px;	
 } 
 
 #button2 {
  background: #3333ff;
  border: 2px solid #eee;
  height: 18px;
  width: 80px;
  margin: 0px 0 0 0px;
  padding: 0 0 0 3px;
  overflow: hidden;
  display: block;
  position: center; 
  
  /*Rounded Corners*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;  

/*Shadow*/
-webkit-box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.8);
box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.8);
 
/*Gradient*/
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  
}  

#button2:hover {  
  width: 100px;	
 } 
 
#nav {
	width:25%; /* this width + content width must total 100% */
	float:left; /* floats on nav and content divs make them sit side by side */	 
	margin: 3px 0px 0px 0px; 
	
	/*Rounded Corners*/
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px 20px 20px 20px;   
   
   /*Shadow*/
-webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 10px 6px 10px rgba(0, 0, 0, 0.8);
box-shadow: 15px 10px 50px rgba(0, 0, 0, 1.0);
	 } 
	 	
#content { width: 75%; float: right; 
	/* default auto width */
	
	/*Rounded Corners*/
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;   
   
   /*Shadow*/
-webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 10px 6px 10px rgba(0, 0, 0, 0.8);
box-shadow: 15px 10px 50px rgba(0, 0, 0, 1.0);
	}  
	
#content2  { width: 90%;  float: left;  padding: 20px 10px 10px 30px;	margin: 20px 65px 20px 10px;

/*Rounded Corners*/
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;   
   
   /*Shadow*/
-webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 10px 6px 10px rgba(0, 0, 0, 0.8);
box-shadow: 15px 10px 50px rgba(0, 0, 0, 1.0); } 

#content_inner2 {  width: 85%; 	padding: 20px 10px 10px 30px;	margin: 20px 65px 20px 10px;
 
/*Rounded Corners*/
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;   
   
   /*Shadow*/
-webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 10px 6px 10px rgba(0, 0, 0, 0.8);
box-shadow: 15px 10px 50px rgba(0, 0, 0, 1.0); } 

table.center {
    margin-left:0; 
    margin-right:0;	
	}  
	
/* here comes a hack for IE6 */
/* floating this element gets rid of the gap between the nav and content - the hateful 3 pixel jog bug in IE */
/* if I float this element in other browsers, the layout breaks - don't remove this comment &*/
* html #content { 
	float:left; 
	}
/* end of hack - don't remove this comment */  

#footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	background:#DDC; /* TEMP - REMOVE OR RESTYLE  */
	}
#header_inner, #nav_inner, #content_inner, #promo_inner {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
	}
#header_inner { 
	padding:1em 2em; /* creates space between the box  and the content */
	}	 
	
#nav_inner {
	padding:1em; /* creates space between the box and the content */  
	
	/*Rounded Corners*/
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;   
   
   /*Shadow*/
-webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 10px 6px 10px rgba(0, 0, 0, 0.8);
box-shadow: 15px 10px 50px rgba(0, 0, 0, 1.0); 	
	}	  
		
#content_inner { 
	padding: 1em 1em 1em 1em; /* creates space between the box and the content */
	}		
	
#footer_inner {
	padding:.5em 1em; /* creates space between the box and the content */
	text-align:center;
	}
* html {