body {
	background-color: #302E2E;
}

p {
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
}
.smaller {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
ul {
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
}
li { 
	margin:1px;
	}

<!-- HEADERS -->
h1 {
    font: bold 20px Verdana, Arial, Helvetica, sans-serif;
	 color: #ffffff;
}

h2 {
    font: bold 18px Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
}

h3 {
    font: bold 16px Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
}

h4 {
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
}

h5 {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
}

<!-- LINKS -->
a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #bbd3f0;
}

a:hover {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #71a2f1;
	text-decoration: none;
}

<!-- TEXT COLORS -->
.black { color: #000000; }
.white { color: #ffffff; }
.blue { color: #bbd3f0; }
.blueDk{ color: #71a2f1; }
.yellow { color: #f9cc75; }
.yellowDk { color: #ffa800; }
.red { color: #e11414; }
.redDk { color: #ce0404; }
.redLt { color: #fa2a2a; }
.green { color: #2af042; }

<!-- MENU -->
.ddm1 {
   font: 13px verdana, arial;
	border: 1px #77181b;
	border-style: none none none solid;
	text-align:center;
}
.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    padding: 3px 8px 4px 8px;
    border: 1px #77181b;
	 border-style: solid solid solid none;
    text-decoration: none;
    display: block;
    position: relative;
}
.ddm1 .item1 {
	background: #e11414;
	color: WHITE;
	width: 160px;
}
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
   background: #fa2a2a;
	color: WHITE;
	width: 160px;
}

.ddm1 .item2,
.ddm1 .item2:hover {
   padding: 3px 8px 4px 8px;
   text-decoration: none;
   display: block;
   white-space: nowrap;
	border: 1px #77181b;
	border-style: none solid solid solid;
}
.ddm1 .item2 {
   background: #fa2a2a;
   color: #cccccc;
	width: 200px;
}
.ddm1 .item2:hover {
   background: #ce0404;
   color: #cccccc;
	width: 200px;
}

.ddm1 .section {
   position: absolute;
   visibility: hidden;
   z-index: -1;
   white-space: nowrap;
	border: 1px #77181b;
	border-style: solid none none none;	
}

.ddm1 .left, .ddm1 .left:hover { border-style: none none none none; }
.ddm1 .right, .ddm1 .right:hover { border-style: none none none none; }

* html .ddm1 td { position: relative; } /* ie 5.0 fix */