html,body{
	 background: #cccccc url(images/bg_gray.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:450px;  
		 z-index: 200;
		 margin-right: auto;
	     margin-left: auto;
		 padding: 0;
		 color: #1E2F50;
		 clear: both;
		 }
#container {
        margin: 80px auto 0 auto;
		padding: 20px;         
		width:960px;  
		height: auto;		
		z-index: 250;
		background-color: #ffffff;
		clear: both;
		}		
         
* html #wrapper{
       height:auto; 	   
	   } 		 
#headerContainer {
		 background: url(images/bg_main3.jpg) center; background-repeat:repeat-x;
         width: 100%;
	     clear: both;
        }

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

#innerContent{
       margin: 0 10px 10px 10px;	    
	   background-color: #ffffff;
	   padding: 0;	   
	   width: 903px;
	   height: 366px;	   
	   z-index: 100;	   
	   }
#footer{
       background-color: #41476D;
       margin: 0 0;  
	   height: 50px; 
	   color: #ffffff;
	   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: #8288AE;
    font-size: 1.3em;
	line-height: 1em;
	margin-top: 3px; 
	margin-bottom: 3px;	
	}
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;
	}
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: #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: #c4c8ea; 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: #c4c8ea; text-decoration: none; margin: 5px;}
a.footermenu:visited {font-size: 12px; color: #c4c8ea; 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;				
		} 
.boxtop{  
        background-color: #626A9B;
        margin: 48px 0 0 0;		
		padding: 10px;
        width: 902px;
		height: 255px; 
		float: left; 
		border: 1px solid #777B91;
		clear: both;
		} 
.boxtopleft  {       	
		color: #fff;		   
		 float: left;
		 width: 300px;		
		 height: 250px;			 		 
		 padding: 0;	 	 
		  }

.boxtopright {
		  color: #fff;	
         float: left;
		 width: 600px;		
		 height: 250px;	
		 padding: 0;	
		  }
.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: 172px;
	height: 167px;
	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;
	}
.boxtextleft {	
    background-color: #eeeeee;
    padding: 10px;
	width: 550px;
	height: 230px;
	float: left;
	text-align: left;
	color: #000;		
	border: 1px solid #777B91;
	}
.boxtextright {
    font-family: "Adobe Caslon Pro", Calibri, Cambria, sans-serif;
	font-size: 18px;
	font-weight: bold;
    background-color: #9499B4;
    width: 300px;
	height: 240px;
	float: left;
	text-align: left;	
	margin: 2px 0 0 10px;
	padding: 0;		
	}
.tagline {
     position: absolute;
	 top: 5px;
	 right: 20px;
	 text-align: right;
	 color: #ffffff;
	 z-index: 800;
	 }
.copyright {
     color: #c4c8ea;
	 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: 270px;		
		 height: 340px;	
		 margin: 0 5px 0 0;
		 padding: 10px;	
		 overflow: hidden;		 
		 text-align: left;			 	 	 
		  }
.boxbottommiddle {
		 background: #ffffff url(images/bg_toolbox.jpg) top; background-repeat:no-repeat; 
	   color: #3c3c3c;
         float: left;
		 width: 280px;		
		 height: 370px;	
		 margin: 0;
		 padding: 0;			
		 overflow: hidden;		 
		 text-align: left;
		 }
.boxbottomright {
	background: #DCDCDC;
	border: 1px solid #A7AEC1;
	background-repeat: no-repeat;	   
         float: left;		 
		 width: 295px;
		 height: 360px;	
		 margin: 10px 0 0 5px;
		 padding: 10px;
		 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;
	}