/* CSS for ECPi */


/* Fonts */
/**************/

#drkblu {
   font-family: arial;
   font-size: 14px;   
   font-weight: bold;
   color: #0b268a;
}

#medblu {
   font-family: arial;
   font-size: 12px;   
   font-weight: bold;
   color: #555e79;
}

#drkgry {
   font-family: arial;
   font-size: 12px;
   color: #333333;
   line-height: 20px;
}

#drkgryb {
   font-family: arial;
   font-size: 12px;
   color: #333333;
   font-weight: bold;
   line-height: 20px;
}

#drkblk {
   font-family: arial;
   font-size: 12px;
   color: #000000;
   font-weight: bold;
   line-height: 20px;
}
	    #drkblk a:link{
				color: #000000;
				text-decoration: none;
		}
		#drkblk a:visited{
				color: #000000;
				text-decoration: none;
		}
		#drkblk a:hover{
				color: #000000;
				text-decoration: underline;
		}

#ltgrysm {
   font-family: arial;
   font-size: 14px;   
   font-weight: bold;
   color: #999999;
}

#ltgry {
   font-family: arial;
   font-size: 18px;
   color: #999999;
}

/* Positioning */
/**************/

html, body { 
	height: 100%;
}

body {
   text-align: center;
   min-width: 1000px;
   margin-top: 0px;
   margin-bottom: 0px;
   }

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height:100%;
	min-height:100%;
}

#logo {
   position: absolute;
   float: left;
   left: 25px;
   top: 147px;
   background-image: url(../Images/ECPi_logo.gif);
   background-repeat: no-repeat;
   width: 170px;
   height: 72px; 
}

#homeimg {
   position: absolute;
   float: left;
   left: 228px;
   top: 0px;
   background-image: url(../Images/home.jpg);
   background-repeat: no-repeat; 
   width: 772px;
   height: 256px;
}

#aboutimg {
   position: absolute;
   float: left;
   left: 228px;
   top: 0px;
   background-image: url(../Images/about.jpg);
   background-repeat: no-repeat; 
   width: 772px;
   height: 256px;
}

#principalsimg {
   position: absolute;
   float: left;
   left: 228px;
   top: 0px;
   background-image: url(../Images/principals.jpg);
   background-repeat: no-repeat; 
   width: 772px;
   height: 256px;
}

#customersimg {
   position: absolute;
   float: left;
   left: 228px;
   top: 0px;
   background-image: url(../Images/customers.jpg);
   background-repeat: no-repeat; 
   width: 772px;
   height: 256px;
}

#diversityimg {
   position: absolute;
   float: left;
   left: 228px;
   top: 0px;
   background-image: url(../Images/diversity.jpg);
   background-repeat: no-repeat; 
   width: 772px;
   height: 256px;
}

#contactimg {
   position: absolute;
   float: left;
   left: 228px;
   top: 0px;
   background-image: url(../Images/contact.jpg);
   background-repeat: no-repeat; 
   width: 772px;
   height: 256px;
}

#bluestripe {
   position: absolute;
   float: left;
   left: 0px;
   top: 256px;
   background-color: #0b268a;
   width: 1000px;
   height: 6px;
}

#graystripe {
   position: absolute;
   float: left;
   left: 0px;
   top: 269px;
   background-color: #666666;
   width: 1000px;
   height: 25px;
}

#title {
   position: absolute;
   text-align: left;
   float: left;
   left: 227px;
   top: 302px;
}

#bodyc {
   position: absolute;
   text-align: left;
   float: left;
   left: 227px;
   top: 345px;
   width: 700px;
}

/* Padding */
/**************/

#pad8b {
  padding-bottom: 8px;
}

#pad25l {  
  padding-left: 25px;
}