.cemac {
	border: thin double #333333;
	margin: 4px;
	padding: 4px;
}
div.main {
position: absolute; top: 50%; left: 50%;
height: 549px; width:775px;
margin-top: -275px; margin-left: -388px;
text-align: center; 
border: 1px solid #DDDDDD;
}

ul#nav {
width: 782px;
height: auto;
padding: 0;
margin: 0;
position: absolute;
}
ul#nav li {
float: left;
background-color: #333;
padding: 0;
margin: 0;
}



ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
li {
  float: left; /*display: inline;*/
  position: relative;
  margin-left: 3px;
}
li ul {
  /*display: none;*/
  display: block;
  position: absolute; 
  width: 300px;
  top: 1em; 
  left: 0;/*IE needs top & left properties - messes things up for other browsers- damn you IE!*/
}
li > ul { /*To reset css for all browsers but IE*/
  top: auto;
  left: auto;
}
/*Making the sucker work*/
li:hover ul, li.over ul{ display: block; width: 300px;}




.menu a {
	color:#fff;
	display:block;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	height:16px;
	text-decoration: none;
	font-family: /*"Arial Narrow",*/ Arial, sans-serif;
	padding: 5px 10px;
}
.menu a:hover {color: #900;}

#menu1 a {
	width: 179px;
}
#menu2 a {
	width: 134px;
	color: #fff;
	padding-left: 9px;
}
#menu2 li.menu3 a {
	width: 190px;
}
#menu2 li.menu3 a:hover {
	width: 190px;
	color: #900;
}
#menu4 a {
	width: 185px
}
#menu5 a {
	width: 203px
}
p {
	font-family: /*"Arial Narrow",*/ Arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	padding:0; margin: 0;
}
.red {
	color: #900;
	font-size: 1.2em;
	padding-left: 3px; padding-right: 3px;
}