/* CSS Document */
img {
	behavior:	url("/style/pngbehavior.htc");
}

body{
	background-color:#E7BA39;
	font-family:arial, verdana, helvetica;
	text-align:center;
}

#wrap{
	margin:0px auto 0px auto;
	width:720px;
}

#header{
	background-image:url(images/ejmco_header.gif);
	display:block;
	width:720px;
	height:100px;
	padding:0px 0px 0px 0px;
}


/* NAVIGATION BAR STYLES*/

#nav{
	height:90px;
	float:none;
}

/*get rid of the bullets*/
#nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

/*arrange the list horizontally*/
#nav li{
	float:left;
	display:block;
	width:120px;
	height:90px;
}

/*image for selected page*/
#nav li#home{background:url(images/home.gif) top;}

#nav li#corporate{background:url(images/corporate.gif) top;}

#nav li#principals{background:url(images/principals.gif) top;}

#nav li#products{background:url(images/products.gif) top;}

#nav li#staff{background:url(images/staff.gif) top;}

#nav li#customers{background:url(images/customers.gif) top;}

/*set up link height and width*/
#nav li a{display:block; width:120px; height:90px;}

#nav li a span{display:none;}

/*set images for navigation buttons and rollover*/
#nav li a#home{background:url(images/home.gif) bottom;}
#nav li a#home:hover{background:url(images/home.gif) top;}

#nav li a#corporate{background:url(images/corporate.gif) bottom;}
#nav li a#corporate:hover{background:url(images/corporate.gif) top;}

#nav li a#principals{background:url(images/principals.gif) bottom;}
#nav li a#principalsPage{background:url(images/principals.gif) top;}
#nav li a#principals:hover{background:url(images/principals.gif) top;}

#nav li a#products{background:url(images/products.gif) bottom;}
#nav li a#products:hover{background:url(images/products.gif) top;}

#nav li a#staff{background:url(images/staff.gif) bottom;}
#nav li a#staff:hover{background:url(images/staff.gif) top;}

#nav li a#customers{background:url(images/customers.gif) bottom;}
#nav li a#customers:hover{background:url(images/customers.gif) top;}



/*STYLES FOR THE MAIN SECTION*/

#main{
	width:740px;
	background:url(images/background.gif) bottom no-repeat scroll;
	padding:20px 0 20px 0;
	
}

#main h1{
	color:#593C1B;
	font-style:italic;
	font-size:x-large;
	font-weight:100;
}

#main h2{
	color:#000000;
	font-size:14px;
	font-weight:bold;
	margin:0 0 5px 0;
}

#main h3{
	margin:0px 0 0 0;
	color:#593C1B;
	font-size:20px;
	font-weight:100;
}

#main h4{
	margin:5px 0 0 0;
	color:#593C1B;
	font-size:14px;
	font-weight:100;
}

#main a{color:#000000; text-decoration:underline;}

#main a:hover{color:#593C1B;}

#main p{text-indent:40px; font-size:12px;
}

#main #content{
	width:600px;
	margin:0 auto 0 auto;
	font-size:12px;
	text-align:left;
}

#main #principalSec{
	width:500px;
	height:500px;
	margin:0 auto 0 auto;
	font-size:12px;
	text-align:left;
}

.logo{
	float:right;
}

#content ul{list-style:square url(images/bullet.gif);}

#footer{
	background-image:url(images/ejmco_footer.gif);
	display:block;
	width:720px;
	height:30px;
	padding:0px 0px 0px 0px;
}